@novu/js 3.9.2 → 3.10.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/{chunk-VEX66SK3.js → chunk-TWUFZL5G.js} +578 -151
- package/dist/cjs/index.d.ts +4 -4
- package/dist/cjs/index.js +13 -13
- package/dist/cjs/internal/index.d.ts +1 -1
- package/dist/{esm/novu-BOlS1PMv.d.mts → cjs/novu--9_BeIj6.d.ts} +120 -36
- package/dist/cjs/themes/index.d.ts +3 -3
- package/dist/{esm/types-C9c_ID-G.d.mts → cjs/types-CvebLpsG.d.ts} +97 -5
- package/dist/{esm/types-CbmZeAf8.d.mts → cjs/types-DKMAoSfo.d.ts} +27 -1
- package/dist/cjs/ui/index.d.ts +6 -5
- package/dist/cjs/ui/index.js +1468 -312
- package/dist/esm/{chunk-3CKXF2I4.mjs → chunk-OMH4MVCZ.mjs} +578 -151
- package/dist/esm/index.d.mts +4 -4
- package/dist/esm/index.mjs +1 -1
- package/dist/esm/internal/index.d.mts +1 -1
- package/dist/{cjs/novu-Db46nHZP.d.ts → esm/novu-C2DJGZ4P.d.mts} +120 -36
- package/dist/esm/themes/index.d.mts +3 -3
- package/dist/{cjs/types-B-VuVpSW.d.ts → esm/types-Ba0J3oyA.d.mts} +97 -5
- package/dist/{cjs/types-CbmZeAf8.d.ts → esm/types-DKMAoSfo.d.mts} +27 -1
- package/dist/esm/ui/index.d.mts +6 -5
- package/dist/esm/ui/index.mjs +1450 -313
- package/dist/index.css +1 -1
- package/dist/novu.min.js +12 -12
- package/dist/novu.min.js.gz +0 -0
- package/package.json +1 -1
package/dist/cjs/ui/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkTWUFZL5G_js = require('../chunk-TWUFZL5G.js');
|
|
4
4
|
var chunkZB7IPCHY_js = require('../chunk-ZB7IPCHY.js');
|
|
5
5
|
var chunk7B52C2XE_js = require('../chunk-7B52C2XE.js');
|
|
6
6
|
var web = require('solid-js/web');
|
|
@@ -12,13 +12,33 @@ var solidMotionone = require('solid-motionone');
|
|
|
12
12
|
var dom = require('@floating-ui/dom');
|
|
13
13
|
var solidFloatingUi = require('solid-floating-ui');
|
|
14
14
|
var classVarianceAuthority = require('class-variance-authority');
|
|
15
|
+
var CheckboxPrimitive = require('@kobalte/core/checkbox');
|
|
15
16
|
|
|
16
17
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
18
|
|
|
19
|
+
function _interopNamespace(e) {
|
|
20
|
+
if (e && e.__esModule) return e;
|
|
21
|
+
var n = Object.create(null);
|
|
22
|
+
if (e) {
|
|
23
|
+
Object.keys(e).forEach(function (k) {
|
|
24
|
+
if (k !== 'default') {
|
|
25
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
26
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
27
|
+
enumerable: true,
|
|
28
|
+
get: function () { return e[k]; }
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
n.default = e;
|
|
34
|
+
return Object.freeze(n);
|
|
35
|
+
}
|
|
36
|
+
|
|
18
37
|
var clsx__default = /*#__PURE__*/_interopDefault(clsx);
|
|
38
|
+
var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
|
|
19
39
|
|
|
20
|
-
//
|
|
21
|
-
var ui_default = `.novu{scrollbar-color:var(--nv-color-secondary-foreground-alpha-300) #0000;:where(*),:where(*) :after,:where(*) :before,:where(*):after,:where(*):before{border:0 solid #e5e7eb;box-sizing:border-box}:where(html,:host){line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;tab-size:4;-webkit-tap-highlight-color:transparent}:where(body){line-height:inherit;margin:0}:where(hr){border-top-width:1px;color:inherit;height:0}:where(abbr:where([title])){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:where(a){color:inherit;text-decoration:inherit}:where(b,strong){font-weight:bolder}:where(code,kbd,samp,pre){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}:where(small){font-size:80%}:where(sub,sup){font-size:75%;line-height:0;position:relative;vertical-align:initial}:where(sub){bottom:-.25em}:where(sup){top:-.5em}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,optgroup,select,textarea){color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}:where(button,select){text-transform:none}:where(button,input:where([type=button]),input:where([type=reset]),input:where([type=submit])){-webkit-appearance:button;background-color:initial;background-image:none}:where(:-moz-focusring){outline:auto}:where(:-moz-ui-invalid){box-shadow:none}:where(progress){vertical-align:initial}:where(*)::-webkit-inner-spin-button,:where(*)::-webkit-outer-spin-button{height:auto}:where([type=search]){-webkit-appearance:textfield;outline-offset:-2px}:where(*)::-webkit-search-decoration{-webkit-appearance:none}:where(*)::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(summary){display:list-item}:where(blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre){margin:0}:where(fieldset){margin:0;padding:0}:where(legend){padding:0}:where(ol,ul,menu){list-style:none;margin:0;padding:0}:where(dialog){padding:0}:where(textarea){resize:vertical}:where(input)::placeholder,:where(textarea)::placeholder{color:#9ca3af;opacity:1}:where(button,[role=button]){cursor:pointer}:where(:disabled){cursor:default}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block;vertical-align:middle}:where(img,video){height:auto;max-width:100%}:where([hidden]){display:none}:where(*),:where(*) :after,:where(*) :before,:where(*):after,:where(*):before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where(*) ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-thumb{background-clip:"padding-box";background-color:var(--nv-color-secondary-foreground-alpha-300);border-radius:.25rem}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:initial}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}}.nt-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.\\!nt-pointer-events-auto{pointer-events:auto!important}.nt-invisible{visibility:hidden}.nt-absolute{position:absolute}.nt-relative{position:relative}.nt-inset-0{inset:0}.nt-inset-2{inset:.5rem}.nt-bottom-0{bottom:0}.nt-left-0{left:0}.nt-left-0\\.5{left:.125rem}.nt-right-0{right:0}.nt-right-3{right:.75rem}.nt-top-0{top:0}.nt-top-0\\.5{top:.125rem}.nt-top-3{top:.75rem}.nt-z-10{z-index:10}.nt-z-\\[-1\\]{z-index:-1}.-nt-m-1{margin:-.25rem}.nt-mx-auto{margin-left:auto;margin-right:auto}.nt--mt-\\[50px\\]{margin-top:-50px}.nt-mb-1{margin-bottom:.25rem}.nt-mb-2{margin-bottom:.5rem}.nt-mb-4{margin-bottom:1rem}.nt-mb-\\[0\\.625rem\\]{margin-bottom:.625rem}.nt-ml-1{margin-left:.25rem}.nt-ml-2{margin-left:.5rem}.nt-ml-auto{margin-left:auto}.nt-mr-2{margin-right:.5rem}.nt-mr-auto{margin-right:auto}.nt-mt-1{margin-top:.25rem}.nt-mt-auto{margin-top:auto}.nt-block{display:block}.nt-flex{display:flex}.nt-inline-flex{display:inline-flex}.nt-grid{display:grid}.nt-hidden{display:none}.nt-aspect-square{aspect-ratio:1/1}.nt-size-1\\.5{height:.375rem;width:.375rem}.nt-size-2{height:.5rem;width:.5rem}.nt-size-2\\.5{height:.625rem;width:.625rem}.nt-size-3{height:.75rem;width:.75rem}.nt-size-3\\.5{height:.875rem;width:.875rem}.nt-size-4{height:1rem;width:1rem}.nt-size-5{height:1.25rem;width:1.25rem}.nt-size-8{height:2rem;width:2rem}.nt-size-fit{height:fit-content;width:fit-content}.nt-size-full{height:100%;width:100%}.nt-h-2{height:.5rem}.nt-h-3{height:.75rem}.nt-h-4{height:1rem}.nt-h-5{height:1.25rem}.nt-h-7{height:1.75rem}.nt-h-8{height:2rem}.nt-h-9{height:2.25rem}.nt-h-\\[600px\\]{height:600px}.nt-h-fit{height:fit-content}.nt-h-full{height:100%}.nt-min-h-0{min-height:0}.nt-w-1\\.5{width:.375rem}.nt-w-1\\/3{width:33.333333%}.nt-w-2\\/3{width:66.666667%}.nt-w-5{width:1.25rem}.nt-w-7{width:1.75rem}.nt-w-8{width:2rem}.nt-w-\\[260px\\]{width:260px}.nt-w-\\[3px\\]{width:3px}.nt-w-\\[400px\\]{width:400px}.nt-w-\\[60px\\]{width:60px}.nt-w-\\[calc\\(2ch\\+2rem\\)\\]{width:calc(2ch + 2rem)}.nt-w-fit{width:fit-content}.nt-w-full{width:100%}.nt-w-max{width:max-content}.nt-min-w-52{min-width:13rem}.nt-flex-1{flex:1 1 0%}.nt-shrink-0{flex-shrink:0}.nt-translate-x-1\\/2{--tw-translate-x:50%}.nt-transform,.nt-translate-x-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nt-cursor-default{cursor:default}.nt-cursor-not-allowed{cursor:not-allowed}.nt-cursor-pointer{cursor:pointer}.nt-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.nt-flex-row{flex-direction:row}.nt-flex-col{flex-direction:column}.nt-flex-wrap{flex-wrap:wrap}.nt-flex-nowrap{flex-wrap:nowrap}.nt-items-start{align-items:flex-start}.nt-items-center{align-items:center}.nt-justify-end{justify-content:flex-end}.nt-justify-center{justify-content:center}.nt-justify-between{justify-content:space-between}.nt-gap-0\\.5{gap:.125rem}.nt-gap-1{gap:.25rem}.nt-gap-1\\.5{gap:.375rem}.nt-gap-2{gap:.5rem}.nt-gap-3{gap:.75rem}.nt-gap-4{gap:1rem}.nt-gap-6{gap:1.5rem}.nt-gap-8{gap:2rem}.nt-self-stretch{align-self:stretch}.nt-overflow-auto{overflow:auto}.nt-overflow-hidden{overflow:hidden}.nt-overflow-y-auto{overflow-y:auto}.nt-truncate{overflow:hidden;text-overflow:ellipsis}.nt-truncate,.nt-whitespace-nowrap{white-space:nowrap}.nt-whitespace-pre-wrap{white-space:pre-wrap}.nt-rounded{border-radius:var(--nv-radius-base)}.nt-rounded-full{border-radius:var(--nv-radius-full)}.nt-rounded-lg{border-radius:var(--nv-radius-lg)}.nt-rounded-md{border-radius:var(--nv-radius-md)}.nt-rounded-sm{border-radius:var(--nv-radius-sm)}.nt-rounded-xl{border-radius:var(--nv-radius-xl)}.nt-border{border-width:1px}.nt-border-b{border-bottom-width:1px}.nt-border-t{border-top-width:1px}.nt-border-background{border-color:var(--nv-color-background)}.nt-border-border{border-color:var(--nv-color-neutral-alpha-100)}.nt-border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.nt-border-neutral-alpha-100{border-color:var(--nv-color-neutral-alpha-100)}.nt-border-neutral-alpha-200{border-color:var(--nv-color-neutral-alpha-200)}.nt-border-neutral-alpha-400{border-color:var(--nv-color-neutral-alpha-400)}.nt-border-neutral-alpha-50{border-color:var(--nv-color-neutral-alpha-50)}.nt-border-t-neutral-alpha-200{border-top-color:var(--nv-color-neutral-alpha-200)}.nt-bg-\\[oklch\\(from_var\\(--nv-color-stripes\\)_l_c_h_\\/_0\\.1\\)\\]{background-color:oklch(from var(--nv-color-stripes) l c h/.1)}.nt-bg-background{background-color:var(--nv-color-background)}.nt-bg-counter{background-color:var(--nv-color-counter)}.nt-bg-foreground{background-color:var(--nv-color-foreground)}.nt-bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.nt-bg-neutral-alpha-100{background-color:var(--nv-color-neutral-alpha-100)}.nt-bg-neutral-alpha-25{background-color:var(--nv-color-neutral-alpha-25)}.nt-bg-neutral-alpha-300{background-color:var(--nv-color-neutral-alpha-300)}.nt-bg-neutral-alpha-50{background-color:var(--nv-color-neutral-alpha-50)}.nt-bg-primary{background-color:var(--nv-color-primary)}.nt-bg-primary-alpha-300{background-color:var(--nv-color-primary-alpha-300)}.nt-bg-primary-alpha-400{background-color:var(--nv-color-primary-alpha-400)}.nt-bg-secondary{background-color:var(--nv-color-secondary)}.nt-bg-severity-high{background-color:var(--nv-color-severity-high)}.nt-bg-severity-high-alpha-100{background-color:var(--nv-color-severity-high-alpha-100)}.nt-bg-severity-high-alpha-200{background-color:var(--nv-color-severity-high-alpha-200)}.nt-bg-severity-high-alpha-300{background-color:var(--nv-color-severity-high-alpha-300)}.nt-bg-severity-high-alpha-50{background-color:var(--nv-color-severity-high-alpha-50)}.nt-bg-severity-low{background-color:var(--nv-color-severity-low)}.nt-bg-severity-low-alpha-100{background-color:var(--nv-color-severity-low-alpha-100)}.nt-bg-severity-low-alpha-200{background-color:var(--nv-color-severity-low-alpha-200)}.nt-bg-severity-low-alpha-300{background-color:var(--nv-color-severity-low-alpha-300)}.nt-bg-severity-low-alpha-50{background-color:var(--nv-color-severity-low-alpha-50)}.nt-bg-severity-medium{background-color:var(--nv-color-severity-medium)}.nt-bg-severity-medium-alpha-100{background-color:var(--nv-color-severity-medium-alpha-100)}.nt-bg-severity-medium-alpha-200{background-color:var(--nv-color-severity-medium-alpha-200)}.nt-bg-severity-medium-alpha-300{background-color:var(--nv-color-severity-medium-alpha-300)}.nt-bg-severity-medium-alpha-50{background-color:var(--nv-color-severity-medium-alpha-50)}.nt-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.nt-bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.nt-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.nt-from-foreground-alpha-50{--tw-gradient-from:var(--nv-color-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-primary-foreground-alpha-200{--tw-gradient-from:var(--nv-color-primary-foreground-alpha-200) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-transparent{--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-20\\%{--tw-gradient-from-position:20%}.nt-to-background{--tw-gradient-to:var(--nv-color-background) var(--tw-gradient-to-position)}.nt-to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.nt-object-cover{object-fit:cover}.nt-p-0{padding:0}.nt-p-0\\.5{padding:.125rem}.nt-p-1{padding:.25rem}.nt-p-2{padding:.5rem}.nt-p-2\\.5{padding:.625rem}.nt-p-3{padding:.75rem}.nt-p-4{padding:1rem}.nt-px-1{padding-left:.25rem;padding-right:.25rem}.nt-px-2{padding-left:.5rem;padding-right:.5rem}.nt-px-3{padding-left:.75rem;padding-right:.75rem}.nt-px-4{padding-left:1rem;padding-right:1rem}.nt-px-8{padding-left:2rem;padding-right:2rem}.nt-px-\\[6px\\]{padding-left:6px;padding-right:6px}.nt-py-1{padding-bottom:.25rem;padding-top:.25rem}.nt-py-2{padding-bottom:.5rem;padding-top:.5rem}.nt-py-3{padding-bottom:.75rem;padding-top:.75rem}.nt-py-3\\.5{padding-bottom:.875rem;padding-top:.875rem}.nt-py-4{padding-bottom:1rem;padding-top:1rem}.nt-py-px{padding-bottom:1px;padding-top:1px}.nt-pb-2{padding-bottom:.5rem}.nt-pb-\\[0\\.625rem\\]{padding-bottom:.625rem}.nt-pr-0{padding-right:0}.nt-pt-2\\.5{padding-top:.625rem}.nt-text-center{text-align:center}.nt-text-start{text-align:start}.nt-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.nt-text-\\[0\\.8rem\\]{font-size:.8rem}.nt-text-\\[12px\\]{font-size:12px}.nt-text-base{font-size:var(--nv-font-size-base);line-height:var(--nv-line-height-base)}.nt-text-sm{font-size:var(--nv-font-size-sm);line-height:var(--nv-line-height-sm)}.nt-text-xl{font-size:var(--nv-font-size-xl);line-height:var(--nv-line-height-xl)}.nt-text-xs{font-size:var(--nv-font-size-xs);line-height:var(--nv-line-height-xs)}.nt-font-medium{font-weight:500}.nt-font-normal{font-weight:400}.nt-font-semibold{font-weight:600}.nt-leading-none{line-height:1}.nt-text-\\[\\#000000\\]{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.nt-text-background{color:var(--nv-color-background)}.nt-text-counter-foreground{color:var(--nv-color-counter-foreground)}.nt-text-foreground{color:var(--nv-color-foreground)}.nt-text-foreground-alpha-300{color:var(--nv-color-foreground-alpha-300)}.nt-text-foreground-alpha-400{color:var(--nv-color-foreground-alpha-400)}.nt-text-foreground-alpha-600{color:var(--nv-color-foreground-alpha-600)}.nt-text-foreground-alpha-700{color:var(--nv-color-foreground-alpha-700)}.nt-text-primary-foreground{color:var(--nv-color-primary-foreground)}.nt-text-secondary-foreground{color:var(--nv-color-secondary-foreground)}.nt-text-stripes{color:var(--nv-color-stripes)}.nt-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.nt-underline{text-decoration-line:underline}.nt-opacity-0{opacity:0}.nt-opacity-20{opacity:.2}.nt-opacity-50{opacity:.5}.nt-shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0_0_0_0\\.5px_var\\(--nv-color-primary-600\\)\\]{--tw-shadow:0 0 0 0.5px var(--nv-color-primary-600);--tw-shadow-colored:0 0 0 0.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0_0_0_0\\.5px_var\\(--nv-color-secondary-600\\)\\]{--tw-shadow:0 0 0 0.5px var(--nv-color-secondary-600);--tw-shadow-colored:0 0 0 0.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0px_1px_2px_0px_rgba\\(10\\,13\\,20\\,0\\.03\\)\\]{--tw-shadow:0px 1px 2px 0px #0a0d1408;--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color)}.nt-shadow-\\[0px_1px_2px_0px_rgba\\(10\\,13\\,20\\,0\\.03\\)\\],.nt-shadow-dropdown{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-dropdown{--tw-shadow:0px 12px 16px -4px oklch(from var(--nv-color-shadow) l c h/0.08),0px 4px 6px -2px oklch(from var(--nv-color-shadow) l c h/0.03);--tw-shadow-colored:0px 12px 16px -4px var(--tw-shadow-color),0px 4px 6px -2px var(--tw-shadow-color)}.nt-shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.nt-shadow-lg,.nt-shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.nt-shadow-popover{--tw-shadow:0px 8px 26px 0px oklch(from var(--nv-color-shadow) l c h/0.08),0px 2px 6px 0px oklch(from var(--nv-color-shadow) l c h/0.12);--tw-shadow-colored:0px 8px 26px 0px var(--tw-shadow-color),0px 2px 6px 0px var(--tw-shadow-color)}.nt-shadow-popover,.nt-shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.nt-shadow-tooltip{--tw-shadow:0 5px 20px 0 oklch(from var(--nv-color-shadow) l c h/0.08);--tw-shadow-colored:0 5px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-outline-none{outline:2px solid #0000;outline-offset:2px}.nt-backdrop-blur-lg{--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.nt-transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-duration-100{transition-duration:.1s}.nt-duration-200{transition-duration:.2s}.nt-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.nt-animate-in{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.nt-fade-in{--tw-enter-opacity:0}.nt-slide-in-from-top-2{--tw-enter-translate-y:-0.5rem}.nt-duration-100{animation-duration:.1s}.nt-duration-200{animation-duration:.2s}.nt-ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-foreground\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-foreground) 80% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-high\\)_45\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-high) 45% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-high\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-high) 80% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-low\\)_45\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-low) 45% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-low\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-low) 80% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-medium\\)_45\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-medium) 45% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-medium\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-medium) 80% c h)}.\\[--bell-gradient-start\\:var\\(--nv-color-foreground\\)\\]{--bell-gradient-start:var(--nv-color-foreground)}.\\[--bell-gradient-start\\:var\\(--nv-color-severity-high\\)\\]{--bell-gradient-start:var(--nv-color-severity-high)}.\\[--bell-gradient-start\\:var\\(--nv-color-severity-low\\)\\]{--bell-gradient-start:var(--nv-color-severity-low)}.\\[--bell-gradient-start\\:var\\(--nv-color-severity-medium\\)\\]{--bell-gradient-start:var(--nv-color-severity-medium)}.\\[interpolate-size\\:allow-keywords\\]{interpolate-size:allow-keywords}.\\[scrollbar-gutter\\:stable\\]{scrollbar-gutter:stable}.\\[word-break\\:break-word\\]{word-break:break-word}.before\\:nt-absolute:before{content:var(--tw-content);position:absolute}.before\\:nt-inset-0:before{content:var(--tw-content);inset:0}.before\\:-nt-right-\\[calc\\(0\\+var\\(--stripes-size\\)\\)\\]:before{content:var(--tw-content);right:calc(var(--stripes-size)*-1)}.before\\:nt-m-1:before{content:var(--tw-content);margin:.25rem}@keyframes nt-stripes{0%{content:var(--tw-content);transform:translateX(0)}to{content:var(--tw-content);transform:translateX(calc(var(--stripes-size)*-1))}}.before\\:nt-animate-stripes:before{animation:nt-stripes 1s linear infinite paused;content:var(--tw-content)}.before\\:nt-rounded-full:before{border-radius:var(--nv-radius-full);content:var(--tw-content)}.before\\:nt-rounded-lg:before{border-radius:var(--nv-radius-lg);content:var(--tw-content)}.before\\:nt-rounded-md:before{border-radius:var(--nv-radius-md);content:var(--tw-content)}.before\\:nt-rounded-xl:before{border-radius:var(--nv-radius-xl);content:var(--tw-content)}.before\\:nt-border:before{border-width:1px;content:var(--tw-content)}.before\\:nt-border-primary-foreground-alpha-100:before{border-color:var(--nv-color-primary-foreground-alpha-100);content:var(--tw-content)}.before\\:nt-border-secondary-foreground-alpha-100:before{border-color:var(--nv-color-secondary-foreground-alpha-100);content:var(--tw-content)}.before\\:nt-bg-severity-high-alpha-200:before{background-color:var(--nv-color-severity-high-alpha-200);content:var(--tw-content)}.before\\:nt-bg-severity-high-alpha-300:before{background-color:var(--nv-color-severity-high-alpha-300);content:var(--tw-content)}.before\\:nt-bg-severity-low-alpha-200:before{background-color:var(--nv-color-severity-low-alpha-200);content:var(--tw-content)}.before\\:nt-bg-severity-low-alpha-300:before{background-color:var(--nv-color-severity-low-alpha-300);content:var(--tw-content)}.before\\:nt-bg-severity-medium-alpha-200:before{background-color:var(--nv-color-severity-medium-alpha-200);content:var(--tw-content)}.before\\:nt-bg-severity-medium-alpha-300:before{background-color:var(--nv-color-severity-medium-alpha-300);content:var(--tw-content)}.before\\:nt-bg-dev-stripes-gradient:before{background-image:repeating-linear-gradient(135deg,oklch(from var(--nv-color-stripes) l c h/.1) 25%,oklch(from var(--nv-color-stripes) l c h/.1) 50%,oklch(from var(--nv-color-stripes) l c h/.2) 50%,oklch(from var(--nv-color-stripes) l c h/.2) 75%);content:var(--tw-content)}.before\\:nt-bg-\\[length\\:var\\(--stripes-size\\)_var\\(--stripes-size\\)\\]:before{background-size:var(--stripes-size) var(--stripes-size);content:var(--tw-content)}.before\\:nt-content-\\[\\"\\"\\]:before{--tw-content:"";content:var(--tw-content)}.before\\:\\[mask-image\\:linear-gradient\\(transparent_0\\%\\2c black\\)\\]:before{content:var(--tw-content);-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.after\\:nt-absolute:after{content:var(--tw-content);position:absolute}.after\\:nt-inset-0:after{content:var(--tw-content);inset:0}.after\\:-nt-top-12:after{content:var(--tw-content);top:-3rem}.after\\:nt-bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:nt-left-0:after{content:var(--tw-content);left:0}.after\\:nt-left-0\\.5:after{content:var(--tw-content);left:.125rem}.after\\:nt-top-0\\.5:after{content:var(--tw-content);top:.125rem}.after\\:nt-size-3:after{content:var(--tw-content);height:.75rem;width:.75rem}.after\\:nt-h-\\[2px\\]:after{content:var(--tw-content);height:2px}.after\\:nt-w-full:after{content:var(--tw-content);width:100%}.after\\:nt-translate-x-1\\/2:after{--tw-translate-x:50%}.after\\:nt-translate-x-1\\/2:after,.after\\:nt-translate-x-full:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\\:nt-translate-x-full:after{--tw-translate-x:100%}.after\\:nt-rounded-full:after{border-radius:var(--nv-radius-full);content:var(--tw-content)}.after\\:nt-rounded-lg:after{border-radius:var(--nv-radius-lg);content:var(--tw-content)}.after\\:nt-rounded-md:after{border-radius:var(--nv-radius-md);content:var(--tw-content)}.after\\:nt-rounded-xl:after{border-radius:var(--nv-radius-xl);content:var(--tw-content)}.after\\:nt-border-b-2:after{border-bottom-width:2px;content:var(--tw-content)}.after\\:nt-border-background:after{border-color:var(--nv-color-background);content:var(--tw-content)}.after\\:nt-border-b-primary:after{border-bottom-color:var(--nv-color-primary);content:var(--tw-content)}.after\\:nt-border-b-transparent:after{border-bottom-color:#0000;content:var(--tw-content)}.after\\:nt-bg-background:after{background-color:var(--nv-color-background);content:var(--tw-content)}.after\\:nt-bg-\\[linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-background\\)_l_c_h_\\/_0\\.9\\)_55\\%\\2c transparent\\)\\]:after{background-image:linear-gradient(180deg,#0000,oklch(from var(--nv-color-background) l c h/.9) 55%,#0000);content:var(--tw-content)}.after\\:nt-bg-\\[linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-stripes\\)_l_c_h_\\/_0\\.07\\)_55\\%\\2c transparent\\)\\2c linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-background\\)_l_c_h_\\/_0\\.9\\)_55\\%\\2c transparent\\)\\]:after{background-image:linear-gradient(180deg,#0000,oklch(from var(--nv-color-stripes) l c h/.07) 55%,#0000),linear-gradient(180deg,#0000,oklch(from var(--nv-color-background) l c h/.9) 55%,#0000);content:var(--tw-content)}.after\\:nt-bg-gradient-to-b:after{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));content:var(--tw-content)}.after\\:nt-from-primary-foreground-alpha-50:after{content:var(--tw-content);--tw-gradient-from:var(--nv-color-primary-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.after\\:nt-from-secondary-foreground-alpha-50:after{content:var(--tw-content);--tw-gradient-from:var(--nv-color-secondary-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.after\\:nt-to-transparent:after{content:var(--tw-content);--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.after\\:nt-opacity-0:after{content:var(--tw-content);opacity:0}.after\\:nt-transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:nt-transition-opacity:after{content:var(--tw-content);transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:nt-duration-200:after{transition-duration:.2s}.after\\:nt-content-\\[\\"\\"\\]:after,.after\\:nt-content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}.after\\:nt-duration-200:after{animation-duration:.2s;content:var(--tw-content)}.hover\\:nt-bg-neutral-alpha-100:hover{background-color:var(--nv-color-neutral-alpha-100)}.hover\\:nt-bg-neutral-alpha-50:hover{background-color:var(--nv-color-neutral-alpha-50)}.hover\\:nt-bg-primary-600:hover{background-color:var(--nv-color-primary-600)}.hover\\:nt-bg-primary-alpha-25:hover{background-color:var(--nv-color-primary-alpha-25)}.hover\\:nt-bg-primary-alpha-400:hover{background-color:var(--nv-color-primary-alpha-400)}.hover\\:nt-bg-severity-high-alpha-50:hover{background-color:var(--nv-color-severity-high-alpha-50)}.hover\\:nt-bg-severity-low-alpha-50:hover{background-color:var(--nv-color-severity-low-alpha-50)}.hover\\:nt-bg-severity-medium-alpha-50:hover{background-color:var(--nv-color-severity-medium-alpha-50)}.hover\\:nt-text-foreground-alpha-800:hover{color:var(--nv-color-foreground-alpha-800)}.before\\:hover\\:\\[animation-play-state\\:running\\]:hover:before{animation-play-state:running;content:var(--tw-content)}.hover\\:after\\:nt-opacity-100:hover:after{content:var(--tw-content);opacity:1}.focus\\:nt-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus-visible\\:nt-rounded-lg:focus-visible{border-radius:var(--nv-radius-lg)}.focus-visible\\:nt-rounded-md:focus-visible{border-radius:var(--nv-radius-md)}.focus-visible\\:nt-rounded-xl:focus-visible{border-radius:var(--nv-radius-xl)}.focus-visible\\:nt-bg-neutral-alpha-50:focus-visible{background-color:var(--nv-color-neutral-alpha-50)}.focus-visible\\:nt-outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\\:nt-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:nt-ring-primary:focus-visible{--tw-ring-color:var(--nv-color-primary)}.focus-visible\\:nt-ring-ring:focus-visible{--tw-ring-color:var(--nv-color-ring)}.focus-visible\\:nt-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\\:nt-pointer-events-none:disabled{pointer-events:none}.disabled\\:nt-opacity-20:disabled{opacity:.2}.disabled\\:nt-opacity-50:disabled{opacity:.5}.nt-group:focus-within .group-focus-within\\:nt-opacity-100{opacity:1}.nt-group:hover .group-hover\\:nt-bg-severity-high-alpha-500{background-color:var(--nv-color-severity-high-alpha-500)}.nt-group:hover .group-hover\\:nt-bg-severity-low-alpha-500{background-color:var(--nv-color-severity-low-alpha-500)}.nt-group:hover .group-hover\\:nt-bg-severity-medium-alpha-500{background-color:var(--nv-color-severity-medium-alpha-500)}.nt-group:hover .group-hover\\:nt-opacity-100{opacity:1}.data-\\[open\\=true\\]\\:nt-rotate-180[data-open=true]{--tw-rotate:180deg}.data-\\[open\\=true\\]\\:nt-rotate-180[data-open=true],.data-\\[open\\=true\\]\\:nt-transform[data-open=true]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\=true\\]\\:nt-text-foreground-alpha-400[data-disabled=true]{color:var(--nv-color-foreground-alpha-400)}.data-\\[disabled\\=true\\]\\:nt-text-foreground-alpha-600[data-disabled=true]{color:var(--nv-color-foreground-alpha-600)}.data-\\[state\\=active\\]\\:nt-text-foreground[data-state=active]{color:var(--nv-color-foreground)}.data-\\[state\\=active\\]\\:after\\:nt-border-b-2[data-state=active]:after{border-bottom-width:2px;content:var(--tw-content)}.data-\\[state\\=active\\]\\:after\\:nt-border-primary[data-state=active]:after{border-color:var(--nv-color-primary);content:var(--tw-content)}.data-\\[state\\=active\\]\\:after\\:nt-opacity-100[data-state=active]:after{content:var(--tw-content);opacity:1}.\\[\\&\\:not\\(\\:first-child\\)\\]\\:nt-border-t:not(:first-child){border-top-width:1px}.\\[\\&_\\.nv-notificationList\\]\\:nt-pb-12 .nv-notificationList{padding-bottom:3rem}.\\[\\&_\\.nv-notificationList\\]\\:nt-pb-8 .nv-notificationList{padding-bottom:2rem}.\\[\\&_\\.nv-preferencesContainer\\]\\:nt-pb-12 .nv-preferencesContainer{padding-bottom:3rem}.\\[\\&_\\.nv-preferencesContainer\\]\\:nt-pb-8 .nv-preferencesContainer{padding-bottom:2rem}.\\[\\&_stop\\]\\:nt-transition-\\[stop-color\\] stop{transition-duration:.15s;transition-property:stop-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&_svg\\]\\:nt-pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:nt-shrink-0 svg{flex-shrink:0}`;
|
|
40
|
+
// _y1knoy0lu:/home/runner/work/novu/novu/packages/js/src/ui/index.directcss
|
|
41
|
+
var ui_default = `.novu{scrollbar-color:var(--nv-color-secondary-foreground-alpha-300) #0000;:where(*),:where(*) :after,:where(*) :before,:where(*):after,:where(*):before{border:0 solid #e5e7eb;box-sizing:border-box}:where(html,:host){line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;tab-size:4;-webkit-tap-highlight-color:transparent}:where(body){line-height:inherit;margin:0}:where(hr){border-top-width:1px;color:inherit;height:0}:where(abbr:where([title])){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:where(a){color:inherit;text-decoration:inherit}:where(b,strong){font-weight:bolder}:where(code,kbd,samp,pre){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}:where(small){font-size:80%}:where(sub,sup){font-size:75%;line-height:0;position:relative;vertical-align:initial}:where(sub){bottom:-.25em}:where(sup){top:-.5em}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,optgroup,select,textarea){color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}:where(button,select){text-transform:none}:where(button,input:where([type=button]),input:where([type=reset]),input:where([type=submit])){-webkit-appearance:button;background-color:initial;background-image:none}:where(:-moz-focusring){outline:auto}:where(:-moz-ui-invalid){box-shadow:none}:where(progress){vertical-align:initial}:where(*)::-webkit-inner-spin-button,:where(*)::-webkit-outer-spin-button{height:auto}:where([type=search]){-webkit-appearance:textfield;outline-offset:-2px}:where(*)::-webkit-search-decoration{-webkit-appearance:none}:where(*)::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(summary){display:list-item}:where(blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre){margin:0}:where(fieldset){margin:0;padding:0}:where(legend){padding:0}:where(ol,ul,menu){list-style:none;margin:0;padding:0}:where(dialog){padding:0}:where(textarea){resize:vertical}:where(input)::placeholder,:where(textarea)::placeholder{color:#9ca3af;opacity:1}:where(button,[role=button]){cursor:pointer}:where(:disabled){cursor:default}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block;vertical-align:middle}:where(img,video){height:auto;max-width:100%}:where([hidden]){display:none}:where(*),:where(*) :after,:where(*) :before,:where(*):after,:where(*):before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where(*) ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-thumb{background-clip:"padding-box";background-color:var(--nv-color-secondary-foreground-alpha-300);border-radius:.25rem}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:initial}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}}.nt-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.\\!nt-pointer-events-auto{pointer-events:auto!important}.nt-invisible{visibility:hidden}.nt-absolute{position:absolute}.nt-relative{position:relative}.nt-inset-0{inset:0}.nt-inset-2{inset:.5rem}.nt-bottom-0{bottom:0}.nt-left-0{left:0}.nt-left-0\\.5{left:.125rem}.nt-right-0{right:0}.nt-right-3{right:.75rem}.nt-top-0{top:0}.nt-top-0\\.5{top:.125rem}.nt-top-3{top:.75rem}.nt-z-10{z-index:10}.nt-z-\\[-1\\]{z-index:-1}.-nt-m-1{margin:-.25rem}.nt-mx-auto{margin-left:auto;margin-right:auto}.-nt-mt-2{margin-top:-.5rem}.-nt-mt-\\[2px\\]{margin-top:-2px}.nt--mt-\\[50px\\]{margin-top:-50px}.nt-mb-1{margin-bottom:.25rem}.nt-mb-2{margin-bottom:.5rem}.nt-mb-3{margin-bottom:.75rem}.nt-mb-4{margin-bottom:1rem}.nt-mb-\\[0\\.625rem\\]{margin-bottom:.625rem}.nt-ml-1{margin-left:.25rem}.nt-ml-2{margin-left:.5rem}.nt-ml-auto{margin-left:auto}.nt-mr-2{margin-right:.5rem}.nt-mr-auto{margin-right:auto}.nt-mt-1{margin-top:.25rem}.nt-mt-1\\.5{margin-top:.375rem}.nt-mt-auto{margin-top:auto}.nt-block{display:block}.nt-flex{display:flex}.nt-inline-flex{display:inline-flex}.nt-grid{display:grid}.nt-hidden{display:none}.nt-aspect-square{aspect-ratio:1/1}.nt-size-1\\.5{height:.375rem;width:.375rem}.nt-size-2{height:.5rem;width:.5rem}.nt-size-2\\.5{height:.625rem;width:.625rem}.nt-size-3{height:.75rem;width:.75rem}.nt-size-3\\.5{height:.875rem;width:.875rem}.nt-size-4{height:1rem;width:1rem}.nt-size-5{height:1.25rem;width:1.25rem}.nt-size-8{height:2rem;width:2rem}.nt-size-fit{height:fit-content;width:fit-content}.nt-size-full{height:100%;width:100%}.nt-h-2{height:.5rem}.nt-h-3{height:.75rem}.nt-h-3\\.5{height:.875rem}.nt-h-4{height:1rem}.nt-h-5{height:1.25rem}.nt-h-7{height:1.75rem}.nt-h-8{height:2rem}.nt-h-9{height:2.25rem}.nt-h-\\[600px\\]{height:600px}.nt-h-fit{height:fit-content}.nt-h-full{height:100%}.nt-max-h-\\[160px\\]{max-height:160px}.nt-min-h-0{min-height:0}.nt-w-1\\.5{width:.375rem}.nt-w-1\\/3{width:33.333333%}.nt-w-2\\/3{width:66.666667%}.nt-w-5{width:1.25rem}.nt-w-7{width:1.75rem}.nt-w-8{width:2rem}.nt-w-\\[260px\\]{width:260px}.nt-w-\\[3px\\]{width:3px}.nt-w-\\[400px\\]{width:400px}.nt-w-\\[60px\\]{width:60px}.nt-w-\\[calc\\(2ch\\+2rem\\)\\]{width:calc(2ch + 2rem)}.nt-w-fit{width:fit-content}.nt-w-full{width:100%}.nt-w-max{width:max-content}.nt-min-w-52{min-width:13rem}.nt-min-w-\\[120px\\]{min-width:120px}.nt-min-w-\\[220px\\]{min-width:220px}.nt-min-w-\\[74px\\]{min-width:74px}.nt-max-w-56{max-width:14rem}.nt-max-w-\\[120px\\]{max-width:120px}.nt-max-w-\\[220px\\]{max-width:220px}.nt-flex-1{flex:1 1 0%}.nt-shrink-0{flex-shrink:0}.nt-translate-x-1\\/2{--tw-translate-x:50%}.nt-transform,.nt-translate-x-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nt-cursor-default{cursor:default}.nt-cursor-not-allowed{cursor:not-allowed}.nt-cursor-pointer{cursor:pointer}.nt-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.nt-flex-row{flex-direction:row}.nt-flex-col{flex-direction:column}.nt-flex-wrap{flex-wrap:wrap}.nt-flex-nowrap{flex-wrap:nowrap}.nt-items-start{align-items:flex-start}.nt-items-center{align-items:center}.nt-justify-end{justify-content:flex-end}.nt-justify-center{justify-content:center}.nt-justify-between{justify-content:space-between}.nt-gap-0\\.5{gap:.125rem}.nt-gap-1{gap:.25rem}.nt-gap-1\\.5{gap:.375rem}.nt-gap-2{gap:.5rem}.nt-gap-3{gap:.75rem}.nt-gap-4{gap:1rem}.nt-gap-6{gap:1.5rem}.nt-gap-8{gap:2rem}.nt-self-stretch{align-self:stretch}.nt-overflow-auto{overflow:auto}.nt-overflow-hidden{overflow:hidden}.nt-overflow-y-auto{overflow-y:auto}.nt-truncate{overflow:hidden;text-overflow:ellipsis}.nt-truncate,.nt-whitespace-nowrap{white-space:nowrap}.nt-whitespace-pre-wrap{white-space:pre-wrap}.nt-rounded{border-radius:var(--nv-radius-base)}.nt-rounded-full{border-radius:var(--nv-radius-full)}.nt-rounded-lg{border-radius:var(--nv-radius-lg)}.nt-rounded-md{border-radius:var(--nv-radius-md)}.nt-rounded-sm{border-radius:var(--nv-radius-sm)}.nt-rounded-xl{border-radius:var(--nv-radius-xl)}.nt-border{border-width:1px}.nt-border-b{border-bottom-width:1px}.nt-border-t{border-top-width:1px}.nt-border-background{border-color:var(--nv-color-background)}.nt-border-border{border-color:var(--nv-color-neutral-alpha-100)}.nt-border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.nt-border-neutral-alpha-100{border-color:var(--nv-color-neutral-alpha-100)}.nt-border-neutral-alpha-200{border-color:var(--nv-color-neutral-alpha-200)}.nt-border-neutral-alpha-400{border-color:var(--nv-color-neutral-alpha-400)}.nt-border-neutral-alpha-50{border-color:var(--nv-color-neutral-alpha-50)}.nt-border-primary{border-color:var(--nv-color-primary)}.nt-border-t-neutral-alpha-200{border-top-color:var(--nv-color-neutral-alpha-200)}.nt-bg-\\[oklch\\(from_var\\(--nv-color-stripes\\)_l_c_h_\\/_0\\.1\\)\\]{background-color:oklch(from var(--nv-color-stripes) l c h/.1)}.nt-bg-background{background-color:var(--nv-color-background)}.nt-bg-counter{background-color:var(--nv-color-counter)}.nt-bg-foreground{background-color:var(--nv-color-foreground)}.nt-bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.nt-bg-neutral-alpha-100{background-color:var(--nv-color-neutral-alpha-100)}.nt-bg-neutral-alpha-25{background-color:var(--nv-color-neutral-alpha-25)}.nt-bg-neutral-alpha-300{background-color:var(--nv-color-neutral-alpha-300)}.nt-bg-neutral-alpha-50{background-color:var(--nv-color-neutral-alpha-50)}.nt-bg-primary{background-color:var(--nv-color-primary)}.nt-bg-primary-alpha-300{background-color:var(--nv-color-primary-alpha-300)}.nt-bg-primary-alpha-400{background-color:var(--nv-color-primary-alpha-400)}.nt-bg-secondary{background-color:var(--nv-color-secondary)}.nt-bg-severity-high{background-color:var(--nv-color-severity-high)}.nt-bg-severity-high-alpha-100{background-color:var(--nv-color-severity-high-alpha-100)}.nt-bg-severity-high-alpha-200{background-color:var(--nv-color-severity-high-alpha-200)}.nt-bg-severity-high-alpha-300{background-color:var(--nv-color-severity-high-alpha-300)}.nt-bg-severity-high-alpha-50{background-color:var(--nv-color-severity-high-alpha-50)}.nt-bg-severity-low{background-color:var(--nv-color-severity-low)}.nt-bg-severity-low-alpha-100{background-color:var(--nv-color-severity-low-alpha-100)}.nt-bg-severity-low-alpha-200{background-color:var(--nv-color-severity-low-alpha-200)}.nt-bg-severity-low-alpha-300{background-color:var(--nv-color-severity-low-alpha-300)}.nt-bg-severity-low-alpha-50{background-color:var(--nv-color-severity-low-alpha-50)}.nt-bg-severity-medium{background-color:var(--nv-color-severity-medium)}.nt-bg-severity-medium-alpha-100{background-color:var(--nv-color-severity-medium-alpha-100)}.nt-bg-severity-medium-alpha-200{background-color:var(--nv-color-severity-medium-alpha-200)}.nt-bg-severity-medium-alpha-300{background-color:var(--nv-color-severity-medium-alpha-300)}.nt-bg-severity-medium-alpha-50{background-color:var(--nv-color-severity-medium-alpha-50)}.nt-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.nt-bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.nt-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.nt-from-foreground-alpha-50{--tw-gradient-from:var(--nv-color-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-primary-foreground-alpha-200{--tw-gradient-from:var(--nv-color-primary-foreground-alpha-200) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-transparent{--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-20\\%{--tw-gradient-from-position:20%}.nt-to-background{--tw-gradient-to:var(--nv-color-background) var(--tw-gradient-to-position)}.nt-to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.nt-object-cover{object-fit:cover}.nt-p-0{padding:0}.nt-p-0\\.5{padding:.125rem}.nt-p-1{padding:.25rem}.nt-p-2{padding:.5rem}.nt-p-2\\.5{padding:.625rem}.nt-p-3{padding:.75rem}.nt-p-4{padding:1rem}.nt-px-1{padding-left:.25rem;padding-right:.25rem}.nt-px-2{padding-left:.5rem;padding-right:.5rem}.nt-px-3{padding-left:.75rem;padding-right:.75rem}.nt-px-4{padding-left:1rem;padding-right:1rem}.nt-px-8{padding-left:2rem;padding-right:2rem}.nt-px-\\[6px\\]{padding-left:6px;padding-right:6px}.nt-py-1{padding-bottom:.25rem;padding-top:.25rem}.nt-py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.nt-py-2{padding-bottom:.5rem;padding-top:.5rem}.nt-py-3{padding-bottom:.75rem;padding-top:.75rem}.nt-py-3\\.5{padding-bottom:.875rem;padding-top:.875rem}.nt-py-4{padding-bottom:1rem;padding-top:1rem}.nt-py-px{padding-bottom:1px;padding-top:1px}.nt-pb-2{padding-bottom:.5rem}.nt-pb-\\[0\\.625rem\\]{padding-bottom:.625rem}.nt-pr-0{padding-right:0}.nt-pt-2{padding-top:.5rem}.nt-pt-2\\.5{padding-top:.625rem}.nt-text-left{text-align:left}.nt-text-center{text-align:center}.nt-text-start{text-align:start}.nt-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.nt-text-\\[0\\.8rem\\]{font-size:.8rem}.nt-text-\\[12px\\]{font-size:12px}.nt-text-base{font-size:var(--nv-font-size-base);line-height:var(--nv-line-height-base)}.nt-text-sm{font-size:var(--nv-font-size-sm);line-height:var(--nv-line-height-sm)}.nt-text-xl{font-size:var(--nv-font-size-xl);line-height:var(--nv-line-height-xl)}.nt-text-xs{font-size:var(--nv-font-size-xs);line-height:var(--nv-line-height-xs)}.nt-font-medium{font-weight:500}.nt-font-normal{font-weight:400}.nt-font-semibold{font-weight:600}.nt-leading-none{line-height:1}.nt-text-\\[\\#000000\\]{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.nt-text-background{color:var(--nv-color-background)}.nt-text-counter-foreground{color:var(--nv-color-counter-foreground)}.nt-text-foreground{color:var(--nv-color-foreground)}.nt-text-foreground-alpha-300{color:var(--nv-color-foreground-alpha-300)}.nt-text-foreground-alpha-400{color:var(--nv-color-foreground-alpha-400)}.nt-text-foreground-alpha-600{color:var(--nv-color-foreground-alpha-600)}.nt-text-foreground-alpha-700{color:var(--nv-color-foreground-alpha-700)}.nt-text-neutral-600{--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity,1))}.nt-text-neutral-alpha-500{color:var(--nv-color-neutral-alpha-500)}.nt-text-primary-foreground{color:var(--nv-color-primary-foreground)}.nt-text-secondary-foreground{color:var(--nv-color-secondary-foreground)}.nt-text-stripes{color:var(--nv-color-stripes)}.nt-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.nt-underline{text-decoration-line:underline}.nt-opacity-0{opacity:0}.nt-opacity-20{opacity:.2}.nt-opacity-50{opacity:.5}.nt-shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0_0_0_0\\.5px_var\\(--nv-color-primary-600\\)\\]{--tw-shadow:0 0 0 0.5px var(--nv-color-primary-600);--tw-shadow-colored:0 0 0 0.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0_0_0_0\\.5px_var\\(--nv-color-secondary-600\\)\\]{--tw-shadow:0 0 0 0.5px var(--nv-color-secondary-600);--tw-shadow-colored:0 0 0 0.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0px_1px_2px_0px_rgba\\(10\\,13\\,20\\,0\\.03\\)\\]{--tw-shadow:0px 1px 2px 0px #0a0d1408;--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color)}.nt-shadow-\\[0px_1px_2px_0px_rgba\\(10\\,13\\,20\\,0\\.03\\)\\],.nt-shadow-dropdown{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-dropdown{--tw-shadow:0px 12px 16px -4px oklch(from var(--nv-color-shadow) l c h/0.08),0px 4px 6px -2px oklch(from var(--nv-color-shadow) l c h/0.03);--tw-shadow-colored:0px 12px 16px -4px var(--tw-shadow-color),0px 4px 6px -2px var(--tw-shadow-color)}.nt-shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.nt-shadow-lg,.nt-shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.nt-shadow-popover{--tw-shadow:0px 8px 26px 0px oklch(from var(--nv-color-shadow) l c h/0.08),0px 2px 6px 0px oklch(from var(--nv-color-shadow) l c h/0.12);--tw-shadow-colored:0px 8px 26px 0px var(--tw-shadow-color),0px 2px 6px 0px var(--tw-shadow-color)}.nt-shadow-popover,.nt-shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.nt-shadow-tooltip{--tw-shadow:0 5px 20px 0 oklch(from var(--nv-color-shadow) l c h/0.08);--tw-shadow-colored:0 5px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-outline-none{outline:2px solid #0000;outline-offset:2px}.nt-ring-offset-background{--tw-ring-offset-color:var(--nv-color-background)}.nt-backdrop-blur-lg{--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.nt-transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-duration-100{transition-duration:.1s}.nt-duration-200{transition-duration:.2s}.nt-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.nt-animate-in{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.nt-fade-in{--tw-enter-opacity:0}.nt-slide-in-from-top-2{--tw-enter-translate-y:-0.5rem}.nt-duration-100{animation-duration:.1s}.nt-duration-200{animation-duration:.2s}.nt-ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-foreground\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-foreground) 80% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-high\\)_45\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-high) 45% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-high\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-high) 80% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-low\\)_45\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-low) 45% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-low\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-low) 80% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-medium\\)_45\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-medium) 45% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-medium\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-medium) 80% c h)}.\\[--bell-gradient-start\\:var\\(--nv-color-foreground\\)\\]{--bell-gradient-start:var(--nv-color-foreground)}.\\[--bell-gradient-start\\:var\\(--nv-color-severity-high\\)\\]{--bell-gradient-start:var(--nv-color-severity-high)}.\\[--bell-gradient-start\\:var\\(--nv-color-severity-low\\)\\]{--bell-gradient-start:var(--nv-color-severity-low)}.\\[--bell-gradient-start\\:var\\(--nv-color-severity-medium\\)\\]{--bell-gradient-start:var(--nv-color-severity-medium)}.\\[interpolate-size\\:allow-keywords\\]{interpolate-size:allow-keywords}.\\[scrollbar-gutter\\:stable\\]{scrollbar-gutter:stable}.\\[word-break\\:break-word\\]{word-break:break-word}.before\\:nt-absolute:before{content:var(--tw-content);position:absolute}.before\\:nt-inset-0:before{content:var(--tw-content);inset:0}.before\\:-nt-right-\\[calc\\(0\\+var\\(--stripes-size\\)\\)\\]:before{content:var(--tw-content);right:calc(var(--stripes-size)*-1)}.before\\:nt-m-1:before{content:var(--tw-content);margin:.25rem}@keyframes nt-stripes{0%{content:var(--tw-content);transform:translateX(0)}to{content:var(--tw-content);transform:translateX(calc(var(--stripes-size)*-1))}}.before\\:nt-animate-stripes:before{animation:nt-stripes 1s linear infinite paused;content:var(--tw-content)}.before\\:nt-rounded-full:before{border-radius:var(--nv-radius-full);content:var(--tw-content)}.before\\:nt-rounded-lg:before{border-radius:var(--nv-radius-lg);content:var(--tw-content)}.before\\:nt-rounded-md:before{border-radius:var(--nv-radius-md);content:var(--tw-content)}.before\\:nt-rounded-xl:before{border-radius:var(--nv-radius-xl);content:var(--tw-content)}.before\\:nt-border:before{border-width:1px;content:var(--tw-content)}.before\\:nt-border-primary-foreground-alpha-100:before{border-color:var(--nv-color-primary-foreground-alpha-100);content:var(--tw-content)}.before\\:nt-border-secondary-foreground-alpha-100:before{border-color:var(--nv-color-secondary-foreground-alpha-100);content:var(--tw-content)}.before\\:nt-bg-severity-high-alpha-200:before{background-color:var(--nv-color-severity-high-alpha-200);content:var(--tw-content)}.before\\:nt-bg-severity-high-alpha-300:before{background-color:var(--nv-color-severity-high-alpha-300);content:var(--tw-content)}.before\\:nt-bg-severity-low-alpha-200:before{background-color:var(--nv-color-severity-low-alpha-200);content:var(--tw-content)}.before\\:nt-bg-severity-low-alpha-300:before{background-color:var(--nv-color-severity-low-alpha-300);content:var(--tw-content)}.before\\:nt-bg-severity-medium-alpha-200:before{background-color:var(--nv-color-severity-medium-alpha-200);content:var(--tw-content)}.before\\:nt-bg-severity-medium-alpha-300:before{background-color:var(--nv-color-severity-medium-alpha-300);content:var(--tw-content)}.before\\:nt-bg-dev-stripes-gradient:before{background-image:repeating-linear-gradient(135deg,oklch(from var(--nv-color-stripes) l c h/.1) 25%,oklch(from var(--nv-color-stripes) l c h/.1) 50%,oklch(from var(--nv-color-stripes) l c h/.2) 50%,oklch(from var(--nv-color-stripes) l c h/.2) 75%);content:var(--tw-content)}.before\\:nt-bg-\\[length\\:var\\(--stripes-size\\)_var\\(--stripes-size\\)\\]:before{background-size:var(--stripes-size) var(--stripes-size);content:var(--tw-content)}.before\\:nt-content-\\[\\"\\"\\]:before{--tw-content:"";content:var(--tw-content)}.before\\:\\[mask-image\\:linear-gradient\\(transparent_0\\%\\2c black\\)\\]:before{content:var(--tw-content);-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.after\\:nt-absolute:after{content:var(--tw-content);position:absolute}.after\\:nt-inset-0:after{content:var(--tw-content);inset:0}.after\\:-nt-top-12:after{content:var(--tw-content);top:-3rem}.after\\:nt-bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:nt-left-0:after{content:var(--tw-content);left:0}.after\\:nt-left-0\\.5:after{content:var(--tw-content);left:.125rem}.after\\:nt-top-0\\.5:after{content:var(--tw-content);top:.125rem}.after\\:nt-size-3:after{content:var(--tw-content);height:.75rem;width:.75rem}.after\\:nt-h-\\[2px\\]:after{content:var(--tw-content);height:2px}.after\\:nt-w-full:after{content:var(--tw-content);width:100%}.after\\:nt-translate-x-1\\/2:after{--tw-translate-x:50%}.after\\:nt-translate-x-1\\/2:after,.after\\:nt-translate-x-full:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\\:nt-translate-x-full:after{--tw-translate-x:100%}.after\\:nt-rounded-full:after{border-radius:var(--nv-radius-full);content:var(--tw-content)}.after\\:nt-rounded-lg:after{border-radius:var(--nv-radius-lg);content:var(--tw-content)}.after\\:nt-rounded-md:after{border-radius:var(--nv-radius-md);content:var(--tw-content)}.after\\:nt-rounded-xl:after{border-radius:var(--nv-radius-xl);content:var(--tw-content)}.after\\:nt-border-b-2:after{border-bottom-width:2px;content:var(--tw-content)}.after\\:nt-border-background:after{border-color:var(--nv-color-background);content:var(--tw-content)}.after\\:nt-border-b-primary:after{border-bottom-color:var(--nv-color-primary);content:var(--tw-content)}.after\\:nt-border-b-transparent:after{border-bottom-color:#0000;content:var(--tw-content)}.after\\:nt-bg-background:after{background-color:var(--nv-color-background);content:var(--tw-content)}.after\\:nt-bg-\\[linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-background\\)_l_c_h_\\/_0\\.9\\)_55\\%\\2c transparent\\)\\]:after{background-image:linear-gradient(180deg,#0000,oklch(from var(--nv-color-background) l c h/.9) 55%,#0000);content:var(--tw-content)}.after\\:nt-bg-\\[linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-stripes\\)_l_c_h_\\/_0\\.07\\)_55\\%\\2c transparent\\)\\2c linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-background\\)_l_c_h_\\/_0\\.9\\)_55\\%\\2c transparent\\)\\]:after{background-image:linear-gradient(180deg,#0000,oklch(from var(--nv-color-stripes) l c h/.07) 55%,#0000),linear-gradient(180deg,#0000,oklch(from var(--nv-color-background) l c h/.9) 55%,#0000);content:var(--tw-content)}.after\\:nt-bg-gradient-to-b:after{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));content:var(--tw-content)}.after\\:nt-from-primary-foreground-alpha-50:after{content:var(--tw-content);--tw-gradient-from:var(--nv-color-primary-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.after\\:nt-from-secondary-foreground-alpha-50:after{content:var(--tw-content);--tw-gradient-from:var(--nv-color-secondary-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.after\\:nt-to-transparent:after{content:var(--tw-content);--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.after\\:nt-opacity-0:after{content:var(--tw-content);opacity:0}.after\\:nt-transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:nt-transition-opacity:after{content:var(--tw-content);transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:nt-duration-200:after{transition-duration:.2s}.after\\:nt-content-\\[\\"\\"\\]:after,.after\\:nt-content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}.after\\:nt-duration-200:after{animation-duration:.2s;content:var(--tw-content)}.hover\\:nt-bg-neutral-alpha-100:hover{background-color:var(--nv-color-neutral-alpha-100)}.hover\\:nt-bg-neutral-alpha-50:hover{background-color:var(--nv-color-neutral-alpha-50)}.hover\\:nt-bg-primary-600:hover{background-color:var(--nv-color-primary-600)}.hover\\:nt-bg-primary-alpha-25:hover{background-color:var(--nv-color-primary-alpha-25)}.hover\\:nt-bg-primary-alpha-400:hover{background-color:var(--nv-color-primary-alpha-400)}.hover\\:nt-bg-severity-high-alpha-50:hover{background-color:var(--nv-color-severity-high-alpha-50)}.hover\\:nt-bg-severity-low-alpha-50:hover{background-color:var(--nv-color-severity-low-alpha-50)}.hover\\:nt-bg-severity-medium-alpha-50:hover{background-color:var(--nv-color-severity-medium-alpha-50)}.hover\\:nt-text-foreground-alpha-800:hover{color:var(--nv-color-foreground-alpha-800)}.before\\:hover\\:\\[animation-play-state\\:running\\]:hover:before{animation-play-state:running;content:var(--tw-content)}.hover\\:after\\:nt-opacity-100:hover:after{content:var(--tw-content);opacity:1}.focus\\:nt-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus-visible\\:nt-rounded-lg:focus-visible{border-radius:var(--nv-radius-lg)}.focus-visible\\:nt-rounded-md:focus-visible{border-radius:var(--nv-radius-md)}.focus-visible\\:nt-rounded-xl:focus-visible{border-radius:var(--nv-radius-xl)}.focus-visible\\:nt-bg-neutral-alpha-50:focus-visible{background-color:var(--nv-color-neutral-alpha-50)}.focus-visible\\:nt-outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\\:nt-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:nt-ring-primary:focus-visible{--tw-ring-color:var(--nv-color-primary)}.focus-visible\\:nt-ring-ring:focus-visible{--tw-ring-color:var(--nv-color-ring)}.focus-visible\\:nt-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\\:nt-pointer-events-none:disabled{pointer-events:none}.disabled\\:nt-opacity-20:disabled{opacity:.2}.disabled\\:nt-opacity-50:disabled{opacity:.5}.nt-group:focus-within .group-focus-within\\:nt-opacity-100{opacity:1}.nt-group:hover .group-hover\\:nt-bg-severity-high-alpha-500{background-color:var(--nv-color-severity-high-alpha-500)}.nt-group:hover .group-hover\\:nt-bg-severity-low-alpha-500{background-color:var(--nv-color-severity-low-alpha-500)}.nt-group:hover .group-hover\\:nt-bg-severity-medium-alpha-500{background-color:var(--nv-color-severity-medium-alpha-500)}.nt-group:hover .group-hover\\:nt-opacity-0{opacity:0}.nt-group:hover .group-hover\\:nt-opacity-100{opacity:1}.nt-peer:focus-visible~.peer-focus-visible\\:nt-outline-none{outline:2px solid #0000;outline-offset:2px}.nt-peer:focus-visible~.peer-focus-visible\\:nt-ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.nt-peer:focus-visible~.peer-focus-visible\\:nt-ring-offset-2{--tw-ring-offset-width:2px}.data-\\[open\\=true\\]\\:nt-rotate-180[data-open=true]{--tw-rotate:180deg}.data-\\[open\\=true\\]\\:nt-rotate-180[data-open=true],.data-\\[open\\=true\\]\\:nt-transform[data-open=true]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\]\\:nt-cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\\[checked\\]\\:nt-border-none[data-checked],.data-\\[indeterminate\\]\\:nt-border-none[data-indeterminate]{border-style:none}.data-\\[checked\\]\\:nt-bg-primary[data-checked],.data-\\[indeterminate\\]\\:nt-bg-primary[data-indeterminate]{background-color:var(--nv-color-primary)}.data-\\[checked\\]\\:nt-text-primary-foreground[data-checked]{color:var(--nv-color-primary-foreground)}.data-\\[disabled\\=true\\]\\:nt-text-foreground-alpha-400[data-disabled=true]{color:var(--nv-color-foreground-alpha-400)}.data-\\[disabled\\=true\\]\\:nt-text-foreground-alpha-600[data-disabled=true]{color:var(--nv-color-foreground-alpha-600)}.data-\\[indeterminate\\]\\:nt-text-primary-foreground[data-indeterminate]{color:var(--nv-color-primary-foreground)}.data-\\[state\\=active\\]\\:nt-text-foreground[data-state=active]{color:var(--nv-color-foreground)}.data-\\[disabled\\]\\:nt-opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=active\\]\\:after\\:nt-border-b-2[data-state=active]:after{border-bottom-width:2px;content:var(--tw-content)}.data-\\[state\\=active\\]\\:after\\:nt-border-primary[data-state=active]:after{border-color:var(--nv-color-primary);content:var(--tw-content)}.data-\\[state\\=active\\]\\:after\\:nt-opacity-100[data-state=active]:after{content:var(--tw-content);opacity:1}.\\[\\&\\:not\\(\\:first-child\\)\\]\\:nt-border-t:not(:first-child){border-top-width:1px}.\\[\\&_\\.nv-notificationList\\]\\:nt-pb-12 .nv-notificationList{padding-bottom:3rem}.\\[\\&_\\.nv-notificationList\\]\\:nt-pb-8 .nv-notificationList{padding-bottom:2rem}.\\[\\&_\\.nv-preferencesContainer\\]\\:nt-pb-12 .nv-preferencesContainer{padding-bottom:3rem}.\\[\\&_\\.nv-preferencesContainer\\]\\:nt-pb-8 .nv-preferencesContainer{padding-bottom:2rem}.\\[\\&_stop\\]\\:nt-transition-\\[stop-color\\] stop{transition-duration:.15s;transition-property:stop-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&_svg\\]\\:nt-pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:nt-shrink-0 svg{flex-shrink:0}`;
|
|
22
42
|
|
|
23
43
|
// src/ui/config/appearanceKeys.ts
|
|
24
44
|
var appearanceKeys = [
|
|
@@ -236,6 +256,42 @@ var appearanceKeys = [
|
|
|
236
256
|
"preferencesList__skeletonSwitch",
|
|
237
257
|
"preferencesList__skeletonSwitchThumb",
|
|
238
258
|
"preferencesList__skeletonText",
|
|
259
|
+
// Schedule
|
|
260
|
+
"scheduleContainer",
|
|
261
|
+
"scheduleHeader",
|
|
262
|
+
"scheduleLabelContainer",
|
|
263
|
+
"scheduleLabelScheduleIcon",
|
|
264
|
+
"scheduleLabelInfoIcon",
|
|
265
|
+
"scheduleLabel",
|
|
266
|
+
"scheduleActionsContainer",
|
|
267
|
+
"scheduleActionsContainerRight",
|
|
268
|
+
"scheduleBody",
|
|
269
|
+
"scheduleDescription",
|
|
270
|
+
"scheduleTable",
|
|
271
|
+
"scheduleTableHeader",
|
|
272
|
+
"scheduleHeaderColumn",
|
|
273
|
+
"scheduleTableBody",
|
|
274
|
+
"scheduleBodyRow",
|
|
275
|
+
"scheduleBodyColumn",
|
|
276
|
+
"scheduleInfoContainer",
|
|
277
|
+
"scheduleInfoIcon",
|
|
278
|
+
"scheduleInfo",
|
|
279
|
+
// Day Schedule Copy
|
|
280
|
+
"dayScheduleCopyTitle",
|
|
281
|
+
"dayScheduleCopyIcon",
|
|
282
|
+
"dayScheduleCopySelectAll",
|
|
283
|
+
"dayScheduleCopyDay",
|
|
284
|
+
"dayScheduleCopyFooterContainer",
|
|
285
|
+
"dayScheduleCopy__dropdownTrigger",
|
|
286
|
+
"dayScheduleCopy__dropdownContent",
|
|
287
|
+
// Time Select
|
|
288
|
+
"timeSelect__dropdownTrigger",
|
|
289
|
+
"timeSelect__time",
|
|
290
|
+
"timeSelect__dropdownContent",
|
|
291
|
+
"timeSelect__dropdownItem",
|
|
292
|
+
"timeSelect__dropdownItemLabel",
|
|
293
|
+
"timeSelect__dropdownItemLabelContainer",
|
|
294
|
+
"timeSelect__dropdownItemCheck__icon",
|
|
239
295
|
// Notification Snooze
|
|
240
296
|
"notificationSnooze__dropdownContent",
|
|
241
297
|
"notificationSnooze__dropdownItem",
|
|
@@ -273,6 +329,24 @@ var defaultLocalization = {
|
|
|
273
329
|
"preferences.title": "Preferences",
|
|
274
330
|
"preferences.emptyNotice": "No notification specific preferences yet.",
|
|
275
331
|
"preferences.global": "Global Preferences",
|
|
332
|
+
"preferences.schedule.title": "Schedule",
|
|
333
|
+
"preferences.schedule.description": "Allow notifications between:",
|
|
334
|
+
"preferences.schedule.headerInfo": "Set your schedule. Notifications to external channels will pause outside the schedule. In-app and critical notifications are always delivered.",
|
|
335
|
+
"preferences.schedule.info": "Critical and In-app notifications still reach you outside your schedule.",
|
|
336
|
+
"preferences.schedule.days": "Days",
|
|
337
|
+
"preferences.schedule.from": "From",
|
|
338
|
+
"preferences.schedule.to": "To",
|
|
339
|
+
"preferences.schedule.copyTimesTo": "Copy times to",
|
|
340
|
+
"preferences.schedule.sunday": "Sunday",
|
|
341
|
+
"preferences.schedule.monday": "Monday",
|
|
342
|
+
"preferences.schedule.tuesday": "Tuesday",
|
|
343
|
+
"preferences.schedule.wednesday": "Wednesday",
|
|
344
|
+
"preferences.schedule.thursday": "Thursday",
|
|
345
|
+
"preferences.schedule.friday": "Friday",
|
|
346
|
+
"preferences.schedule.saturday": "Saturday",
|
|
347
|
+
"preferences.schedule.dayScheduleCopy.title": "Copy times to:",
|
|
348
|
+
"preferences.schedule.dayScheduleCopy.selectAll": "Select all",
|
|
349
|
+
"preferences.schedule.dayScheduleCopy.apply": "Apply",
|
|
276
350
|
"preferences.workflow.disabled.notice": "Contact admin to enable subscription management for this critical notification.",
|
|
277
351
|
"preferences.workflow.disabled.tooltip": "Contact admin to edit",
|
|
278
352
|
"preferences.group.info": "Applies to all notifications under this group.",
|
|
@@ -461,8 +535,8 @@ function formatSnoozedUntil({ untilDate, locale = DEFAULT_LOCALE }) {
|
|
|
461
535
|
const minutes = Math.floor(diffInSeconds / SECONDS.inMinute);
|
|
462
536
|
return `${minutes} ${minutes === 1 ? "minute" : "minutes"}`;
|
|
463
537
|
} else if (diffInSeconds < SECONDS.inDay) {
|
|
464
|
-
const
|
|
465
|
-
return `${
|
|
538
|
+
const hours2 = Math.floor(diffInSeconds / SECONDS.inHour);
|
|
539
|
+
return `${hours2} ${hours2 === 1 ? "hour" : "hours"}`;
|
|
466
540
|
} else if (diffInSeconds < SECONDS.inWeek) {
|
|
467
541
|
const days = Math.floor(diffInSeconds / SECONDS.inDay);
|
|
468
542
|
return `${days} ${days === 1 ? "day" : "days"}`;
|
|
@@ -1242,16 +1316,16 @@ var STATUS_TO_FILTER = {
|
|
|
1242
1316
|
};
|
|
1243
1317
|
var DEFAULT_LIMIT = 10;
|
|
1244
1318
|
var InboxProvider = (props) => {
|
|
1245
|
-
var _a, _b, _c;
|
|
1319
|
+
var _a, _b, _c, _d;
|
|
1246
1320
|
const [isOpened, setIsOpened] = solidJs.createSignal(false);
|
|
1247
1321
|
const [tabs, setTabs] = solidJs.createSignal(props.tabs);
|
|
1248
|
-
const [activeTab, setActiveTab] = solidJs.createSignal((_a = props.tabs[0]
|
|
1322
|
+
const [activeTab, setActiveTab] = solidJs.createSignal((_b = (_a = props.tabs[0]) == null ? void 0 : _a.label) != null ? _b : "");
|
|
1249
1323
|
const [status, setStatus] = solidJs.createSignal("unreadRead" /* UNREAD_READ */);
|
|
1250
1324
|
const [limit, setLimit] = solidJs.createSignal(DEFAULT_LIMIT);
|
|
1251
1325
|
const [filter, setFilter] = solidJs.createSignal(chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, STATUS_TO_FILTER["unreadRead" /* UNREAD_READ */]), {
|
|
1252
1326
|
tags: props.tabs.length > 0 ? getTagsFromTab(props.tabs[0]) : [],
|
|
1253
|
-
data: props.tabs.length > 0 ? (
|
|
1254
|
-
severity: props.tabs.length > 0 ? (
|
|
1327
|
+
data: props.tabs.length > 0 ? (_c = props.tabs[0].filter) == null ? void 0 : _c.data : {},
|
|
1328
|
+
severity: props.tabs.length > 0 ? (_d = props.tabs[0].filter) == null ? void 0 : _d.severity : void 0
|
|
1255
1329
|
}));
|
|
1256
1330
|
const [hideBranding, setHideBranding] = solidJs.createSignal(false);
|
|
1257
1331
|
const [isDevelopmentMode, setIsDevelopmentMode] = solidJs.createSignal(false);
|
|
@@ -1261,6 +1335,7 @@ var InboxProvider = (props) => {
|
|
|
1261
1335
|
const [isKeyless, setIsKeyless] = solidJs.createSignal(false);
|
|
1262
1336
|
const [applicationIdentifier, setApplicationIdentifier] = solidJs.createSignal(null);
|
|
1263
1337
|
const [preferenceGroups, setPreferenceGroups] = solidJs.createSignal(props.preferenceGroups);
|
|
1338
|
+
const [preferencesSort, setPreferencesSort] = solidJs.createSignal(props.preferencesSort);
|
|
1264
1339
|
const setNewStatus = (newStatus) => {
|
|
1265
1340
|
setStatus(newStatus);
|
|
1266
1341
|
setFilter((old) => chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, STATUS_TO_FILTER[newStatus]), {
|
|
@@ -1356,6 +1431,7 @@ var InboxProvider = (props) => {
|
|
|
1356
1431
|
hideBranding,
|
|
1357
1432
|
preferencesFilter,
|
|
1358
1433
|
preferenceGroups,
|
|
1434
|
+
preferencesSort,
|
|
1359
1435
|
isDevelopmentMode,
|
|
1360
1436
|
maxSnoozeDurationHours,
|
|
1361
1437
|
isSnoozeEnabled,
|
|
@@ -1376,7 +1452,7 @@ var useInboxContext = () => {
|
|
|
1376
1452
|
};
|
|
1377
1453
|
var NovuContext = solidJs.createContext(void 0);
|
|
1378
1454
|
function NovuProvider(props) {
|
|
1379
|
-
const novu = solidJs.createMemo(() => props.novu || new
|
|
1455
|
+
const novu = solidJs.createMemo(() => props.novu || new chunkTWUFZL5G_js.Novu(props.options));
|
|
1380
1456
|
return web.createComponent(NovuContext.Provider, {
|
|
1381
1457
|
get value() {
|
|
1382
1458
|
return novu();
|
|
@@ -1528,8 +1604,8 @@ var CountProvider = (props) => {
|
|
|
1528
1604
|
const tabTags = getTagsFromTab(tab);
|
|
1529
1605
|
const tabDataFilterCriteria = (_a = tab.filter) == null ? void 0 : _a.data;
|
|
1530
1606
|
const tabSeverityFilterCriteria = (_b = tab.filter) == null ? void 0 : _b.severity;
|
|
1531
|
-
const matchesTagFilter =
|
|
1532
|
-
const matchesDataFilterCriteria =
|
|
1607
|
+
const matchesTagFilter = chunkTWUFZL5G_js.checkNotificationTagFilter(notification.tags, tabTags);
|
|
1608
|
+
const matchesDataFilterCriteria = chunkTWUFZL5G_js.checkNotificationDataFilter(notification.data, tabDataFilterCriteria);
|
|
1533
1609
|
const matchesSeverityFilterCriteria = !tabSeverityFilterCriteria || Array.isArray(tabSeverityFilterCriteria) && tabSeverityFilterCriteria.length === 0 || Array.isArray(tabSeverityFilterCriteria) && tabSeverityFilterCriteria.includes(notification.severity) || !Array.isArray(tabSeverityFilterCriteria) && tabSeverityFilterCriteria === notification.severity;
|
|
1534
1610
|
if (matchesTagFilter && matchesDataFilterCriteria && matchesSeverityFilterCriteria) {
|
|
1535
1611
|
const filterKey = createKey({
|
|
@@ -1754,142 +1830,158 @@ function Bell(props) {
|
|
|
1754
1830
|
return _el$;
|
|
1755
1831
|
})();
|
|
1756
1832
|
}
|
|
1757
|
-
var _tmpl$7 = /* @__PURE__ */ web.template(`<svg
|
|
1758
|
-
var
|
|
1833
|
+
var _tmpl$7 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg width=14 height=14 fill=none viewBox="0 0 14 14"><path fill=currentColor d="M4.381 2.952V2h.952v.952H8.19V2h.953v.952h1.905c.263 0 .476.214.476.477v2.38h-.953V3.906H9.143v.952H8.19v-.952H5.333v.952h-.952v-.952H2.952v6.666H5.81v.953H2.476A.476.476 0 0 1 2 11.048v-7.62c0-.262.213-.476.476-.476h1.905Zm4.762 4.286a1.905 1.905 0 1 0 0 3.81 1.905 1.905 0 0 0 0-3.81ZM6.286 9.143a2.857 2.857 0 1 1 5.714 0 2.857 2.857 0 0 1-5.714 0Zm2.38-1.429V9.34l1.093 1.092.673-.673-.813-.813V7.714h-.952Z">`);
|
|
1834
|
+
var CalendarSchedule = (props) => {
|
|
1759
1835
|
return (() => {
|
|
1760
1836
|
var _el$ = _tmpl$7();
|
|
1761
1837
|
web.spread(_el$, props, true, true);
|
|
1762
1838
|
return _el$;
|
|
1763
1839
|
})();
|
|
1764
1840
|
};
|
|
1765
|
-
var _tmpl$8 = /* @__PURE__ */ web.template(`<svg viewBox="0 0
|
|
1766
|
-
var
|
|
1841
|
+
var _tmpl$8 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M0.625 9.375L2.93989 8.86059C3.5538 9.18889 4.25516 9.375 5 9.375C7.41622 9.375 9.375 7.41622 9.375 5C9.375 2.58375 7.41622 0.625 5 0.625C2.58375 0.625 0.625 2.58375 0.625 5C0.625 5.74484 0.81113 6.4462 1.13942 7.0601L0.625 9.375ZM6.50881 2.8125L6.43224 3.68761H7.1875V4.56259H6.35568L6.27912 5.43759H7.1875V6.31259H6.2026L6.12604 7.1875H5.24771L5.32423 6.31259H4.44591L4.36934 7.1875H3.49101L3.56755 6.31259H2.8125V5.43759H3.64411L3.72066 4.56259H2.8125V3.68761H3.79721L3.87377 2.8125H4.75211L4.67555 3.68761H5.55392L5.63048 2.8125H6.50881ZM4.59899 4.56259L4.52247 5.43759H5.40079L5.47736 4.56259H4.59899Z"fill=currentColor>`);
|
|
1842
|
+
var Chat = (props) => {
|
|
1767
1843
|
return (() => {
|
|
1768
1844
|
var _el$ = _tmpl$8();
|
|
1769
1845
|
web.spread(_el$, props, true, true);
|
|
1770
1846
|
return _el$;
|
|
1771
1847
|
})();
|
|
1772
1848
|
};
|
|
1773
|
-
var _tmpl$9 = /* @__PURE__ */ web.template(`<svg viewBox="0 0
|
|
1774
|
-
var
|
|
1849
|
+
var _tmpl$9 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 8 6"fill=none xmlns=http://www.w3.org/2000/svg><path d="M2.99994 4.58847L7.33298 0L8 0.705765L2.99994 6L0 2.82356L0.666549 2.11779L2.99994 4.58847Z"fill=currentColor>`);
|
|
1850
|
+
var Check = (props) => {
|
|
1775
1851
|
return (() => {
|
|
1776
1852
|
var _el$ = _tmpl$9();
|
|
1777
1853
|
web.spread(_el$, props, true, true);
|
|
1778
1854
|
return _el$;
|
|
1779
1855
|
})();
|
|
1780
1856
|
};
|
|
1781
|
-
var _tmpl$10 = /* @__PURE__ */ web.template(`<svg viewBox="0 0
|
|
1782
|
-
var
|
|
1857
|
+
var _tmpl$10 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 12 12"fill=none xmlns=http://www.w3.org/2000/svg><g clip-path=url(#clip0_3188_15050)><path d="M6 3V6L8 7M11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6Z"stroke=currentColor stroke-linecap=round stroke-linejoin=round>`);
|
|
1858
|
+
var Clock = (props) => {
|
|
1783
1859
|
return (() => {
|
|
1784
1860
|
var _el$ = _tmpl$10();
|
|
1785
1861
|
web.spread(_el$, props, true, true);
|
|
1786
1862
|
return _el$;
|
|
1787
1863
|
})();
|
|
1788
1864
|
};
|
|
1789
|
-
var _tmpl$11 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg
|
|
1790
|
-
var
|
|
1865
|
+
var _tmpl$11 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 20 20"fill=none xmlns=http://www.w3.org/2000/svg><path d="M10 1.75L17.125 5.875V14.125L10 18.25L2.875 14.125V5.875L10 1.75ZM10 3.48325L4.375 6.73975V13.2603L10 16.5167L15.625 13.2603V6.73975L10 3.48325ZM10 13C9.20435 13 8.44129 12.6839 7.87868 12.1213C7.31607 11.5587 7 10.7956 7 10C7 9.20435 7.31607 8.44129 7.87868 7.87868C8.44129 7.31607 9.20435 7 10 7C10.7956 7 11.5587 7.31607 12.1213 7.87868C12.6839 8.44129 13 9.20435 13 10C13 10.7956 12.6839 11.5587 12.1213 12.1213C11.5587 12.6839 10.7956 13 10 13ZM10 11.5C10.3978 11.5 10.7794 11.342 11.0607 11.0607C11.342 10.7794 11.5 10.3978 11.5 10C11.5 9.60218 11.342 9.22064 11.0607 8.93934C10.7794 8.65804 10.3978 8.5 10 8.5C9.60218 8.5 9.22064 8.65804 8.93934 8.93934C8.65804 9.22064 8.5 9.60218 8.5 10C8.5 10.3978 8.65804 10.7794 8.93934 11.0607C9.22064 11.342 9.60218 11.5 10 11.5Z"fill=currentColor>`);
|
|
1866
|
+
var Cogs = (props) => {
|
|
1791
1867
|
return (() => {
|
|
1792
1868
|
var _el$ = _tmpl$11();
|
|
1793
1869
|
web.spread(_el$, props, true, true);
|
|
1794
1870
|
return _el$;
|
|
1795
1871
|
})();
|
|
1796
1872
|
};
|
|
1797
|
-
var _tmpl$12 = /* @__PURE__ */ web.template(`<svg
|
|
1798
|
-
var
|
|
1873
|
+
var _tmpl$12 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg width=12 height=12 fill=none viewBox="0 0 12 12"><path fill=currentColor d="M3.75 3.3V1.95a.45.45 0 0 1 .45-.45h5.4a.45.45 0 0 1 .45.45v6.3a.45.45 0 0 1-.45.45H8.25v1.35c0 .248-.203.45-.453.45H2.403a.449.449 0 0 1-.453-.45l.001-6.3c0-.248.203-.45.453-.45H3.75Zm-.899.9L2.85 9.6h4.5V4.2H2.851Zm1.799-.9h3.6v4.5h.9V2.4h-4.5v.9Z">`);
|
|
1874
|
+
var Copy = (props) => {
|
|
1799
1875
|
return (() => {
|
|
1800
1876
|
var _el$ = _tmpl$12();
|
|
1801
1877
|
web.spread(_el$, props, true, true);
|
|
1802
1878
|
return _el$;
|
|
1803
1879
|
})();
|
|
1804
1880
|
};
|
|
1805
|
-
var _tmpl$13 = /* @__PURE__ */ web.template(`<svg
|
|
1806
|
-
var
|
|
1881
|
+
var _tmpl$13 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><path fill=currentColor d="M5 8.333c-.917 0-1.667.75-1.667 1.667s.75 1.667 1.667 1.667c.916 0 1.666-.75 1.666-1.667S5.916 8.333 5 8.333zm10 0c-.917 0-1.667.75-1.667 1.667s.75 1.667 1.667 1.667c.916 0 1.666-.75 1.666-1.667S15.916 8.333 15 8.333zm-5 0c-.917 0-1.667.75-1.667 1.667s.75 1.667 1.667 1.667c.916 0 1.666-.75 1.666-1.667S10.916 8.333 10 8.333z">`);
|
|
1882
|
+
var Dots = (props) => {
|
|
1807
1883
|
return (() => {
|
|
1808
1884
|
var _el$ = _tmpl$13();
|
|
1809
1885
|
web.spread(_el$, props, true, true);
|
|
1810
1886
|
return _el$;
|
|
1811
1887
|
})();
|
|
1812
1888
|
};
|
|
1813
|
-
var _tmpl$14 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="
|
|
1814
|
-
var
|
|
1889
|
+
var _tmpl$14 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.20703 1.875H2.8125H2.10547H1.875V2.04688V2.8125V3.60156V5.33984L0.00390625 3.95508C0.0351562 3.60156 0.216797 3.27344 0.505859 3.06055L0.9375 2.74023V1.875C0.9375 1.35742 1.35742 0.9375 1.875 0.9375H3.37109L4.3457 0.216797C4.53516 0.0761719 4.76367 0 5 0C5.23633 0 5.46484 0.0761719 5.6543 0.214844L6.62891 0.9375H8.125C8.64258 0.9375 9.0625 1.35742 9.0625 1.875V2.74023L9.49414 3.06055C9.7832 3.27344 9.96484 3.60156 9.99609 3.95508L8.125 5.33984V3.60156V2.8125V2.04688V1.875H7.89453H7.1875H5.79297H4.20508H4.20703ZM0 8.75V4.72852L4.25 7.87695C4.4668 8.03711 4.73047 8.125 5 8.125C5.26953 8.125 5.5332 8.03906 5.75 7.87695L10 4.72852V8.75C10 9.43945 9.43945 10 8.75 10H1.25C0.560547 10 0 9.43945 0 8.75ZM3.4375 3.125H6.5625C6.73438 3.125 6.875 3.26562 6.875 3.4375C6.875 3.60938 6.73438 3.75 6.5625 3.75H3.4375C3.26562 3.75 3.125 3.60938 3.125 3.4375C3.125 3.26562 3.26562 3.125 3.4375 3.125ZM3.4375 4.375H6.5625C6.73438 4.375 6.875 4.51562 6.875 4.6875C6.875 4.85938 6.73438 5 6.5625 5H3.4375C3.26562 5 3.125 4.85938 3.125 4.6875C3.125 4.51562 3.26562 4.375 3.4375 4.375Z"fill=currentColor>`);
|
|
1890
|
+
var Email = (props) => {
|
|
1815
1891
|
return (() => {
|
|
1816
1892
|
var _el$ = _tmpl$14();
|
|
1817
1893
|
web.spread(_el$, props, true, true);
|
|
1818
1894
|
return _el$;
|
|
1819
1895
|
})();
|
|
1820
1896
|
};
|
|
1821
|
-
var _tmpl$15 = /* @__PURE__ */ web.template(`<svg viewBox="0 0
|
|
1822
|
-
var
|
|
1897
|
+
var _tmpl$15 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 12"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.99962 0.856934C4.64404 0.856934 4.35676 1.14421 4.35676 1.49979V1.88551C2.89024 2.18283 1.78533 3.48059 1.78533 5.03551V5.41318C1.78533 6.35738 1.43779 7.26943 0.810999 7.97658L0.662339 8.14332C0.493589 8.33216 0.45341 8.60336 0.555865 8.83439C0.658321 9.06542 0.889348 9.21408 1.14247 9.21408H8.85676C9.10988 9.21408 9.3389 9.06542 9.44337 8.83439C9.54783 8.60336 9.50564 8.33216 9.33689 8.14332L9.18823 7.97658C8.56145 7.26943 8.2139 6.35939 8.2139 5.41318V5.03551C8.2139 3.48059 7.10899 2.18283 5.64247 1.88551V1.49979C5.64247 1.14421 5.3552 0.856934 4.99962 0.856934ZM5.90966 10.767C6.15073 10.5259 6.28533 10.1985 6.28533 9.85693H4.99962H3.7139C3.7139 10.1985 3.8485 10.5259 4.08957 10.767C4.33064 11.008 4.6581 11.1426 4.99962 11.1426C5.34113 11.1426 5.66859 11.008 5.90966 10.767Z"fill=currentColor>`);
|
|
1898
|
+
var InApp = (props) => {
|
|
1823
1899
|
return (() => {
|
|
1824
1900
|
var _el$ = _tmpl$15();
|
|
1825
1901
|
web.spread(_el$, props, true, true);
|
|
1826
1902
|
return _el$;
|
|
1827
1903
|
})();
|
|
1828
1904
|
};
|
|
1829
|
-
var _tmpl$16 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><
|
|
1830
|
-
var
|
|
1905
|
+
var _tmpl$16 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M2.29671 10C1.78742 10 1.39807 9.85716 1.12864 9.57149C0.862497 9.28581 0.729426 8.86623 0.729426 8.31274V2.64594H1.69543V8.29668C1.69543 8.52163 1.74964 8.69487 1.85806 8.81624C1.96978 8.93408 2.12914 8.99301 2.33614 8.99301H7.66389C7.86764 8.99301 8.02366 8.93408 8.13209 8.81624C8.24385 8.69487 8.29965 8.52163 8.29965 8.29668V2.64594H9.27059V8.31274C9.27059 8.8627 9.13591 9.28048 8.86648 9.56608C8.59705 9.85536 8.20931 10 7.70333 10H2.29671ZM3.41056 5.34543C3.29556 5.34543 3.20028 5.30438 3.1247 5.22226C3.04913 5.14015 3.01134 5.03304 3.01134 4.90089V4.72949C3.01134 4.59737 3.04749 4.49204 3.11977 4.41348C3.19535 4.33492 3.29227 4.29564 3.41056 4.29564H6.5944C6.71271 4.29564 6.80795 4.33492 6.88026 4.41348C6.95582 4.49204 6.9936 4.59737 6.9936 4.72949V4.90089C6.9936 5.03304 6.95582 5.14015 6.88026 5.22226C6.8047 5.30438 6.70939 5.34543 6.5944 5.34543H3.41056ZM1.05964 3.16014C0.724502 3.16014 0.463285 3.05301 0.276004 2.83877C0.0920037 2.62095 0 2.33172 0 1.97107V1.18907C0 0.824846 0.0952841 0.535614 0.28586 0.321373C0.476428 0.107124 0.734358 0 1.05964 0H8.94536C9.27715 0 9.53511 0.107124 9.71911 0.321373C9.90642 0.535614 10 0.824846 10 1.18907V1.97107C10 2.33172 9.90642 2.62095 9.71911 2.83877C9.53511 3.05301 9.27715 3.16014 8.94536 3.16014H1.05964ZM1.24693 2.19067H8.75805C8.87304 2.19067 8.95516 2.16211 9.00448 2.10497C9.05372 2.04427 9.07838 1.95322 9.07838 1.83181V1.32833C9.07838 1.20335 9.05372 1.1123 9.00448 1.05517C8.95516 0.99803 8.87304 0.969462 8.75805 0.969462H1.24693C1.13193 0.969462 1.04814 0.99803 0.995567 1.05517C0.946281 1.1123 0.921638 1.20335 0.921638 1.32833V1.83181C0.921638 1.95322 0.946281 2.04427 0.995567 2.10497C1.04814 2.16211 1.13193 2.19067 1.24693 2.19067Z"fill=currentColor>`);
|
|
1906
|
+
var MarkAsArchived = (props) => {
|
|
1831
1907
|
return (() => {
|
|
1832
1908
|
var _el$ = _tmpl$16();
|
|
1833
1909
|
web.spread(_el$, props, true, true);
|
|
1834
1910
|
return _el$;
|
|
1835
1911
|
})();
|
|
1836
1912
|
};
|
|
1837
|
-
var _tmpl$17 = /* @__PURE__ */ web.template(`<svg viewBox="0 0
|
|
1838
|
-
var
|
|
1913
|
+
var _tmpl$17 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 11 11"fill=none xmlns=http://www.w3.org/2000/svg><path d="M2.17256 10.999C1.69081 10.999 1.3225 10.8562 1.06763 10.5705C0.815875 10.2848 0.689997 9.86525 0.689997 9.31177V3.64497H1.60378V9.2957C1.60378 9.52066 1.65506 9.6939 1.75763 9.81526C1.8633 9.93311 2.01405 9.99203 2.20986 9.99203H7.24963C7.44236 9.99203 7.58995 9.93311 7.69252 9.81526C7.79823 9.6939 7.85102 9.52066 7.85102 9.2957V3.64497H8.76947V9.31177C8.76947 9.86173 8.64208 10.2795 8.38721 10.5651C8.13235 10.8544 7.76556 10.999 7.28693 10.999H2.17256ZM1.00236 4.15916C0.68534 4.15916 0.438242 4.05204 0.261085 3.83779C0.0870305 3.61997 0 3.33074 0 2.97009V2.18809C0 1.82387 0.0901336 1.53464 0.270408 1.3204C0.450675 1.10615 0.694663 0.999023 1.00236 0.999023H8.46182C8.77568 0.999023 9.0197 1.10615 9.19375 1.3204C9.37094 1.53464 9.45946 1.82387 9.45946 2.18809V2.97009C9.45946 3.33074 9.37094 3.61997 9.19375 3.83779C9.0197 4.05204 8.77568 4.15916 8.46182 4.15916H1.00236ZM1.17953 3.1897H8.28464C8.39342 3.1897 8.4711 3.16113 8.51775 3.10399C8.56433 3.04329 8.58765 2.95224 8.58765 2.83083V2.32735C8.58765 2.20238 8.56433 2.11132 8.51775 2.05419C8.4711 1.99705 7.51461 1.96849 7.40583 1.96849H1.17953C1.07074 1.96849 0.991485 1.99705 0.941753 2.05419C0.895131 2.11132 0.87182 2.20238 0.87182 2.32735V2.83083C0.87182 2.95224 0.895131 3.04329 0.941753 3.10399C0.991485 3.16113 1.07074 3.1897 1.17953 3.1897Z"fill=currentColor></path><path d="M9.67298 0.553711C9.84703 0.556646 10.0146 0.614475 10.1535 0.716797L10.2208 0.771484L10.2814 0.833008C10.3958 0.960612 10.4679 1.11928 10.4913 1.28711L10.4992 1.37109L10.4982 1.45605C10.4872 1.64689 10.4124 1.8301 10.2833 1.97559L10.2843 1.97656L7.55482 5.15039L7.55384 5.14941C7.40234 5.3265 7.18382 5.43557 6.94642 5.44336L6.93861 5.44434H6.92005V5.44336C6.69203 5.44397 6.47619 5.35201 6.31947 5.19141L6.31849 5.18945L5.29505 4.13184C5.08531 3.91498 5.00658 3.60427 5.08118 3.31641L5.11634 3.21094C5.2129 2.97124 5.41476 2.78187 5.67396 2.70996L5.78626 2.68652C6.01138 2.65637 6.23763 2.72008 6.41419 2.85938L6.49818 2.93555L6.8849 3.33496L9.0138 0.859375V0.860352C9.15512 0.688807 9.35911 0.576792 9.58509 0.556641L9.67298 0.553711Z"fill=currentColor stroke=white>`);
|
|
1914
|
+
var MarkAsArchivedRead = (props) => {
|
|
1839
1915
|
return (() => {
|
|
1840
1916
|
var _el$ = _tmpl$17();
|
|
1841
1917
|
web.spread(_el$, props, true, true);
|
|
1842
1918
|
return _el$;
|
|
1843
1919
|
})();
|
|
1844
1920
|
};
|
|
1845
|
-
var _tmpl$18 = /* @__PURE__ */ web.template(`<svg viewBox="0 0
|
|
1846
|
-
var
|
|
1921
|
+
var _tmpl$18 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><g clip-path=url(#clip0_3445_1172)><path d="M9 9.99902H1C0.867383 9.99902 0.7402 9.94635 0.64645 9.85257C0.552667 9.75882 0.5 9.63164 0.5 9.49902V0.499023C0.5 0.366407 0.552669 0.239223 0.64645 0.145473C0.7402 0.0516901 0.867383 -0.000976562 1 -0.000976562H6.25C6.42865 -0.000976562 6.59368 0.0943401 6.68301 0.249023C6.77233 0.403707 6.77233 0.59434 6.68301 0.749023C6.59368 0.903707 6.42865 0.999023 6.25 0.999023H1.5V8.99902H8.5V4.49902C8.5 4.32037 8.59532 4.15534 8.75 4.06602C8.90468 3.97669 9.09532 3.97669 9.25 4.06602C9.40468 4.15534 9.5 4.32037 9.5 4.49902V9.49902C9.5 9.63164 9.44733 9.75882 9.35355 9.85257C9.2598 9.94636 9.13262 9.99902 9 9.99902Z"fill=currentColor></path><path d="M7.5 8.24902H2.5C2.32135 8.24902 2.15632 8.15371 2.06699 7.99902C1.97767 7.84434 1.97767 7.65371 2.06699 7.49902C2.15632 7.34434 2.32135 7.24902 2.5 7.24902H7.5C7.67865 7.24902 7.84368 7.34434 7.93301 7.49902C8.02233 7.65371 8.02233 7.84434 7.93301 7.99902C7.84368 8.15371 7.67865 8.24902 7.5 8.24902Z"fill=currentColor></path><path d="M4.75 6.49901C4.61709 6.49979 4.48936 6.44761 4.39498 6.35403L2.89498 4.85403C2.76816 4.72717 2.71865 4.54235 2.76507 4.36907C2.81149 4.19583 2.94681 4.06051 3.12005 4.01409C3.29332 3.96767 3.47816 4.01718 3.60501 4.14401L4.73001 5.269L8.37501 1.16901C8.46056 1.06279 8.58578 0.996155 8.72169 0.984497C8.8576 0.972843 8.99233 1.01718 9.09474 1.10728C9.19712 1.19738 9.25825 1.32541 9.26398 1.46167C9.26968 1.59796 9.21948 1.73065 9.12502 1.82902L5.12502 6.32902C5.03371 6.43306 4.90337 6.49461 4.76502 6.49901L4.75 6.49901Z"fill=currentColor></path></g><defs><clipPath id=clip0_3445_1172><rect width=10 height=10 fill=white transform="translate(0 -0.000976562)">`);
|
|
1922
|
+
var MarkAsRead = (props) => {
|
|
1847
1923
|
return (() => {
|
|
1848
1924
|
var _el$ = _tmpl$18();
|
|
1849
1925
|
web.spread(_el$, props, true, true);
|
|
1850
1926
|
return _el$;
|
|
1851
1927
|
})();
|
|
1852
1928
|
};
|
|
1853
|
-
var _tmpl$19 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg
|
|
1854
|
-
var
|
|
1929
|
+
var _tmpl$19 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M3.15789 2.99902V4.99902L0 2.49902L3.15789 -0.000976562V1.99902H5.78947C6.90618 1.99902 7.97714 2.42045 8.76677 3.1706C9.55639 3.92074 10 4.93816 10 5.99902C10 7.05989 9.55639 8.0773 8.76677 8.82745C7.97714 9.5776 6.90618 9.99902 5.78947 9.99902H1.05263V8.99902H5.78947C6.627 8.99902 7.43022 8.68295 8.02244 8.12034C8.61466 7.55773 8.94737 6.79467 8.94737 5.99902C8.94737 5.20337 8.61466 4.44031 8.02244 3.8777C7.43022 3.31509 6.627 2.99902 5.78947 2.99902H3.15789Z"fill=currentColor>`);
|
|
1930
|
+
var MarkAsUnarchived = (props) => {
|
|
1855
1931
|
return (() => {
|
|
1856
1932
|
var _el$ = _tmpl$19();
|
|
1857
1933
|
web.spread(_el$, props, true, true);
|
|
1858
1934
|
return _el$;
|
|
1859
1935
|
})();
|
|
1860
1936
|
};
|
|
1861
|
-
var _tmpl$20 = /* @__PURE__ */ web.template(`<svg viewBox="0 0
|
|
1862
|
-
var
|
|
1937
|
+
var _tmpl$20 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 11 11"fill=none xmlns=http://www.w3.org/2000/svg><path d="M6.8 1.49902H1.5C0.947715 1.49902 0.5 1.94674 0.5 2.49902V9.49902C0.5 10.0513 0.947715 10.499 1.5 10.499H8.5C9.05228 10.499 9.5 10.0513 9.5 9.49902V4.19902"stroke=currentColor stroke-miterlimit=1 stroke-linecap=round></path><circle cx=9.25 cy=1.74902 r=1.25 fill=currentColor>`);
|
|
1938
|
+
var MarkAsUnread = (props) => {
|
|
1863
1939
|
return (() => {
|
|
1864
1940
|
var _el$ = _tmpl$20();
|
|
1865
1941
|
web.spread(_el$, props, true, true);
|
|
1866
1942
|
return _el$;
|
|
1867
1943
|
})();
|
|
1868
1944
|
};
|
|
1869
|
-
var _tmpl$21 = /* @__PURE__ */ web.template(`<svg
|
|
1870
|
-
var
|
|
1945
|
+
var _tmpl$21 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 13 12"><path fill=currentColor d="M9.787.98A5.972 5.972 0 006.5 0c-.668 0-1.31.11-1.911.31L9.187 4.94c.221.222.6.065.6-.248V.98z"></path><path fill=currentColor d="M2.879 1.216A5.99 5.99 0 00.5 6c0 1.134.315 2.195.862 3.1V7.309c0-1.966 2.379-2.946 3.764-1.552l4.995 5.027A5.99 5.99 0 0012.5 6a5.972 5.972 0 00-.862-3.1v1.791c0 1.966-2.379 2.946-3.764 1.552L2.879 1.216z"></path><path fill=currentColor d="M8.411 11.69L3.813 7.06a.351.351 0 00-.6.248v3.711c.944.62 2.073.98 3.287.98.668 0 1.31-.11 1.911-.31z">`);
|
|
1946
|
+
var Novu2 = (props) => {
|
|
1871
1947
|
return (() => {
|
|
1872
1948
|
var _el$ = _tmpl$21();
|
|
1873
1949
|
web.spread(_el$, props, true, true);
|
|
1874
1950
|
return _el$;
|
|
1875
1951
|
})();
|
|
1876
1952
|
};
|
|
1877
|
-
var _tmpl$22 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10
|
|
1878
|
-
var
|
|
1953
|
+
var _tmpl$22 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 16"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.12531 1.8999C3.94958 1.8999 3.80713 2.04235 3.80713 2.21808C3.80713 2.39382 3.94958 2.53627 4.12531 2.53627H6.0344C6.21013 2.53627 6.35258 2.39382 6.35258 2.21808C6.35258 2.04235 6.21013 1.8999 6.0344 1.8999H4.12531Z"fill=currentColor></path><path d="M4.12531 1.8999C3.94958 1.8999 3.80713 2.04235 3.80713 2.21808C3.80713 2.39382 3.94958 2.53627 4.12531 2.53627H6.0344C6.21013 2.53627 6.35258 2.39382 6.35258 2.21808C6.35258 2.04235 6.21013 1.8999 6.0344 1.8999H4.12531Z"stroke=currentColor></path><path d="M2.69329 1.46818H7.30693C7.75127 1.46818 8.11147 1.82839 8.11147 2.27273V13.7273C8.11147 14.1716 7.75127 14.5318 7.30693 14.5318H2.69329C2.24896 14.5318 1.88875 14.1716 1.88875 13.7273V2.27273C1.88875 1.82839 2.24896 1.46818 2.69329 1.46818ZM2.69329 0.85C1.90754 0.85 1.27057 1.48698 1.27057 2.27273V2.95695C1.17568 3.00972 1.11147 3.111 1.11147 3.22727V3.54545C1.11147 3.64155 1.15532 3.7274 1.22411 3.78409C1.15532 3.84078 1.11147 3.92663 1.11147 4.02273V4.65909C1.11147 4.75519 1.15532 4.84104 1.22411 4.89773C1.15532 4.95442 1.11147 5.04027 1.11147 5.13636V6.09091C1.11147 6.20718 1.17568 6.30846 1.27057 6.36123V13.7273C1.27057 14.513 1.90754 15.15 2.69329 15.15H7.30693C8.09268 15.15 8.72966 14.513 8.72966 13.7273V6.36123C8.82454 6.30846 8.88875 6.20718 8.88875 6.09091V4.81818C8.88875 4.70191 8.82454 4.60063 8.72966 4.54786V2.27273C8.72966 1.48698 8.09268 0.85 7.30693 0.85H2.69329Z"fill=currentColor stroke=currentColor stroke-width=0.3>`);
|
|
1954
|
+
var Push = (props) => {
|
|
1879
1955
|
return (() => {
|
|
1880
1956
|
var _el$ = _tmpl$22();
|
|
1881
1957
|
web.spread(_el$, props, true, true);
|
|
1882
1958
|
return _el$;
|
|
1883
1959
|
})();
|
|
1884
1960
|
};
|
|
1885
|
-
var _tmpl$23 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="
|
|
1886
|
-
var
|
|
1961
|
+
var _tmpl$23 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M5.00051 9.28364C7.76195 9.28364 10 7.20598 10 4.64182C10 2.07766 7.76195 0 5.00051 0C2.23907 0 0.00101462 2.07766 0.00101462 4.64182C0.00101462 5.64829 0.346683 6.57889 0.932561 7.33988C0.895455 7.88663 0.709927 8.37313 0.514634 8.74358C0.407223 8.94889 0.297859 9.11404 0.21779 9.22562C0.176778 9.28141 0.145531 9.32381 0.122096 9.35282C0.110379 9.36621 0.102567 9.37737 0.096708 9.38407L0.0908493 9.39076C0.00101462 9.49342 -0.0243734 9.64517 0.0244497 9.77907C0.0732729 9.91297 0.186543 10 0.313483 10C0.873973 10 1.43837 9.80138 1.90707 9.56929C2.35429 9.34613 2.73511 9.08056 2.96751 8.88641C3.58854 9.14305 4.27597 9.28587 5.00051 9.28587V9.28364ZM1.87582 4.03481C1.87582 3.58179 2.19806 3.21357 2.5945 3.21357H2.96946C3.14132 3.21357 3.28193 3.37425 3.28193 3.57063C3.28193 3.76702 3.14132 3.92769 2.96946 3.92769H2.5945C2.54177 3.92769 2.50076 3.97679 2.50076 4.03481C2.50076 4.07052 2.51638 4.10399 2.54373 4.12408L3.11789 4.56148C3.31904 4.71323 3.43817 4.96987 3.43817 5.2466C3.43817 5.69962 3.11593 6.06784 2.71949 6.06784L2.18829 6.07007C2.01644 6.07007 1.87582 5.9094 1.87582 5.71301C1.87582 5.51663 2.01644 5.35595 2.18829 5.35595H2.71949C2.77222 5.35595 2.81323 5.30685 2.81323 5.24883C2.81323 5.21312 2.79761 5.17965 2.77026 5.15956L2.1961 4.72216C1.99691 4.56818 1.87582 4.31154 1.87582 4.03481ZM7.28153 3.21357H7.65649C7.82834 3.21357 7.96896 3.37425 7.96896 3.57063C7.96896 3.76702 7.82834 3.92769 7.65649 3.92769H7.28153C7.2288 3.92769 7.18779 3.97679 7.18779 4.03481C7.18779 4.07052 7.20341 4.10399 7.23075 4.12408L7.80491 4.56148C8.00411 4.71323 8.12519 4.96987 8.12519 5.2466C8.12519 5.69962 7.80296 6.06784 7.40651 6.06784L6.87532 6.07007C6.70346 6.07007 6.56285 5.9094 6.56285 5.71301C6.56285 5.51663 6.70346 5.35595 6.87532 5.35595H7.40651C7.45924 5.35595 7.50025 5.30685 7.50025 5.24883C7.50025 5.21312 7.48463 5.17965 7.45729 5.15956L6.88313 4.72216C6.68393 4.57041 6.56285 4.31377 6.56285 4.03705C6.56285 3.58402 6.88508 3.2158 7.28153 3.2158V3.21357ZM4.31308 3.35639L5.00051 4.40304L5.68794 3.35639C5.76801 3.23365 5.90862 3.18233 6.03751 3.23142C6.1664 3.28052 6.25038 3.41665 6.25038 3.57063V5.71301C6.25038 5.9094 6.10977 6.07007 5.93791 6.07007C5.76605 6.07007 5.62544 5.9094 5.62544 5.71301V4.64182L5.25048 5.21312C5.19189 5.30239 5.09815 5.35595 5.00051 5.35595C4.90286 5.35595 4.80912 5.30239 4.75053 5.21312L4.37557 4.64182V5.71301C4.37557 5.9094 4.23496 6.07007 4.0631 6.07007C3.89124 6.07007 3.75063 5.9094 3.75063 5.71301V3.57063C3.75063 3.41665 3.83656 3.28052 3.9635 3.23142C4.09044 3.18233 4.23105 3.23365 4.31308 3.35639Z"fill=currentColor>`);
|
|
1962
|
+
var Sms = (props) => {
|
|
1887
1963
|
return (() => {
|
|
1888
1964
|
var _el$ = _tmpl$23();
|
|
1889
1965
|
web.spread(_el$, props, true, true);
|
|
1890
1966
|
return _el$;
|
|
1891
1967
|
})();
|
|
1892
1968
|
};
|
|
1969
|
+
var _tmpl$24 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 8"fill=none xmlns=http://www.w3.org/2000/svg><path d="M1.0119 0.347055C1.06274 0.143703 1.26565 -0.000976562 1.5 -0.000976562H8.5C8.73435 -0.000976562 8.93725 0.143703 8.9881 0.347055L9.9881 4.34707C9.996 4.37871 10 4.41102 10 4.44347V7.55458C10 7.80005 9.77615 7.99902 9.5 7.99902H0.5C0.22386 7.99902 0 7.80005 0 7.55458V4.44347C0 4.41102 0.00399495 4.37871 0.011905 4.34707L1.0119 0.347055ZM1.90108 0.887912L1.12331 3.99902H3.5C3.5 4.73542 4.17155 5.33236 5 5.33236C5.82845 5.33236 6.5 4.73542 6.5 3.99902H8.8767L8.0989 0.887912H1.90108ZM7.292 4.88791C6.9062 5.67276 6.02515 6.22125 5 6.22125C3.97484 6.22125 3.0938 5.67276 2.70802 4.88791H1V7.11013H9V4.88791H7.292Z"fill=currentColor>`);
|
|
1970
|
+
var Unread = (props) => {
|
|
1971
|
+
return (() => {
|
|
1972
|
+
var _el$ = _tmpl$24();
|
|
1973
|
+
web.spread(_el$, props, true, true);
|
|
1974
|
+
return _el$;
|
|
1975
|
+
})();
|
|
1976
|
+
};
|
|
1977
|
+
var _tmpl$25 = /* @__PURE__ */ web.template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.99992 2.91634V4.99967M4.79992 5.39616L3.27392 6.46553M1.66659 1.66634L8.33325 8.33301M9.16658 4.99967C9.16658 7.30086 7.30111 9.16634 4.99992 9.16634C2.69873 9.16634 0.833252 7.30086 0.833252 4.99967C0.833252 2.69849 2.69873 0.833008 4.99992 0.833008C7.30111 0.833008 9.16658 2.69849 9.16658 4.99967Z"stroke=currentColor stroke-linecap=round stroke-linejoin=round>`);
|
|
1978
|
+
var Unsnooze = (props) => {
|
|
1979
|
+
return (() => {
|
|
1980
|
+
var _el$ = _tmpl$25();
|
|
1981
|
+
web.spread(_el$, props, true, true);
|
|
1982
|
+
return _el$;
|
|
1983
|
+
})();
|
|
1984
|
+
};
|
|
1893
1985
|
var IconRendererWrapper = (props) => {
|
|
1894
1986
|
const appearance = useAppearance();
|
|
1895
1987
|
const customRenderer = () => {
|
|
@@ -1912,10 +2004,27 @@ var IconRendererWrapper = (props) => {
|
|
|
1912
2004
|
}
|
|
1913
2005
|
});
|
|
1914
2006
|
};
|
|
2007
|
+
var IconRenderer = (props) => {
|
|
2008
|
+
return web.createComponent(IconRendererWrapper, {
|
|
2009
|
+
get iconKey() {
|
|
2010
|
+
return props.iconKey;
|
|
2011
|
+
},
|
|
2012
|
+
get ["class"]() {
|
|
2013
|
+
return props.class;
|
|
2014
|
+
},
|
|
2015
|
+
get fallback() {
|
|
2016
|
+
return web.createComponent(props.fallback, {
|
|
2017
|
+
get ["class"]() {
|
|
2018
|
+
return props.class;
|
|
2019
|
+
}
|
|
2020
|
+
});
|
|
2021
|
+
}
|
|
2022
|
+
});
|
|
2023
|
+
};
|
|
1915
2024
|
|
|
1916
2025
|
// src/ui/components/elements/Bell/DefaultBellContainer.tsx
|
|
1917
|
-
var _tmpl$
|
|
1918
|
-
var _tmpl$
|
|
2026
|
+
var _tmpl$26 = /* @__PURE__ */ web.template(`<span>`);
|
|
2027
|
+
var _tmpl$27 = /* @__PURE__ */ web.template(`<span><div>`);
|
|
1919
2028
|
var SEVERITY_GLOW_KEYS = {
|
|
1920
2029
|
["none" /* NONE */]: "bellSeverityGlow",
|
|
1921
2030
|
["high" /* HIGH */]: "severityGlowHigh__bellSeverityGlow",
|
|
@@ -1942,7 +2051,7 @@ var BellContainer = (props) => {
|
|
|
1942
2051
|
});
|
|
1943
2052
|
const unreadCount = solidJs.createMemo(() => props.unreadCount);
|
|
1944
2053
|
return (() => {
|
|
1945
|
-
var _el$ = _tmpl$
|
|
2054
|
+
var _el$ = _tmpl$27(), _el$2 = _el$.firstChild;
|
|
1946
2055
|
web.insert(_el$, web.createComponent(IconRendererWrapper, {
|
|
1947
2056
|
iconKey: "bell",
|
|
1948
2057
|
get ["class"]() {
|
|
@@ -1973,7 +2082,7 @@ var BellContainer = (props) => {
|
|
|
1973
2082
|
return props.unreadCount.total > 0;
|
|
1974
2083
|
},
|
|
1975
2084
|
get children() {
|
|
1976
|
-
var _el$3 = _tmpl$
|
|
2085
|
+
var _el$3 = _tmpl$26();
|
|
1977
2086
|
web.effect(() => web.className(_el$3, style({
|
|
1978
2087
|
key: "bellDot",
|
|
1979
2088
|
className: "nt-absolute nt-top-0 nt-right-0 nt-block nt-size-2 nt-transform nt-bg-counter nt-rounded-full nt-border nt-border-background",
|
|
@@ -2041,10 +2150,10 @@ var Bell2 = (props) => {
|
|
|
2041
2150
|
}
|
|
2042
2151
|
});
|
|
2043
2152
|
};
|
|
2044
|
-
var _tmpl$
|
|
2153
|
+
var _tmpl$28 = /* @__PURE__ */ web.template(`<svg width=6 height=6 viewBox="0 0 6 6"fill=none xmlns=http://www.w3.org/2000/svg><path d="M5.00175 1.70402L0.705765 6L0 5.29424L4.29548 0.998253H0.509608V0H6V5.49039H5.00175V1.70402Z"fill=currentColor>`);
|
|
2045
2154
|
var ArrowUpRight = (props) => {
|
|
2046
2155
|
return (() => {
|
|
2047
|
-
var _el$ = _tmpl$
|
|
2156
|
+
var _el$ = _tmpl$28();
|
|
2048
2157
|
web.spread(_el$, props, true, true);
|
|
2049
2158
|
return _el$;
|
|
2050
2159
|
})();
|
|
@@ -2082,9 +2191,20 @@ function TooltipRoot(props) {
|
|
|
2082
2191
|
placement: props.placement || "top",
|
|
2083
2192
|
strategy: "fixed",
|
|
2084
2193
|
whileElementsMounted: dom.autoUpdate,
|
|
2085
|
-
middleware: [
|
|
2086
|
-
|
|
2087
|
-
|
|
2194
|
+
middleware: [
|
|
2195
|
+
dom.offset(10),
|
|
2196
|
+
dom.flip({
|
|
2197
|
+
fallbackPlacements: props.fallbackPlacements || ["bottom"]
|
|
2198
|
+
}),
|
|
2199
|
+
// Configure shift to prevent layout overflow and UI shifts
|
|
2200
|
+
dom.shift({
|
|
2201
|
+
padding: 8,
|
|
2202
|
+
crossAxis: false,
|
|
2203
|
+
// Prevent horizontal shifting that causes layout gaps
|
|
2204
|
+
mainAxis: true
|
|
2205
|
+
// Allow vertical shifting only
|
|
2206
|
+
})
|
|
2207
|
+
]
|
|
2088
2208
|
});
|
|
2089
2209
|
const [uncontrolledOpen, setUncontrolledOpen] = solidJs.createSignal((_a = props.open) != null ? _a : false);
|
|
2090
2210
|
const openAccessor = solidJs.createMemo(() => {
|
|
@@ -2254,7 +2374,7 @@ function mergeRefs(...refs) {
|
|
|
2254
2374
|
}
|
|
2255
2375
|
|
|
2256
2376
|
// src/ui/components/primitives/Tooltip/TooltipTrigger.tsx
|
|
2257
|
-
var _tmpl$
|
|
2377
|
+
var _tmpl$29 = /* @__PURE__ */ web.template(`<button>`);
|
|
2258
2378
|
var TooltipTrigger = (props) => {
|
|
2259
2379
|
const {
|
|
2260
2380
|
setReference,
|
|
@@ -2289,7 +2409,7 @@ var TooltipTrigger = (props) => {
|
|
|
2289
2409
|
}, rest));
|
|
2290
2410
|
}
|
|
2291
2411
|
return (() => {
|
|
2292
|
-
var _el$ = _tmpl$
|
|
2412
|
+
var _el$ = _tmpl$29();
|
|
2293
2413
|
_el$.addEventListener("mouseleave", () => {
|
|
2294
2414
|
setOpen(false);
|
|
2295
2415
|
});
|
|
@@ -2324,7 +2444,7 @@ var Tooltip = {
|
|
|
2324
2444
|
};
|
|
2325
2445
|
|
|
2326
2446
|
// src/ui/components/primitives/CopyToClipboard.tsx
|
|
2327
|
-
var _tmpl$
|
|
2447
|
+
var _tmpl$30 = /* @__PURE__ */ web.template(`<button type=button>`);
|
|
2328
2448
|
function CopyToClipboard(props) {
|
|
2329
2449
|
const [isCopied, setIsCopied] = solidJs.createSignal(false);
|
|
2330
2450
|
const style = useStyle();
|
|
@@ -2358,7 +2478,7 @@ function CopyToClipboard(props) {
|
|
|
2358
2478
|
get children() {
|
|
2359
2479
|
return [web.createComponent(Tooltip.Trigger, {
|
|
2360
2480
|
asChild: (triggerProps) => (() => {
|
|
2361
|
-
var _el$ = _tmpl$
|
|
2481
|
+
var _el$ = _tmpl$30();
|
|
2362
2482
|
web.spread(_el$, web.mergeProps(triggerProps, {
|
|
2363
2483
|
"onClick": handleCopy,
|
|
2364
2484
|
get ["class"]() {
|
|
@@ -2382,7 +2502,7 @@ function CopyToClipboard(props) {
|
|
|
2382
2502
|
}
|
|
2383
2503
|
|
|
2384
2504
|
// src/ui/components/elements/Footer.tsx
|
|
2385
|
-
var _tmpl$
|
|
2505
|
+
var _tmpl$31 = /* @__PURE__ */ web.template(`<span class="nt-z-10 nt-text-xs nt-text-stripes">`);
|
|
2386
2506
|
var _tmpl$210 = /* @__PURE__ */ web.template(`<span class="nt-z-10 nt-text-xs">\u2022`);
|
|
2387
2507
|
var _tmpl$32 = /* @__PURE__ */ web.template(`<a target=_blank class="nt-z-10 nt-flex nt-items-center nt-gap-1 nt-justify-center"><span class=nt-text-xs>Inbox by</span><span class=nt-text-xs>Novu`);
|
|
2388
2508
|
var _tmpl$42 = /* @__PURE__ */ web.template(`<span class=nt-underline>Copy cURL`);
|
|
@@ -2422,7 +2542,7 @@ var Footer = () => {
|
|
|
2422
2542
|
return isDevelopmentMode();
|
|
2423
2543
|
},
|
|
2424
2544
|
get children() {
|
|
2425
|
-
var _el$3 = _tmpl$
|
|
2545
|
+
var _el$3 = _tmpl$31();
|
|
2426
2546
|
web.insert(_el$3, (() => {
|
|
2427
2547
|
var _c$ = web.memo(() => !!isKeyless());
|
|
2428
2548
|
return () => _c$() ? web.createComponent(Tooltip.Root, {
|
|
@@ -2469,7 +2589,7 @@ var Footer = () => {
|
|
|
2469
2589
|
return isKeyless();
|
|
2470
2590
|
},
|
|
2471
2591
|
get children() {
|
|
2472
|
-
var _el$8 = _tmpl$52(), _el$9 = _el$8.firstChild; _el$9.firstChild; var _el$
|
|
2592
|
+
var _el$8 = _tmpl$52(), _el$9 = _el$8.firstChild; _el$9.firstChild; var _el$1 = _el$9.nextSibling, _el$11 = _el$1.nextSibling, _el$12 = _el$11.nextSibling;
|
|
2473
2593
|
web.insert(_el$9, web.createComponent(ArrowUpRight, {
|
|
2474
2594
|
"class": "nt-ml-1"
|
|
2475
2595
|
}), null);
|
|
@@ -2480,8 +2600,8 @@ var Footer = () => {
|
|
|
2480
2600
|
get children() {
|
|
2481
2601
|
return _tmpl$42();
|
|
2482
2602
|
}
|
|
2483
|
-
}), _el$
|
|
2484
|
-
_el$
|
|
2603
|
+
}), _el$11);
|
|
2604
|
+
_el$12.$$click = (e) => {
|
|
2485
2605
|
e.preventDefault();
|
|
2486
2606
|
handleTriggerHelloWorld();
|
|
2487
2607
|
};
|
|
@@ -2499,7 +2619,7 @@ var Footer = () => {
|
|
|
2499
2619
|
});
|
|
2500
2620
|
};
|
|
2501
2621
|
function getCurrentDomain() {
|
|
2502
|
-
if (
|
|
2622
|
+
if (chunkTWUFZL5G_js.isBrowser()) {
|
|
2503
2623
|
return window.location.hostname;
|
|
2504
2624
|
}
|
|
2505
2625
|
return "";
|
|
@@ -2511,7 +2631,7 @@ function getCurlCommand() {
|
|
|
2511
2631
|
return "";
|
|
2512
2632
|
}
|
|
2513
2633
|
const DEFAULT_BACKEND_URL = typeof window !== "undefined" && window.NOVU_LOCAL_BACKEND_URL || "https://api.novu.co";
|
|
2514
|
-
return `curl -X POST ${DEFAULT_BACKEND_URL}/${
|
|
2634
|
+
return `curl -X POST ${DEFAULT_BACKEND_URL}/${chunkTWUFZL5G_js.DEFAULT_API_VERSION}/events/trigger -H 'Authorization: Keyless ${identifier}' -H 'Content-Type: application/json' -d '{
|
|
2515
2635
|
"name": "hello-world",
|
|
2516
2636
|
"to": {
|
|
2517
2637
|
"subscriberId": "keyless-subscriber-id"
|
|
@@ -2523,7 +2643,7 @@ function getCurlCommand() {
|
|
|
2523
2643
|
}'`;
|
|
2524
2644
|
}
|
|
2525
2645
|
web.delegateEvents(["click"]);
|
|
2526
|
-
var _tmpl$
|
|
2646
|
+
var _tmpl$33 = /* @__PURE__ */ web.template(`<button>`);
|
|
2527
2647
|
var buttonVariants = classVarianceAuthority.cva(cn('nt-inline-flex nt-gap-4 nt-items-center nt-justify-center nt-whitespace-nowrap nt-text-sm nt-font-medium nt-transition-colors disabled:nt-pointer-events-none disabled:nt-opacity-50 after:nt-absolute after:nt-content-[""] before:nt-content-[""] before:nt-absolute [&_svg]:nt-pointer-events-none [&_svg]:nt-shrink-0', `focus-visible:nt-outline-none focus-visible:nt-ring-2 focus-visible:nt-rounded-md focus-visible:nt-ring-ring focus-visible:nt-ring-offset-2`), {
|
|
2528
2648
|
variants: {
|
|
2529
2649
|
variant: {
|
|
@@ -2550,7 +2670,7 @@ var Button = (props) => {
|
|
|
2550
2670
|
const [local, rest] = solidJs.splitProps(props, ["class", "appearanceKey", "context"]);
|
|
2551
2671
|
const style = useStyle();
|
|
2552
2672
|
return (() => {
|
|
2553
|
-
var _el$ = _tmpl$
|
|
2673
|
+
var _el$ = _tmpl$33();
|
|
2554
2674
|
web.spread(_el$, web.mergeProps({
|
|
2555
2675
|
get ["data-variant"]() {
|
|
2556
2676
|
return props.variant;
|
|
@@ -2572,8 +2692,51 @@ var Button = (props) => {
|
|
|
2572
2692
|
return _el$;
|
|
2573
2693
|
})();
|
|
2574
2694
|
};
|
|
2575
|
-
var _tmpl$
|
|
2576
|
-
var _tmpl$211 = /* @__PURE__ */ web.template(`<
|
|
2695
|
+
var _tmpl$34 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class=size-4><path d="M5 12l5 5l10 -10">`);
|
|
2696
|
+
var _tmpl$211 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class=size-4><path d="M5 12l14 0">`);
|
|
2697
|
+
var Checkbox = (props) => {
|
|
2698
|
+
const [local, others] = solidJs.splitProps(props, ["class"]);
|
|
2699
|
+
return web.createComponent(CheckboxPrimitive__namespace.Root, web.mergeProps({
|
|
2700
|
+
get ["class"]() {
|
|
2701
|
+
return cn("nt-items-top nt-group nt-relative nt-flex", local.class);
|
|
2702
|
+
}
|
|
2703
|
+
}, others, {
|
|
2704
|
+
get children() {
|
|
2705
|
+
return [web.createComponent(CheckboxPrimitive__namespace.Input, {
|
|
2706
|
+
"class": "nt-peer"
|
|
2707
|
+
}), web.createComponent(CheckboxPrimitive__namespace.Control, {
|
|
2708
|
+
"class": "nt-size-4 nt-shrink-0 nt-rounded-sm nt-border nt-border-primary nt-ring-offset-background data-[disabled]:nt-cursor-not-allowed data-[disabled]:nt-opacity-50 peer-focus-visible:nt-outline-none peer-focus-visible:nt-ring-2 peer-focus-visible:ntring-ring peer-focus-visible:nt-ring-offset-2 data-[checked]:nt-border-none data-[indeterminate]:nt-border-none data-[checked]:nt-bg-primary data-[indeterminate]:nt-bg-primary data-[checked]:nt-text-primary-foreground data-[indeterminate]:nt-text-primary-foreground",
|
|
2709
|
+
get children() {
|
|
2710
|
+
return web.createComponent(CheckboxPrimitive__namespace.Indicator, {
|
|
2711
|
+
get children() {
|
|
2712
|
+
return web.createComponent(solidJs.Switch, {
|
|
2713
|
+
get children() {
|
|
2714
|
+
return [web.createComponent(solidJs.Match, {
|
|
2715
|
+
get when() {
|
|
2716
|
+
return !others.indeterminate;
|
|
2717
|
+
},
|
|
2718
|
+
get children() {
|
|
2719
|
+
return _tmpl$34();
|
|
2720
|
+
}
|
|
2721
|
+
}), web.createComponent(solidJs.Match, {
|
|
2722
|
+
get when() {
|
|
2723
|
+
return others.indeterminate;
|
|
2724
|
+
},
|
|
2725
|
+
get children() {
|
|
2726
|
+
return _tmpl$211();
|
|
2727
|
+
}
|
|
2728
|
+
})];
|
|
2729
|
+
}
|
|
2730
|
+
});
|
|
2731
|
+
}
|
|
2732
|
+
});
|
|
2733
|
+
}
|
|
2734
|
+
})];
|
|
2735
|
+
}
|
|
2736
|
+
}));
|
|
2737
|
+
};
|
|
2738
|
+
var _tmpl$35 = /* @__PURE__ */ web.template(`<div>`);
|
|
2739
|
+
var _tmpl$212 = /* @__PURE__ */ web.template(`<div><span>`);
|
|
2577
2740
|
var DatePickerContext = solidJs.createContext({
|
|
2578
2741
|
currentDate: () => /* @__PURE__ */ new Date(),
|
|
2579
2742
|
setCurrentDate: () => {
|
|
@@ -2612,7 +2775,7 @@ var DatePicker = (props) => {
|
|
|
2612
2775
|
maxDays: () => props.maxDays
|
|
2613
2776
|
},
|
|
2614
2777
|
get children() {
|
|
2615
|
-
var _el$ = _tmpl$
|
|
2778
|
+
var _el$ = _tmpl$35();
|
|
2616
2779
|
web.spread(_el$, web.mergeProps({
|
|
2617
2780
|
get ["class"]() {
|
|
2618
2781
|
return style({
|
|
@@ -2681,7 +2844,7 @@ var DatePickerHeader = (props) => {
|
|
|
2681
2844
|
return view.getFullYear() === maxDate.getFullYear() && view.getMonth() === maxDate.getMonth();
|
|
2682
2845
|
};
|
|
2683
2846
|
return (() => {
|
|
2684
|
-
var _el$2 = _tmpl$
|
|
2847
|
+
var _el$2 = _tmpl$212(), _el$3 = _el$2.firstChild;
|
|
2685
2848
|
web.spread(_el$2, web.mergeProps({
|
|
2686
2849
|
get ["class"]() {
|
|
2687
2850
|
return style({
|
|
@@ -2843,7 +3006,7 @@ var DatePickerCalendar = (props) => {
|
|
|
2843
3006
|
return days;
|
|
2844
3007
|
};
|
|
2845
3008
|
return (() => {
|
|
2846
|
-
var _el$8 = _tmpl$
|
|
3009
|
+
var _el$8 = _tmpl$35();
|
|
2847
3010
|
_el$8.$$click = (e) => e.stopPropagation();
|
|
2848
3011
|
web.spread(_el$8, web.mergeProps({
|
|
2849
3012
|
get ["class"]() {
|
|
@@ -2862,7 +3025,7 @@ var DatePickerCalendar = (props) => {
|
|
|
2862
3025
|
})();
|
|
2863
3026
|
};
|
|
2864
3027
|
web.delegateEvents(["click"]);
|
|
2865
|
-
var _tmpl$
|
|
3028
|
+
var _tmpl$36 = /* @__PURE__ */ web.template(`<button>`);
|
|
2866
3029
|
var PopoverClose = (props) => {
|
|
2867
3030
|
const {
|
|
2868
3031
|
onClose
|
|
@@ -2884,7 +3047,7 @@ var PopoverClose = (props) => {
|
|
|
2884
3047
|
}, rest));
|
|
2885
3048
|
}
|
|
2886
3049
|
return (() => {
|
|
2887
|
-
var _el$ = _tmpl$
|
|
3050
|
+
var _el$ = _tmpl$36();
|
|
2888
3051
|
_el$.$$click = handleClick;
|
|
2889
3052
|
web.spread(_el$, web.mergeProps({
|
|
2890
3053
|
get ["class"]() {
|
|
@@ -2898,12 +3061,12 @@ var PopoverClose = (props) => {
|
|
|
2898
3061
|
})();
|
|
2899
3062
|
};
|
|
2900
3063
|
web.delegateEvents(["click"]);
|
|
2901
|
-
var _tmpl$
|
|
3064
|
+
var _tmpl$37 = /* @__PURE__ */ web.template(`<div>`);
|
|
2902
3065
|
var Portal2 = (props) => {
|
|
2903
3066
|
const appearance = useAppearance();
|
|
2904
3067
|
let currentElement;
|
|
2905
3068
|
return [(() => {
|
|
2906
|
-
var _el$ = _tmpl$
|
|
3069
|
+
var _el$ = _tmpl$37();
|
|
2907
3070
|
web.use((el) => {
|
|
2908
3071
|
currentElement = el;
|
|
2909
3072
|
}, _el$);
|
|
@@ -2929,10 +3092,6 @@ var PopoverContext = solidJs.createContext(void 0);
|
|
|
2929
3092
|
function PopoverRoot(props) {
|
|
2930
3093
|
var _a;
|
|
2931
3094
|
const [uncontrolledIsOpen, setUncontrolledIsOpen] = solidJs.createSignal((_a = props.open) != null ? _a : false);
|
|
2932
|
-
const onOpenChange = () => {
|
|
2933
|
-
var _a2;
|
|
2934
|
-
return (_a2 = props.onOpenChange) != null ? _a2 : setUncontrolledIsOpen;
|
|
2935
|
-
};
|
|
2936
3095
|
const open = () => {
|
|
2937
3096
|
var _a2;
|
|
2938
3097
|
return (_a2 = props.open) != null ? _a2 : uncontrolledIsOpen();
|
|
@@ -2943,9 +3102,20 @@ function PopoverRoot(props) {
|
|
|
2943
3102
|
strategy: "absolute",
|
|
2944
3103
|
placement: props.placement,
|
|
2945
3104
|
whileElementsMounted: dom.autoUpdate,
|
|
2946
|
-
middleware: [
|
|
2947
|
-
|
|
2948
|
-
|
|
3105
|
+
middleware: [
|
|
3106
|
+
dom.offset(10),
|
|
3107
|
+
dom.flip({
|
|
3108
|
+
fallbackPlacements: props.fallbackPlacements
|
|
3109
|
+
}),
|
|
3110
|
+
// Configure shift to prevent layout overflow and UI shifts
|
|
3111
|
+
dom.shift({
|
|
3112
|
+
padding: 8,
|
|
3113
|
+
crossAxis: false,
|
|
3114
|
+
// Prevent horizontal shifting that causes layout gaps
|
|
3115
|
+
mainAxis: true
|
|
3116
|
+
// Allow vertical shifting only
|
|
3117
|
+
})
|
|
3118
|
+
]
|
|
2949
3119
|
});
|
|
2950
3120
|
const floatingStyles = solidJs.createMemo(() => {
|
|
2951
3121
|
var _a2, _b;
|
|
@@ -2956,10 +3126,18 @@ function PopoverRoot(props) {
|
|
|
2956
3126
|
};
|
|
2957
3127
|
});
|
|
2958
3128
|
const onClose = () => {
|
|
2959
|
-
onOpenChange
|
|
3129
|
+
if (props.onOpenChange) {
|
|
3130
|
+
props.onOpenChange(false);
|
|
3131
|
+
return;
|
|
3132
|
+
}
|
|
3133
|
+
setUncontrolledIsOpen(false);
|
|
2960
3134
|
};
|
|
2961
3135
|
const onToggle = () => {
|
|
2962
|
-
onOpenChange
|
|
3136
|
+
if (props.onOpenChange) {
|
|
3137
|
+
props.onOpenChange(!props.open);
|
|
3138
|
+
return;
|
|
3139
|
+
}
|
|
3140
|
+
setUncontrolledIsOpen((prev) => !prev);
|
|
2963
3141
|
};
|
|
2964
3142
|
return web.createComponent(PopoverContext.Provider, {
|
|
2965
3143
|
value: {
|
|
@@ -2986,7 +3164,7 @@ function usePopover() {
|
|
|
2986
3164
|
}
|
|
2987
3165
|
|
|
2988
3166
|
// src/ui/components/primitives/Popover/PopoverContent.tsx
|
|
2989
|
-
var _tmpl$
|
|
3167
|
+
var _tmpl$38 = /* @__PURE__ */ web.template(`<div>`);
|
|
2990
3168
|
var popoverContentVariants = () => cn("nt-w-[400px] nt-h-[600px] nt-rounded-xl nt-bg-background", "nt-shadow-popover nt-animate-in nt-slide-in-from-top-2 nt-fade-in nt-cursor-default nt-flex nt-flex-col nt-overflow-hidden nt-border nt-border-border nt-z-10");
|
|
2991
3169
|
var PopoverContentBody = (props) => {
|
|
2992
3170
|
const {
|
|
@@ -3009,7 +3187,7 @@ var PopoverContentBody = (props) => {
|
|
|
3009
3187
|
});
|
|
3010
3188
|
});
|
|
3011
3189
|
return (() => {
|
|
3012
|
-
var _el$ = _tmpl$
|
|
3190
|
+
var _el$ = _tmpl$38();
|
|
3013
3191
|
web.use(setFloating, _el$);
|
|
3014
3192
|
web.spread(_el$, web.mergeProps({
|
|
3015
3193
|
get ["class"]() {
|
|
@@ -3085,7 +3263,7 @@ var PopoverContent = (props) => {
|
|
|
3085
3263
|
}
|
|
3086
3264
|
});
|
|
3087
3265
|
};
|
|
3088
|
-
var _tmpl$
|
|
3266
|
+
var _tmpl$39 = /* @__PURE__ */ web.template(`<button>`);
|
|
3089
3267
|
var PopoverTrigger = (props) => {
|
|
3090
3268
|
const {
|
|
3091
3269
|
setReference,
|
|
@@ -3113,7 +3291,7 @@ var PopoverTrigger = (props) => {
|
|
|
3113
3291
|
}, rest));
|
|
3114
3292
|
}
|
|
3115
3293
|
return (() => {
|
|
3116
|
-
var _el$ = _tmpl$
|
|
3294
|
+
var _el$ = _tmpl$39();
|
|
3117
3295
|
_el$.$$click = handleClick;
|
|
3118
3296
|
var _ref$2 = ref();
|
|
3119
3297
|
typeof _ref$2 === "function" && web.use(_ref$2, _el$);
|
|
@@ -3293,7 +3471,7 @@ var useKeyboardNavigation = ({
|
|
|
3293
3471
|
};
|
|
3294
3472
|
|
|
3295
3473
|
// src/ui/components/primitives/Tabs/TabsRoot.tsx
|
|
3296
|
-
var _tmpl$
|
|
3474
|
+
var _tmpl$40 = /* @__PURE__ */ web.template(`<div>`);
|
|
3297
3475
|
var TabsContext = solidJs.createContext(void 0);
|
|
3298
3476
|
var useTabsContext = () => {
|
|
3299
3477
|
const context = solidJs.useContext(TabsContext);
|
|
@@ -3332,7 +3510,7 @@ var TabsRoot = (props) => {
|
|
|
3332
3510
|
setVisibleTabs
|
|
3333
3511
|
},
|
|
3334
3512
|
get children() {
|
|
3335
|
-
var _el$ = _tmpl$
|
|
3513
|
+
var _el$ = _tmpl$40();
|
|
3336
3514
|
web.use(setTabsContainer, _el$);
|
|
3337
3515
|
web.spread(_el$, web.mergeProps({
|
|
3338
3516
|
get ["class"]() {
|
|
@@ -3349,7 +3527,7 @@ var TabsRoot = (props) => {
|
|
|
3349
3527
|
};
|
|
3350
3528
|
|
|
3351
3529
|
// src/ui/components/primitives/Tabs/TabsContent.tsx
|
|
3352
|
-
var _tmpl$
|
|
3530
|
+
var _tmpl$41 = /* @__PURE__ */ web.template(`<div role=tabpanel>`);
|
|
3353
3531
|
var TabsContent = (props) => {
|
|
3354
3532
|
const [local, rest] = solidJs.splitProps(props, ["value", "class", "appearanceKey", "children"]);
|
|
3355
3533
|
const style = useStyle();
|
|
@@ -3361,7 +3539,7 @@ var TabsContent = (props) => {
|
|
|
3361
3539
|
return activeTab() === local.value;
|
|
3362
3540
|
},
|
|
3363
3541
|
get children() {
|
|
3364
|
-
var _el$ = _tmpl$
|
|
3542
|
+
var _el$ = _tmpl$41();
|
|
3365
3543
|
web.spread(_el$, web.mergeProps({
|
|
3366
3544
|
get ["class"]() {
|
|
3367
3545
|
return style({
|
|
@@ -3384,14 +3562,14 @@ var TabsContent = (props) => {
|
|
|
3384
3562
|
}
|
|
3385
3563
|
});
|
|
3386
3564
|
};
|
|
3387
|
-
var _tmpl$
|
|
3388
|
-
var _tmpl$
|
|
3565
|
+
var _tmpl$43 = /* @__PURE__ */ web.template(`<div role=tablist>`);
|
|
3566
|
+
var _tmpl$213 = /* @__PURE__ */ web.template(`<div class="nt-relative nt-z-[-1]">`);
|
|
3389
3567
|
var tabsListVariants = () => "nt-flex nt-gap-6";
|
|
3390
3568
|
var TabsList = (props) => {
|
|
3391
3569
|
const [local, rest] = solidJs.splitProps(props, ["class", "appearanceKey", "ref", "children"]);
|
|
3392
3570
|
const style = useStyle();
|
|
3393
3571
|
return [(() => {
|
|
3394
|
-
var _el$ = _tmpl$
|
|
3572
|
+
var _el$ = _tmpl$43();
|
|
3395
3573
|
var _ref$ = local.ref;
|
|
3396
3574
|
typeof _ref$ === "function" ? web.use(_ref$, _el$) : local.ref = _el$;
|
|
3397
3575
|
web.spread(_el$, web.mergeProps({
|
|
@@ -3404,7 +3582,7 @@ var TabsList = (props) => {
|
|
|
3404
3582
|
}, rest), false, true);
|
|
3405
3583
|
web.insert(_el$, () => local.children);
|
|
3406
3584
|
return _el$;
|
|
3407
|
-
})(), _tmpl$
|
|
3585
|
+
})(), _tmpl$213()];
|
|
3408
3586
|
};
|
|
3409
3587
|
var tabsTriggerVariants = () => cn("nt-relative nt-transition nt-outline-none nt-text-foreground-alpha-600 nt-pb-[0.625rem]", `after:nt-absolute after:nt-content-[''] after:nt-bottom-0 after:nt-left-0 after:nt-w-full after:nt-h-[2px]`, "after:nt-transition-opacity after:nt-duration-200", "data-[state=active]:after:nt-border-b-2 data-[state=active]:after:nt-border-primary data-[state=active]:after:nt-opacity-100", "data-[state=active]:nt-text-foreground after:nt-border-b-transparent after:nt-opacity-0", "focus-visible:nt-outline-none focus-visible:nt-rounded-lg focus-visible:nt-ring-2 focus-visible:nt-ring-ring focus-visible:nt-ring-offset-2");
|
|
3410
3588
|
var TabsTrigger = (props) => {
|
|
@@ -3464,6 +3642,172 @@ var Tabs = {
|
|
|
3464
3642
|
Trigger: TabsTrigger,
|
|
3465
3643
|
Content: TabsContent
|
|
3466
3644
|
};
|
|
3645
|
+
var _tmpl$44 = /* @__PURE__ */ web.template(`<input>`);
|
|
3646
|
+
var inputVariants = classVarianceAuthority.cva(cn(`focus-visible:nt-outline-none focus-visible:nt-ring-2 focus-visible:nt-rounded-md focus-visible:nt-ring-ring focus-visible:nt-ring-offset-2`), {
|
|
3647
|
+
variants: {
|
|
3648
|
+
variant: {
|
|
3649
|
+
default: "nt-border nt-border-neutral-200 nt-rounded-md nt-p-1 nt-bg-background"
|
|
3650
|
+
},
|
|
3651
|
+
size: {
|
|
3652
|
+
default: "nt-h-9",
|
|
3653
|
+
sm: "nt-h-8 nt-text-sm",
|
|
3654
|
+
xs: "nt-h-7 nt-text-xs"
|
|
3655
|
+
}
|
|
3656
|
+
},
|
|
3657
|
+
defaultVariants: {
|
|
3658
|
+
variant: "default",
|
|
3659
|
+
size: "default"
|
|
3660
|
+
}
|
|
3661
|
+
});
|
|
3662
|
+
var Input2 = (props) => {
|
|
3663
|
+
const [local, rest] = solidJs.splitProps(props, ["class", "appearanceKey"]);
|
|
3664
|
+
const style = useStyle();
|
|
3665
|
+
return (() => {
|
|
3666
|
+
var _el$ = _tmpl$44();
|
|
3667
|
+
web.spread(_el$, web.mergeProps({
|
|
3668
|
+
get ["data-variant"]() {
|
|
3669
|
+
return props.variant;
|
|
3670
|
+
},
|
|
3671
|
+
get ["data-size"]() {
|
|
3672
|
+
return props.size;
|
|
3673
|
+
},
|
|
3674
|
+
get ["class"]() {
|
|
3675
|
+
return style({
|
|
3676
|
+
key: local.appearanceKey || "input",
|
|
3677
|
+
className: cn(inputVariants({
|
|
3678
|
+
variant: props.variant,
|
|
3679
|
+
size: props.size
|
|
3680
|
+
}), local.class)
|
|
3681
|
+
});
|
|
3682
|
+
}
|
|
3683
|
+
}, rest), false, false);
|
|
3684
|
+
return _el$;
|
|
3685
|
+
})();
|
|
3686
|
+
};
|
|
3687
|
+
|
|
3688
|
+
// src/ui/components/primitives/TimeSelect.tsx
|
|
3689
|
+
var _tmpl$45 = /* @__PURE__ */ web.template(`<span class=nt-text-sm>`);
|
|
3690
|
+
var _tmpl$214 = /* @__PURE__ */ web.template(`<span><span>`);
|
|
3691
|
+
var _tmpl$310 = /* @__PURE__ */ web.template(`<span>`);
|
|
3692
|
+
var hours = Array.from({
|
|
3693
|
+
length: 48
|
|
3694
|
+
}, (_, i) => {
|
|
3695
|
+
const hour = Math.floor(i / 2);
|
|
3696
|
+
const minute = i % 2 === 0 ? "00" : "30";
|
|
3697
|
+
const period = hour < 12 ? "AM" : "PM";
|
|
3698
|
+
const displayHour = hour === 0 ? 12 : hour > 12 ? hour - 12 : hour;
|
|
3699
|
+
const formattedHour = displayHour.toString().padStart(2, "0");
|
|
3700
|
+
return `${formattedHour}:${minute} ${period}`;
|
|
3701
|
+
});
|
|
3702
|
+
var TimeSelectItem = (props) => {
|
|
3703
|
+
const style = useStyle();
|
|
3704
|
+
return web.createComponent(Dropdown.Item, {
|
|
3705
|
+
get ["class"]() {
|
|
3706
|
+
return style({
|
|
3707
|
+
key: "timeSelect__dropdownItem",
|
|
3708
|
+
className: cn(dropdownItemVariants(), "nt-flex nt-gap-2 nt-justify-between")
|
|
3709
|
+
});
|
|
3710
|
+
},
|
|
3711
|
+
get onClick() {
|
|
3712
|
+
return props.onClick;
|
|
3713
|
+
},
|
|
3714
|
+
get children() {
|
|
3715
|
+
return [(() => {
|
|
3716
|
+
var _el$ = _tmpl$45();
|
|
3717
|
+
web.insert(_el$, () => props.hour);
|
|
3718
|
+
return _el$;
|
|
3719
|
+
})(), web.createComponent(solidJs.Show, {
|
|
3720
|
+
get when() {
|
|
3721
|
+
return props.isSelected;
|
|
3722
|
+
},
|
|
3723
|
+
get children() {
|
|
3724
|
+
return web.createComponent(IconRenderer, {
|
|
3725
|
+
iconKey: "check",
|
|
3726
|
+
get ["class"]() {
|
|
3727
|
+
return style({
|
|
3728
|
+
key: "timeSelect__dropdownItemCheck__icon",
|
|
3729
|
+
className: "nt-size-2.5 -nt-mt-[2px]",
|
|
3730
|
+
iconKey: "check"
|
|
3731
|
+
});
|
|
3732
|
+
},
|
|
3733
|
+
fallback: Check
|
|
3734
|
+
});
|
|
3735
|
+
}
|
|
3736
|
+
})];
|
|
3737
|
+
}
|
|
3738
|
+
});
|
|
3739
|
+
};
|
|
3740
|
+
var TimeSelect = (props) => {
|
|
3741
|
+
const style = useStyle();
|
|
3742
|
+
const time = solidJs.createMemo(() => {
|
|
3743
|
+
var _a;
|
|
3744
|
+
return (_a = props.value) == null ? void 0 : _a.split(" ")[0];
|
|
3745
|
+
});
|
|
3746
|
+
const amPm = solidJs.createMemo(() => {
|
|
3747
|
+
var _a;
|
|
3748
|
+
if (!time()) return "";
|
|
3749
|
+
return ((_a = props.value) == null ? void 0 : _a.split(" ")[1]) === "PM" ? "PM" : "AM";
|
|
3750
|
+
});
|
|
3751
|
+
return web.createComponent(Dropdown.Root, {
|
|
3752
|
+
get children() {
|
|
3753
|
+
return [web.createComponent(Dropdown.Trigger, {
|
|
3754
|
+
get disabled() {
|
|
3755
|
+
return props.disabled;
|
|
3756
|
+
},
|
|
3757
|
+
get ["class"]() {
|
|
3758
|
+
return style({
|
|
3759
|
+
key: "timeSelect__dropdownTrigger",
|
|
3760
|
+
className: "nt-w-full"
|
|
3761
|
+
});
|
|
3762
|
+
},
|
|
3763
|
+
get children() {
|
|
3764
|
+
var _el$2 = _tmpl$214(), _el$3 = _el$2.firstChild;
|
|
3765
|
+
web.insert(_el$3, () => {
|
|
3766
|
+
var _a;
|
|
3767
|
+
return (_a = time()) != null ? _a : "-";
|
|
3768
|
+
});
|
|
3769
|
+
web.insert(_el$2, (() => {
|
|
3770
|
+
var _c$ = web.memo(() => !!amPm());
|
|
3771
|
+
return () => _c$() && (() => {
|
|
3772
|
+
var _el$4 = _tmpl$310();
|
|
3773
|
+
web.insert(_el$4, amPm);
|
|
3774
|
+
return _el$4;
|
|
3775
|
+
})();
|
|
3776
|
+
})(), null);
|
|
3777
|
+
web.effect(() => web.className(_el$2, style({
|
|
3778
|
+
key: "timeSelect__time",
|
|
3779
|
+
className: cn(inputVariants({
|
|
3780
|
+
size: "xs",
|
|
3781
|
+
variant: "default"
|
|
3782
|
+
}), "nt-min-w-[74px] nt-flex nt-px-2 nt-py-1.5 nt-items-center nt-justify-between nt-w-full nt-text-sm", {
|
|
3783
|
+
"nt-justify-center nt-text-neutral-alpha-500": props.disabled || !time()
|
|
3784
|
+
})
|
|
3785
|
+
})));
|
|
3786
|
+
return _el$2;
|
|
3787
|
+
}
|
|
3788
|
+
}), web.createComponent(Dropdown.Content, {
|
|
3789
|
+
portal: true,
|
|
3790
|
+
appearanceKey: "timeSelect__dropdownContent",
|
|
3791
|
+
"class": "-nt-mt-2 nt-rounded-md nt-min-w-[120px] nt-max-w-[120px] nt-max-h-[160px] nt-overflow-y-auto",
|
|
3792
|
+
get children() {
|
|
3793
|
+
return web.createComponent(solidJs.For, {
|
|
3794
|
+
each: hours,
|
|
3795
|
+
children: (hour) => web.createComponent(TimeSelectItem, {
|
|
3796
|
+
hour,
|
|
3797
|
+
get isSelected() {
|
|
3798
|
+
return props.value === hour;
|
|
3799
|
+
},
|
|
3800
|
+
onClick: () => {
|
|
3801
|
+
var _a;
|
|
3802
|
+
return (_a = props.onChange) == null ? void 0 : _a.call(props, hour);
|
|
3803
|
+
}
|
|
3804
|
+
})
|
|
3805
|
+
});
|
|
3806
|
+
}
|
|
3807
|
+
})];
|
|
3808
|
+
}
|
|
3809
|
+
});
|
|
3810
|
+
};
|
|
3467
3811
|
|
|
3468
3812
|
// src/ui/components/elements/InboxStatus/constants.ts
|
|
3469
3813
|
var notificationStatusOptionsLocalizationKeys = {
|
|
@@ -3478,8 +3822,8 @@ var inboxFilterLocalizationKeys = {
|
|
|
3478
3822
|
archived: "inbox.filters.labels.archived",
|
|
3479
3823
|
snoozed: "inbox.filters.labels.snoozed"
|
|
3480
3824
|
};
|
|
3481
|
-
var _tmpl$
|
|
3482
|
-
var _tmpl$
|
|
3825
|
+
var _tmpl$46 = /* @__PURE__ */ web.template(`<span><span>`);
|
|
3826
|
+
var _tmpl$215 = /* @__PURE__ */ web.template(`<span>`);
|
|
3483
3827
|
var cases = [{
|
|
3484
3828
|
status: "unreadRead" /* UNREAD_READ */,
|
|
3485
3829
|
iconKey: "unread",
|
|
@@ -3554,7 +3898,7 @@ var StatusItem = (props) => {
|
|
|
3554
3898
|
},
|
|
3555
3899
|
get children() {
|
|
3556
3900
|
return [(() => {
|
|
3557
|
-
var _el$ = _tmpl$
|
|
3901
|
+
var _el$ = _tmpl$46(), _el$2 = _el$.firstChild;
|
|
3558
3902
|
web.insert(_el$, web.createComponent(IconRendererWrapper, {
|
|
3559
3903
|
get iconKey() {
|
|
3560
3904
|
return props.iconKey;
|
|
@@ -3562,7 +3906,7 @@ var StatusItem = (props) => {
|
|
|
3562
3906
|
"class": itemIconClass,
|
|
3563
3907
|
get fallback() {
|
|
3564
3908
|
return (() => {
|
|
3565
|
-
var _el$3 = _tmpl$
|
|
3909
|
+
var _el$3 = _tmpl$215();
|
|
3566
3910
|
web.className(_el$3, itemIconClass);
|
|
3567
3911
|
web.insert(_el$3, () => props.icon());
|
|
3568
3912
|
return _el$3;
|
|
@@ -3609,7 +3953,7 @@ var StatusItem = (props) => {
|
|
|
3609
3953
|
};
|
|
3610
3954
|
|
|
3611
3955
|
// src/ui/components/elements/InboxStatus/InboxStatusDropdown.tsx
|
|
3612
|
-
var _tmpl$
|
|
3956
|
+
var _tmpl$47 = /* @__PURE__ */ web.template(`<span>`);
|
|
3613
3957
|
var StatusDropdown = () => {
|
|
3614
3958
|
const style = useStyle();
|
|
3615
3959
|
const {
|
|
@@ -3642,7 +3986,7 @@ var StatusDropdown = () => {
|
|
|
3642
3986
|
}, triggerProps, {
|
|
3643
3987
|
get children() {
|
|
3644
3988
|
return [(() => {
|
|
3645
|
-
var _el$ = _tmpl$
|
|
3989
|
+
var _el$ = _tmpl$47();
|
|
3646
3990
|
web.insert(_el$, () => t(inboxFilterLocalizationKeys[status()]));
|
|
3647
3991
|
web.effect((_p$) => {
|
|
3648
3992
|
var _v$ = inboxFilterLocalizationKeys[status()], _v$2 = style({
|
|
@@ -3733,7 +4077,7 @@ var useNotificationsInfiniteScroll = (props) => {
|
|
|
3733
4077
|
);
|
|
3734
4078
|
solidJs.onMount(() => {
|
|
3735
4079
|
const listener = ({ data: data2 }) => {
|
|
3736
|
-
if (!data2 || !
|
|
4080
|
+
if (!data2 || !chunkTWUFZL5G_js.isSameFilter(filter, data2.filter)) {
|
|
3737
4081
|
return;
|
|
3738
4082
|
}
|
|
3739
4083
|
mutate({ data: data2.notifications, hasMore: data2.hasMore });
|
|
@@ -3743,7 +4087,7 @@ var useNotificationsInfiniteScroll = (props) => {
|
|
|
3743
4087
|
});
|
|
3744
4088
|
solidJs.createEffect(() => chunk7B52C2XE_js.__async(void 0, null, function* () {
|
|
3745
4089
|
const newFilter = chunk7B52C2XE_js.__spreadValues({}, props.options());
|
|
3746
|
-
if (
|
|
4090
|
+
if (chunkTWUFZL5G_js.isSameFilter(filter, newFilter)) {
|
|
3747
4091
|
return;
|
|
3748
4092
|
}
|
|
3749
4093
|
novu.notifications.clearCache();
|
|
@@ -3803,7 +4147,7 @@ var useReadAll = (props) => {
|
|
|
3803
4147
|
};
|
|
3804
4148
|
|
|
3805
4149
|
// src/ui/components/elements/Header/MoreActionsOptions.tsx
|
|
3806
|
-
var _tmpl$
|
|
4150
|
+
var _tmpl$48 = /* @__PURE__ */ web.template(`<span>`);
|
|
3807
4151
|
var iconKeyToComponentMap = {
|
|
3808
4152
|
markAsRead: MarkAsRead,
|
|
3809
4153
|
markAsArchived: MarkAsArchived,
|
|
@@ -3878,7 +4222,7 @@ var ActionsItem = (props) => {
|
|
|
3878
4222
|
});
|
|
3879
4223
|
}
|
|
3880
4224
|
}), (() => {
|
|
3881
|
-
var _el$ = _tmpl$
|
|
4225
|
+
var _el$ = _tmpl$48();
|
|
3882
4226
|
web.insert(_el$, () => t(props.localizationKey));
|
|
3883
4227
|
web.effect((_p$) => {
|
|
3884
4228
|
var _v$ = props.localizationKey, _v$2 = style({
|
|
@@ -3951,7 +4295,7 @@ var MoreActionsDropdown = () => {
|
|
|
3951
4295
|
};
|
|
3952
4296
|
|
|
3953
4297
|
// src/ui/components/elements/Header/ActionsContainer.tsx
|
|
3954
|
-
var _tmpl$
|
|
4298
|
+
var _tmpl$49 = /* @__PURE__ */ web.template(`<div>`);
|
|
3955
4299
|
var ActionsContainer = (props) => {
|
|
3956
4300
|
const style = useStyle();
|
|
3957
4301
|
const cogsIconClass = style({
|
|
@@ -3960,7 +4304,7 @@ var ActionsContainer = (props) => {
|
|
|
3960
4304
|
iconKey: "cogs"
|
|
3961
4305
|
});
|
|
3962
4306
|
return (() => {
|
|
3963
|
-
var _el$ = _tmpl$
|
|
4307
|
+
var _el$ = _tmpl$49();
|
|
3964
4308
|
web.insert(_el$, web.createComponent(MoreActionsDropdown, {}), null);
|
|
3965
4309
|
web.insert(_el$, web.createComponent(solidJs.Show, {
|
|
3966
4310
|
get when() {
|
|
@@ -3995,11 +4339,11 @@ var ActionsContainer = (props) => {
|
|
|
3995
4339
|
};
|
|
3996
4340
|
|
|
3997
4341
|
// src/ui/components/elements/Header/Header.tsx
|
|
3998
|
-
var _tmpl$
|
|
4342
|
+
var _tmpl$50 = /* @__PURE__ */ web.template(`<div>`);
|
|
3999
4343
|
var Header = (props) => {
|
|
4000
4344
|
const style = useStyle();
|
|
4001
4345
|
return (() => {
|
|
4002
|
-
var _el$ = _tmpl$
|
|
4346
|
+
var _el$ = _tmpl$50();
|
|
4003
4347
|
web.insert(_el$, web.createComponent(StatusDropdown, {}), null);
|
|
4004
4348
|
web.insert(_el$, web.createComponent(ActionsContainer, {
|
|
4005
4349
|
get showPreferences() {
|
|
@@ -4013,12 +4357,12 @@ var Header = (props) => {
|
|
|
4013
4357
|
return _el$;
|
|
4014
4358
|
})();
|
|
4015
4359
|
};
|
|
4016
|
-
var _tmpl$
|
|
4017
|
-
var _tmpl$
|
|
4360
|
+
var _tmpl$51 = /* @__PURE__ */ web.template(`<div>`);
|
|
4361
|
+
var _tmpl$216 = /* @__PURE__ */ web.template(`<div><div></div><div>`);
|
|
4018
4362
|
var SkeletonText = (props) => {
|
|
4019
4363
|
const style = useStyle();
|
|
4020
4364
|
return (() => {
|
|
4021
|
-
var _el$ = _tmpl$
|
|
4365
|
+
var _el$ = _tmpl$51();
|
|
4022
4366
|
web.effect(() => web.className(_el$, style({
|
|
4023
4367
|
key: props.appearanceKey,
|
|
4024
4368
|
className: cn("nt-w-full nt-h-3 nt-rounded nt-bg-gradient-to-r nt-from-foreground-alpha-50 nt-to-transparent", props.class)
|
|
@@ -4029,7 +4373,7 @@ var SkeletonText = (props) => {
|
|
|
4029
4373
|
var SkeletonAvatar = (props) => {
|
|
4030
4374
|
const style = useStyle();
|
|
4031
4375
|
return (() => {
|
|
4032
|
-
var _el$2 = _tmpl$
|
|
4376
|
+
var _el$2 = _tmpl$51();
|
|
4033
4377
|
web.effect(() => web.className(_el$2, style({
|
|
4034
4378
|
key: props.appearanceKey,
|
|
4035
4379
|
className: cn("nt-size-8 nt-rounded-lg nt-bg-gradient-to-r nt-from-foreground-alpha-50 nt-to-transparent", props.class)
|
|
@@ -4040,7 +4384,7 @@ var SkeletonAvatar = (props) => {
|
|
|
4040
4384
|
var SkeletonSwitch = (props) => {
|
|
4041
4385
|
const style = useStyle();
|
|
4042
4386
|
return (() => {
|
|
4043
|
-
var _el$3 = _tmpl$
|
|
4387
|
+
var _el$3 = _tmpl$216(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
|
|
4044
4388
|
web.effect((_p$) => {
|
|
4045
4389
|
var _v$ = style({
|
|
4046
4390
|
key: props.appearanceKey,
|
|
@@ -4066,7 +4410,7 @@ var SkeletonSwitch = (props) => {
|
|
|
4066
4410
|
};
|
|
4067
4411
|
|
|
4068
4412
|
// src/ui/components/elements/Preferences/PreferencesListSkeleton.tsx
|
|
4069
|
-
var _tmpl$
|
|
4413
|
+
var _tmpl$53 = /* @__PURE__ */ web.template(`<div>`);
|
|
4070
4414
|
var channelIcons = [InApp, Email, Sms, Push, Chat];
|
|
4071
4415
|
var PreferencesListSkeleton = (props) => {
|
|
4072
4416
|
const style = useStyle();
|
|
@@ -4074,7 +4418,7 @@ var PreferencesListSkeleton = (props) => {
|
|
|
4074
4418
|
t
|
|
4075
4419
|
} = useLocalization();
|
|
4076
4420
|
return (() => {
|
|
4077
|
-
var _el$ = _tmpl$
|
|
4421
|
+
var _el$ = _tmpl$53();
|
|
4078
4422
|
web.insert(_el$, web.createComponent(Motion.div, {
|
|
4079
4423
|
get animate() {
|
|
4080
4424
|
return {
|
|
@@ -4125,7 +4469,7 @@ var PreferencesListSkeleton = (props) => {
|
|
|
4125
4469
|
});
|
|
4126
4470
|
}
|
|
4127
4471
|
}), (() => {
|
|
4128
|
-
var _el$3 = _tmpl$
|
|
4472
|
+
var _el$3 = _tmpl$53();
|
|
4129
4473
|
web.insert(_el$3, web.createComponent(SkeletonText, {
|
|
4130
4474
|
appearanceKey: "notificationList__skeletonText",
|
|
4131
4475
|
"class": "nt-h-2 nt-w-1/3 nt-bg-neutral-alpha-50 nt-rounded"
|
|
@@ -4146,7 +4490,7 @@ var PreferencesListSkeleton = (props) => {
|
|
|
4146
4490
|
}
|
|
4147
4491
|
});
|
|
4148
4492
|
})), (() => {
|
|
4149
|
-
var _el$2 = _tmpl$
|
|
4493
|
+
var _el$2 = _tmpl$53();
|
|
4150
4494
|
web.effect(() => web.className(_el$2, style({
|
|
4151
4495
|
key: "notificationListEmptyNoticeOverlay",
|
|
4152
4496
|
className: "nt-absolute nt-size-full nt-z-10 nt-inset-0 nt-bg-gradient-to-b nt-from-transparent nt-to-background"
|
|
@@ -4198,15 +4542,15 @@ var PreferencesListSkeleton = (props) => {
|
|
|
4198
4542
|
return _el$;
|
|
4199
4543
|
})();
|
|
4200
4544
|
};
|
|
4201
|
-
var _tmpl$
|
|
4545
|
+
var _tmpl$54 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 14 14"><path fill=currentColor d="M2.8 8.575V5.162a2.362 2.362 0 1 1 4.725 0v3.675a1.313 1.313 0 1 0 2.625 0V5.335a1.575 1.575 0 1 1 1.05 0v3.502a2.362 2.362 0 1 1-4.725 0V5.162a1.312 1.312 0 1 0-2.625 0v3.413h1.575l-2.1 2.625-2.1-2.625H2.8Z"></path><path fill=url(#a) d="M2.8 8.575V5.162a2.362 2.362 0 1 1 4.725 0v3.675a1.313 1.313 0 1 0 2.625 0V5.335a1.575 1.575 0 1 1 1.05 0v3.502a2.362 2.362 0 1 1-4.725 0V5.162a1.312 1.312 0 1 0-2.625 0v3.413h1.575l-2.1 2.625-2.1-2.625H2.8Z"></path><defs><linearGradient id=a x1=1.225 x2=12.251 y1=6.722 y2=6.779 gradientUnits=userSpaceOnUse><stop stop-color=currentColor></stop><stop offset=1 stop-color=currentColor>`);
|
|
4202
4546
|
var RouteFill = (props) => {
|
|
4203
4547
|
return (() => {
|
|
4204
|
-
var _el$ = _tmpl$
|
|
4548
|
+
var _el$ = _tmpl$54();
|
|
4205
4549
|
web.spread(_el$, props, true, true);
|
|
4206
4550
|
return _el$;
|
|
4207
4551
|
})();
|
|
4208
4552
|
};
|
|
4209
|
-
var _tmpl$
|
|
4553
|
+
var _tmpl$55 = /* @__PURE__ */ web.template(`<div><div>`);
|
|
4210
4554
|
var isInterpolateSizeSupported = () => {
|
|
4211
4555
|
return CSS.supports("interpolate-size", "allow-keywords");
|
|
4212
4556
|
};
|
|
@@ -4239,7 +4583,7 @@ var Collapsible = (props) => {
|
|
|
4239
4583
|
return props.open ? `${scrollHeight()}px` : "0px";
|
|
4240
4584
|
};
|
|
4241
4585
|
return (() => {
|
|
4242
|
-
var _el$ = _tmpl$
|
|
4586
|
+
var _el$ = _tmpl$55(), _el$2 = _el$.firstChild;
|
|
4243
4587
|
web.spread(_el$, web.mergeProps({
|
|
4244
4588
|
get ["class"]() {
|
|
4245
4589
|
return style({
|
|
@@ -4262,8 +4606,8 @@ var Collapsible = (props) => {
|
|
|
4262
4606
|
return _el$;
|
|
4263
4607
|
})();
|
|
4264
4608
|
};
|
|
4265
|
-
var _tmpl$
|
|
4266
|
-
var
|
|
4609
|
+
var _tmpl$56 = /* @__PURE__ */ web.template(`<label><input type=checkbox class=nt-sr-only><div>`);
|
|
4610
|
+
var Switch2 = (props) => {
|
|
4267
4611
|
const style = useStyle();
|
|
4268
4612
|
const handleChange = () => {
|
|
4269
4613
|
var _a;
|
|
@@ -4288,7 +4632,7 @@ var Switch = (props) => {
|
|
|
4288
4632
|
const state = () => props.state;
|
|
4289
4633
|
const disabled = () => props.disabled;
|
|
4290
4634
|
return (() => {
|
|
4291
|
-
var _el$ = _tmpl$
|
|
4635
|
+
var _el$ = _tmpl$56(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
|
|
4292
4636
|
_el$2.addEventListener("change", handleChange);
|
|
4293
4637
|
web.effect((_p$) => {
|
|
4294
4638
|
var _v$ = style({
|
|
@@ -4320,7 +4664,7 @@ var Switch = (props) => {
|
|
|
4320
4664
|
};
|
|
4321
4665
|
|
|
4322
4666
|
// src/ui/components/elements/Preferences/ChannelRow.tsx
|
|
4323
|
-
var _tmpl$
|
|
4667
|
+
var _tmpl$57 = /* @__PURE__ */ web.template(`<div><div><div></div><span></span></div><div>`);
|
|
4324
4668
|
var ChannelRow = (props) => {
|
|
4325
4669
|
const style = useStyle();
|
|
4326
4670
|
const updatePreference = (enabled) => chunk7B52C2XE_js.__async(void 0, null, function* () {
|
|
@@ -4334,7 +4678,7 @@ var ChannelRow = (props) => {
|
|
|
4334
4678
|
const state = () => props.channel.state;
|
|
4335
4679
|
const channel = () => props.channel.channel;
|
|
4336
4680
|
return (() => {
|
|
4337
|
-
var _el$ = _tmpl$
|
|
4681
|
+
var _el$ = _tmpl$57(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling;
|
|
4338
4682
|
web.insert(_el$3, web.createComponent(ChannelIcon, {
|
|
4339
4683
|
appearanceKey: "channel__icon",
|
|
4340
4684
|
get channel() {
|
|
@@ -4349,7 +4693,7 @@ var ChannelRow = (props) => {
|
|
|
4349
4693
|
}
|
|
4350
4694
|
}));
|
|
4351
4695
|
web.insert(_el$4, () => getLabel(channel()));
|
|
4352
|
-
web.insert(_el$5, web.createComponent(
|
|
4696
|
+
web.insert(_el$5, web.createComponent(Switch2, {
|
|
4353
4697
|
get state() {
|
|
4354
4698
|
return state();
|
|
4355
4699
|
},
|
|
@@ -4537,9 +4881,9 @@ var getLabel = (channel) => {
|
|
|
4537
4881
|
};
|
|
4538
4882
|
|
|
4539
4883
|
// src/ui/components/elements/Preferences/PreferencesRow.tsx
|
|
4540
|
-
var _tmpl$
|
|
4541
|
-
var _tmpl$
|
|
4542
|
-
var _tmpl$
|
|
4884
|
+
var _tmpl$58 = /* @__PURE__ */ web.template(`<div>`);
|
|
4885
|
+
var _tmpl$217 = /* @__PURE__ */ web.template(`<div><div><div><div><span></span></div></div><span>`);
|
|
4886
|
+
var _tmpl$311 = /* @__PURE__ */ web.template(`<span>`);
|
|
4543
4887
|
var iconKeyToComponentMap2 = {
|
|
4544
4888
|
cogs: Cogs,
|
|
4545
4889
|
routeFill: RouteFill
|
|
@@ -4566,7 +4910,7 @@ var PreferencesRow = (props) => {
|
|
|
4566
4910
|
return channels().length > 0;
|
|
4567
4911
|
},
|
|
4568
4912
|
get children() {
|
|
4569
|
-
var _el$ = _tmpl$
|
|
4913
|
+
var _el$ = _tmpl$217(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$3.nextSibling;
|
|
4570
4914
|
_el$2.$$click = () => {
|
|
4571
4915
|
setIsOpenChannels((prev) => !prev);
|
|
4572
4916
|
};
|
|
@@ -4651,7 +4995,7 @@ var PreferencesRow = (props) => {
|
|
|
4651
4995
|
return isOpenChannels();
|
|
4652
4996
|
},
|
|
4653
4997
|
get children() {
|
|
4654
|
-
var _el$7 = _tmpl$
|
|
4998
|
+
var _el$7 = _tmpl$58();
|
|
4655
4999
|
web.insert(_el$7, web.createComponent(solidJs.Index, {
|
|
4656
5000
|
get each() {
|
|
4657
5001
|
return channels();
|
|
@@ -4721,7 +5065,7 @@ var PreferencesRow = (props) => {
|
|
|
4721
5065
|
context: {
|
|
4722
5066
|
preference: props.preference
|
|
4723
5067
|
}
|
|
4724
|
-
}), _v$
|
|
5068
|
+
}), _v$0 = isOpenChannels();
|
|
4725
5069
|
_v$ !== _p$.e && web.className(_el$, _p$.e = _v$);
|
|
4726
5070
|
_v$2 !== _p$.t && web.setAttribute(_el$, "data-open", _p$.t = _v$2);
|
|
4727
5071
|
_v$3 !== _p$.a && web.className(_el$2, _p$.a = _v$3);
|
|
@@ -4731,7 +5075,7 @@ var PreferencesRow = (props) => {
|
|
|
4731
5075
|
_v$7 !== _p$.s && web.setAttribute(_el$5, "data-localization", _p$.s = _v$7);
|
|
4732
5076
|
_v$8 !== _p$.h && web.setAttribute(_el$5, "data-open", _p$.h = _v$8);
|
|
4733
5077
|
_v$9 !== _p$.r && web.className(_el$6, _p$.r = _v$9);
|
|
4734
|
-
_v$
|
|
5078
|
+
_v$0 !== _p$.d && web.setAttribute(_el$6, "data-open", _p$.d = _v$0);
|
|
4735
5079
|
return _p$;
|
|
4736
5080
|
}, {
|
|
4737
5081
|
e: void 0,
|
|
@@ -4757,7 +5101,7 @@ var WorkflowDescription = (props) => {
|
|
|
4757
5101
|
if (props.channels[key] !== void 0) {
|
|
4758
5102
|
const isDisabled = !props.channels[key];
|
|
4759
5103
|
const element = (() => {
|
|
4760
|
-
var _el$8 = _tmpl$
|
|
5104
|
+
var _el$8 = _tmpl$311();
|
|
4761
5105
|
web.setAttribute(_el$8, "data-disabled", isDisabled);
|
|
4762
5106
|
web.insert(_el$8, () => getLabel(key));
|
|
4763
5107
|
web.effect(() => web.className(_el$8, style({
|
|
@@ -4775,7 +5119,7 @@ var WorkflowDescription = (props) => {
|
|
|
4775
5119
|
return channels.map((c, index) => [c, web.memo(() => index < channels.length - 1 && ", ")]);
|
|
4776
5120
|
};
|
|
4777
5121
|
return (() => {
|
|
4778
|
-
var _el$9 = _tmpl$
|
|
5122
|
+
var _el$9 = _tmpl$58();
|
|
4779
5123
|
web.insert(_el$9, channelNames);
|
|
4780
5124
|
web.effect(() => web.className(_el$9, style({
|
|
4781
5125
|
key: props.appearanceKey,
|
|
@@ -4828,26 +5172,26 @@ var DefaultPreferences = (props) => {
|
|
|
4828
5172
|
}
|
|
4829
5173
|
});
|
|
4830
5174
|
};
|
|
4831
|
-
var _tmpl$
|
|
5175
|
+
var _tmpl$59 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 16 16"><path fill=currentColor d="M8 13A5 5 0 1 1 8 3a5 5 0 0 1 0 10Zm0-1a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm.5-4.75V9.5H9v1H7v-1h.5V8.25H7v-1h1.5ZM8.75 6a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z">`);
|
|
4832
5176
|
var Info = (props) => {
|
|
4833
5177
|
return (() => {
|
|
4834
|
-
var _el$ = _tmpl$
|
|
5178
|
+
var _el$ = _tmpl$59();
|
|
4835
5179
|
web.spread(_el$, props, true, true);
|
|
4836
5180
|
return _el$;
|
|
4837
5181
|
})();
|
|
4838
5182
|
};
|
|
4839
|
-
var _tmpl$
|
|
5183
|
+
var _tmpl$60 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 14 14"><path fill=currentColor d="M5.95 1.75c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H4.9v1.05h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V7H4.9v3.15h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V11.2h-3.15a.525.525 0 0 1-.525-.525V4.9H2.8a.525.525 0 0 1-.525-.525v-2.1c0-.29.235-.525.525-.525h3.15Zm4.725 8.4h-2.1v1.05h2.1v-1.05Zm0-4.2h-2.1V7h2.1V5.95ZM5.425 2.8h-2.1v1.05h2.1V2.8Z"></path><path fill=url(#a) d="M5.95 1.75c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H4.9v1.05h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V7H4.9v3.15h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V11.2h-3.15a.525.525 0 0 1-.525-.525V4.9H2.8a.525.525 0 0 1-.525-.525v-2.1c0-.29.235-.525.525-.525h3.15Zm4.725 8.4h-2.1v1.05h2.1v-1.05Zm0-4.2h-2.1V7h2.1V5.95ZM5.425 2.8h-2.1v1.05h2.1V2.8Z"></path><defs><linearGradient id=a x1=2.275 x2=11.725 y1=6.982 y2=7.018 gradientUnits=userSpaceOnUse><stop stop-color=currentColor></stop><stop offset=1 stop-color=currentColor>`);
|
|
4840
5184
|
var NodeTree = (props) => {
|
|
4841
5185
|
return (() => {
|
|
4842
|
-
var _el$ = _tmpl$
|
|
5186
|
+
var _el$ = _tmpl$60();
|
|
4843
5187
|
web.spread(_el$, props, true, true);
|
|
4844
5188
|
return _el$;
|
|
4845
5189
|
})();
|
|
4846
5190
|
};
|
|
4847
5191
|
|
|
4848
5192
|
// src/ui/components/elements/Preferences/GroupedPreferencesRow.tsx
|
|
4849
|
-
var _tmpl$
|
|
4850
|
-
var _tmpl$
|
|
5193
|
+
var _tmpl$61 = /* @__PURE__ */ web.template(`<div><div><span data-localization=preferences.group.info></span></div><div>`);
|
|
5194
|
+
var _tmpl$218 = /* @__PURE__ */ web.template(`<div><div><div><span></span></div><div><span>`);
|
|
4851
5195
|
var GroupedPreferencesRow = (props) => {
|
|
4852
5196
|
const style = useStyle();
|
|
4853
5197
|
const {
|
|
@@ -4909,7 +5253,7 @@ var GroupedPreferencesRow = (props) => {
|
|
|
4909
5253
|
return Object.keys(uniqueChannels()).length > 0;
|
|
4910
5254
|
},
|
|
4911
5255
|
get children() {
|
|
4912
|
-
var _el$ = _tmpl$
|
|
5256
|
+
var _el$ = _tmpl$218(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.firstChild;
|
|
4913
5257
|
_el$2.$$click = () => {
|
|
4914
5258
|
setIsOpened((prev) => !prev);
|
|
4915
5259
|
};
|
|
@@ -4939,7 +5283,7 @@ var GroupedPreferencesRow = (props) => {
|
|
|
4939
5283
|
}
|
|
4940
5284
|
}), _el$4);
|
|
4941
5285
|
web.insert(_el$4, () => props.group.name);
|
|
4942
|
-
web.insert(_el$5, web.createComponent(
|
|
5286
|
+
web.insert(_el$5, web.createComponent(Switch2, {
|
|
4943
5287
|
get state() {
|
|
4944
5288
|
return groupState();
|
|
4945
5289
|
},
|
|
@@ -4969,7 +5313,7 @@ var GroupedPreferencesRow = (props) => {
|
|
|
4969
5313
|
return isOpened();
|
|
4970
5314
|
},
|
|
4971
5315
|
get children() {
|
|
4972
|
-
var _el$7 = _tmpl$
|
|
5316
|
+
var _el$7 = _tmpl$61(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$0 = _el$8.nextSibling;
|
|
4973
5317
|
web.insert(_el$8, web.createComponent(solidJs.Index, {
|
|
4974
5318
|
get each() {
|
|
4975
5319
|
return Object.keys(uniqueChannels());
|
|
@@ -5017,7 +5361,7 @@ var GroupedPreferencesRow = (props) => {
|
|
|
5017
5361
|
}
|
|
5018
5362
|
}), null);
|
|
5019
5363
|
web.insert(_el$9, () => t("preferences.group.info"), null);
|
|
5020
|
-
web.insert(_el$
|
|
5364
|
+
web.insert(_el$0, web.createComponent(solidJs.Index, {
|
|
5021
5365
|
get each() {
|
|
5022
5366
|
return preferences();
|
|
5023
5367
|
},
|
|
@@ -5058,7 +5402,7 @@ var GroupedPreferencesRow = (props) => {
|
|
|
5058
5402
|
_v$ !== _p$.e && web.className(_el$7, _p$.e = _v$);
|
|
5059
5403
|
_v$2 !== _p$.t && web.className(_el$8, _p$.t = _v$2);
|
|
5060
5404
|
_v$3 !== _p$.a && web.className(_el$9, _p$.a = _v$3);
|
|
5061
|
-
_v$4 !== _p$.o && web.className(_el$
|
|
5405
|
+
_v$4 !== _p$.o && web.className(_el$0, _p$.o = _v$4);
|
|
5062
5406
|
return _p$;
|
|
5063
5407
|
}, {
|
|
5064
5408
|
e: void 0,
|
|
@@ -5094,28 +5438,28 @@ var GroupedPreferencesRow = (props) => {
|
|
|
5094
5438
|
context: {
|
|
5095
5439
|
preferenceGroup: props.group
|
|
5096
5440
|
}
|
|
5097
|
-
}), _v$
|
|
5441
|
+
}), _v$0 = isOpened(), _v$1 = style({
|
|
5098
5442
|
key: "preferencesGroupActionsContainer",
|
|
5099
5443
|
className: "nt-flex nt-items-center nt-gap-1",
|
|
5100
5444
|
context: {
|
|
5101
5445
|
preferenceGroup: props.group
|
|
5102
5446
|
}
|
|
5103
|
-
}), _v$
|
|
5447
|
+
}), _v$10 = style({
|
|
5104
5448
|
key: "preferencesGroupActionsContainerRight__icon",
|
|
5105
5449
|
className: "nt-text-foreground-alpha-600 nt-transition-all nt-duration-200 data-[open=true]:nt-transform data-[open=true]:nt-rotate-180",
|
|
5106
5450
|
context: {
|
|
5107
5451
|
preferenceGroup: props.group
|
|
5108
5452
|
}
|
|
5109
|
-
}), _v$
|
|
5453
|
+
}), _v$11 = isOpened();
|
|
5110
5454
|
_v$5 !== _p$.e && web.className(_el$, _p$.e = _v$5);
|
|
5111
5455
|
_v$6 !== _p$.t && web.setAttribute(_el$, "data-open", _p$.t = _v$6);
|
|
5112
5456
|
_v$7 !== _p$.a && web.className(_el$2, _p$.a = _v$7);
|
|
5113
5457
|
_v$8 !== _p$.o && web.className(_el$3, _p$.o = _v$8);
|
|
5114
5458
|
_v$9 !== _p$.i && web.className(_el$4, _p$.i = _v$9);
|
|
5115
|
-
_v$
|
|
5116
|
-
_v$
|
|
5117
|
-
_v$
|
|
5118
|
-
_v$
|
|
5459
|
+
_v$0 !== _p$.n && web.setAttribute(_el$4, "data-open", _p$.n = _v$0);
|
|
5460
|
+
_v$1 !== _p$.s && web.className(_el$5, _p$.s = _v$1);
|
|
5461
|
+
_v$10 !== _p$.h && web.className(_el$6, _p$.h = _v$10);
|
|
5462
|
+
_v$11 !== _p$.r && web.setAttribute(_el$6, "data-open", _p$.r = _v$11);
|
|
5119
5463
|
return _p$;
|
|
5120
5464
|
}, {
|
|
5121
5465
|
e: void 0,
|
|
@@ -5171,38 +5515,853 @@ var GroupedPreferences = (props) => {
|
|
|
5171
5515
|
});
|
|
5172
5516
|
};
|
|
5173
5517
|
|
|
5174
|
-
// src/ui/components/elements/Preferences/
|
|
5175
|
-
var
|
|
5176
|
-
|
|
5177
|
-
|
|
5178
|
-
|
|
5518
|
+
// src/ui/components/elements/Preferences/utils.ts
|
|
5519
|
+
var weekDays = [
|
|
5520
|
+
"monday",
|
|
5521
|
+
"tuesday",
|
|
5522
|
+
"wednesday",
|
|
5523
|
+
"thursday",
|
|
5524
|
+
"friday",
|
|
5525
|
+
"saturday",
|
|
5526
|
+
"sunday"
|
|
5527
|
+
];
|
|
5528
|
+
|
|
5529
|
+
// src/ui/components/elements/Preferences/DayScheduleCopy.tsx
|
|
5530
|
+
var _tmpl$63 = /* @__PURE__ */ web.template(`<span data-localization=preferences.schedule.dayScheduleCopy.title>`);
|
|
5531
|
+
var _tmpl$219 = /* @__PURE__ */ web.template(`<span data-localization=preferences.schedule.dayScheduleCopy.selectAll>`);
|
|
5532
|
+
var _tmpl$312 = /* @__PURE__ */ web.template(`<div>`);
|
|
5533
|
+
var _tmpl$410 = /* @__PURE__ */ web.template(`<span>`);
|
|
5534
|
+
var NOVU_EVENT_CLOSE_DAY_SCHEDULE_COPY_COMPONENT = "novu.close-day-schedule-copy-component";
|
|
5535
|
+
var DayScheduleCopy = (props) => {
|
|
5536
|
+
const id = solidJs.createUniqueId();
|
|
5179
5537
|
const style = useStyle();
|
|
5180
5538
|
const {
|
|
5181
|
-
|
|
5182
|
-
|
|
5183
|
-
|
|
5184
|
-
const
|
|
5185
|
-
|
|
5186
|
-
|
|
5187
|
-
|
|
5188
|
-
|
|
5189
|
-
|
|
5190
|
-
|
|
5539
|
+
t
|
|
5540
|
+
} = useLocalization();
|
|
5541
|
+
const [isOpen, setIsOpen] = solidJs.createSignal(false);
|
|
5542
|
+
const [selectedDays, setSelectedDays] = solidJs.createSignal([props.day()]);
|
|
5543
|
+
const [isAllSelected, setIsAllSelected] = solidJs.createSignal(false);
|
|
5544
|
+
const allWeekDaysSelected = solidJs.createMemo(() => selectedDays().length === weekDays.length);
|
|
5545
|
+
const reset = () => {
|
|
5546
|
+
setSelectedDays([props.day()]);
|
|
5547
|
+
setIsAllSelected(false);
|
|
5548
|
+
setIsOpen(false);
|
|
5549
|
+
};
|
|
5550
|
+
const onOpenChange = solidJs.createMemo(() => (isOpen2) => {
|
|
5551
|
+
if (isOpen2) {
|
|
5552
|
+
document.dispatchEvent(new CustomEvent(NOVU_EVENT_CLOSE_DAY_SCHEDULE_COPY_COMPONENT, {
|
|
5553
|
+
detail: {
|
|
5554
|
+
id
|
|
5555
|
+
}
|
|
5556
|
+
}));
|
|
5557
|
+
}
|
|
5558
|
+
setTimeout(() => {
|
|
5559
|
+
if (!isOpen2) {
|
|
5560
|
+
reset();
|
|
5561
|
+
} else {
|
|
5562
|
+
setIsOpen(isOpen2);
|
|
5563
|
+
}
|
|
5564
|
+
}, 50);
|
|
5191
5565
|
});
|
|
5192
|
-
|
|
5193
|
-
|
|
5194
|
-
|
|
5195
|
-
|
|
5196
|
-
|
|
5197
|
-
|
|
5198
|
-
|
|
5566
|
+
solidJs.createEffect(() => {
|
|
5567
|
+
const listener = (event) => {
|
|
5568
|
+
const data = event.detail;
|
|
5569
|
+
if (data.id !== id) {
|
|
5570
|
+
reset();
|
|
5571
|
+
}
|
|
5572
|
+
};
|
|
5573
|
+
document.addEventListener(NOVU_EVENT_CLOSE_DAY_SCHEDULE_COPY_COMPONENT, listener);
|
|
5574
|
+
return () => {
|
|
5575
|
+
document.removeEventListener(NOVU_EVENT_CLOSE_DAY_SCHEDULE_COPY_COMPONENT, listener);
|
|
5199
5576
|
};
|
|
5200
5577
|
});
|
|
5201
|
-
|
|
5202
|
-
|
|
5203
|
-
|
|
5578
|
+
return web.createComponent(Tooltip.Root, {
|
|
5579
|
+
get children() {
|
|
5580
|
+
return [web.createComponent(Tooltip.Trigger, {
|
|
5581
|
+
get disabled() {
|
|
5582
|
+
return props.disabled;
|
|
5583
|
+
},
|
|
5584
|
+
asChild: (childProps) => web.createComponent(Dropdown.Root, {
|
|
5585
|
+
placement: "right",
|
|
5586
|
+
offset: 0,
|
|
5587
|
+
get open() {
|
|
5588
|
+
return isOpen();
|
|
5589
|
+
},
|
|
5590
|
+
get onOpenChange() {
|
|
5591
|
+
return onOpenChange();
|
|
5592
|
+
},
|
|
5593
|
+
get children() {
|
|
5594
|
+
return [web.createComponent(Dropdown.Trigger, {
|
|
5595
|
+
get disabled() {
|
|
5596
|
+
return props.disabled;
|
|
5597
|
+
},
|
|
5598
|
+
get ["class"]() {
|
|
5599
|
+
return style({
|
|
5600
|
+
key: "dayScheduleCopy__dropdownTrigger",
|
|
5601
|
+
className: "nt-w-full"
|
|
5602
|
+
});
|
|
5603
|
+
},
|
|
5604
|
+
get children() {
|
|
5605
|
+
return web.createComponent(Button, web.mergeProps({
|
|
5606
|
+
size: "iconSm",
|
|
5607
|
+
variant: "ghost"
|
|
5608
|
+
}, childProps, {
|
|
5609
|
+
get children() {
|
|
5610
|
+
return web.createComponent(IconRenderer, {
|
|
5611
|
+
iconKey: "copy",
|
|
5612
|
+
get ["class"]() {
|
|
5613
|
+
return style({
|
|
5614
|
+
key: "dayScheduleCopyIcon",
|
|
5615
|
+
className: cn("nt-text-foreground-alpha-600 nt-size-3.5 group-hover:nt-opacity-100 nt-opacity-0 nt-transition-opacity nt-duration-200", {
|
|
5616
|
+
"group-hover:nt-opacity-0": props.disabled
|
|
5617
|
+
}),
|
|
5618
|
+
context: {
|
|
5619
|
+
schedule: props.schedule()
|
|
5620
|
+
}
|
|
5621
|
+
});
|
|
5622
|
+
},
|
|
5623
|
+
fallback: Copy
|
|
5624
|
+
});
|
|
5625
|
+
}
|
|
5626
|
+
}));
|
|
5627
|
+
}
|
|
5628
|
+
}), web.createComponent(Dropdown.Content, {
|
|
5629
|
+
portal: true,
|
|
5630
|
+
appearanceKey: "dayScheduleCopy__dropdownContent",
|
|
5631
|
+
"class": "nt-rounded-md nt-min-w-[220px] nt-max-w-[220px] nt-p-1",
|
|
5632
|
+
get children() {
|
|
5633
|
+
return [(() => {
|
|
5634
|
+
var _el$ = _tmpl$63();
|
|
5635
|
+
web.insert(_el$, () => t("preferences.schedule.dayScheduleCopy.title"));
|
|
5636
|
+
web.effect(() => web.className(_el$, style({
|
|
5637
|
+
key: "dayScheduleCopyTitle",
|
|
5638
|
+
className: "nt-text-sm nt-text-neutral-600 nt-mb-3 nt-text-left",
|
|
5639
|
+
context: {
|
|
5640
|
+
schedule: props.schedule()
|
|
5641
|
+
}
|
|
5642
|
+
})));
|
|
5643
|
+
return _el$;
|
|
5644
|
+
})(), (() => {
|
|
5645
|
+
var _el$2 = _tmpl$219();
|
|
5646
|
+
web.insert(_el$2, web.createComponent(Checkbox, {
|
|
5647
|
+
get checked() {
|
|
5648
|
+
return isAllSelected() || allWeekDaysSelected();
|
|
5649
|
+
},
|
|
5650
|
+
onChange: (checked) => {
|
|
5651
|
+
setIsAllSelected(checked);
|
|
5652
|
+
setSelectedDays(checked ? weekDays : [props.day()]);
|
|
5653
|
+
}
|
|
5654
|
+
}), null);
|
|
5655
|
+
web.insert(_el$2, () => t("preferences.schedule.dayScheduleCopy.selectAll"), null);
|
|
5656
|
+
web.effect(() => web.className(_el$2, style({
|
|
5657
|
+
key: "dayScheduleCopySelectAll",
|
|
5658
|
+
className: "nt-flex nt-items-center nt-gap-2 nt-text-sm nt-text-neutral-600 nt-mb-2",
|
|
5659
|
+
context: {
|
|
5660
|
+
schedule: props.schedule()
|
|
5661
|
+
}
|
|
5662
|
+
})));
|
|
5663
|
+
return _el$2;
|
|
5664
|
+
})(), web.createComponent(solidJs.For, {
|
|
5665
|
+
each: weekDays,
|
|
5666
|
+
children: (day) => (() => {
|
|
5667
|
+
var _el$4 = _tmpl$410();
|
|
5668
|
+
web.setAttribute(_el$4, "data-localization", `preferences.schedule.${day}`);
|
|
5669
|
+
web.insert(_el$4, web.createComponent(Checkbox, {
|
|
5670
|
+
value: "checked",
|
|
5671
|
+
onChange: (value) => setSelectedDays(value ? [...selectedDays(), day] : selectedDays().filter((d) => d !== day)),
|
|
5672
|
+
get checked() {
|
|
5673
|
+
return selectedDays().includes(day) || day === props.day();
|
|
5674
|
+
},
|
|
5675
|
+
get disabled() {
|
|
5676
|
+
return day === props.day();
|
|
5677
|
+
}
|
|
5678
|
+
}), null);
|
|
5679
|
+
web.insert(_el$4, () => t(`preferences.schedule.${day}`), null);
|
|
5680
|
+
web.effect(() => web.className(_el$4, style({
|
|
5681
|
+
key: "dayScheduleCopyDay",
|
|
5682
|
+
className: "nt-flex nt-items-center nt-gap-2 nt-text-sm nt-text-neutral-600 nt-mb-2",
|
|
5683
|
+
context: {
|
|
5684
|
+
schedule: props.schedule()
|
|
5685
|
+
}
|
|
5686
|
+
})));
|
|
5687
|
+
return _el$4;
|
|
5688
|
+
})()
|
|
5689
|
+
}), (() => {
|
|
5690
|
+
var _el$3 = _tmpl$312();
|
|
5691
|
+
web.insert(_el$3, web.createComponent(Button, {
|
|
5692
|
+
onClick: () => {
|
|
5693
|
+
var _a, _b, _c, _d;
|
|
5694
|
+
const currentDay = props.day();
|
|
5695
|
+
const daysToCopy = selectedDays().filter((day) => day !== currentDay);
|
|
5696
|
+
const dayToCopy = (_b = (_a = props.schedule()) == null ? void 0 : _a.weeklySchedule) == null ? void 0 : _b[currentDay];
|
|
5697
|
+
if (dayToCopy) {
|
|
5698
|
+
(_d = props.schedule()) == null ? void 0 : _d.update({
|
|
5699
|
+
weeklySchedule: chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues({}, (_c = props.schedule()) == null ? void 0 : _c.weeklySchedule), daysToCopy.reduce((acc, day) => {
|
|
5700
|
+
acc[day] = dayToCopy;
|
|
5701
|
+
return acc;
|
|
5702
|
+
}, {}))
|
|
5703
|
+
});
|
|
5704
|
+
}
|
|
5705
|
+
reset();
|
|
5706
|
+
},
|
|
5707
|
+
"data-localization": "preferences.schedule.dayScheduleCopy.apply",
|
|
5708
|
+
get children() {
|
|
5709
|
+
return t("preferences.schedule.dayScheduleCopy.apply");
|
|
5710
|
+
}
|
|
5711
|
+
}));
|
|
5712
|
+
web.effect(() => web.className(_el$3, style({
|
|
5713
|
+
key: "dayScheduleCopyFooterContainer",
|
|
5714
|
+
className: "nt-flex nt-justify-end nt-border-t nt-border-neutral-alpha-100 nt-pt-2",
|
|
5715
|
+
context: {
|
|
5716
|
+
schedule: props.schedule()
|
|
5717
|
+
}
|
|
5718
|
+
})));
|
|
5719
|
+
return _el$3;
|
|
5720
|
+
})()];
|
|
5721
|
+
}
|
|
5722
|
+
})];
|
|
5723
|
+
}
|
|
5724
|
+
})
|
|
5725
|
+
}), web.createComponent(Tooltip.Content, {
|
|
5726
|
+
"data-localization": "preferences.schedule.copyTimesTo",
|
|
5727
|
+
get children() {
|
|
5728
|
+
return t("preferences.schedule.copyTimesTo");
|
|
5729
|
+
}
|
|
5730
|
+
})];
|
|
5731
|
+
}
|
|
5732
|
+
});
|
|
5733
|
+
};
|
|
5734
|
+
|
|
5735
|
+
// src/ui/components/elements/Preferences/ScheduleTable.tsx
|
|
5736
|
+
var _tmpl$64 = /* @__PURE__ */ web.template(`<div>`);
|
|
5737
|
+
var _tmpl$220 = /* @__PURE__ */ web.template(`<span>`);
|
|
5738
|
+
var ScheduleTableHeader = (props) => {
|
|
5739
|
+
const style = useStyle();
|
|
5740
|
+
return (() => {
|
|
5741
|
+
var _el$ = _tmpl$64();
|
|
5742
|
+
web.insert(_el$, () => props.children);
|
|
5743
|
+
web.effect(() => web.className(_el$, style({
|
|
5744
|
+
key: "scheduleTableHeader",
|
|
5745
|
+
className: "nt-flex nt-gap-3",
|
|
5746
|
+
context: {
|
|
5747
|
+
schedule: props.schedule
|
|
5748
|
+
}
|
|
5749
|
+
})));
|
|
5750
|
+
return _el$;
|
|
5751
|
+
})();
|
|
5752
|
+
};
|
|
5753
|
+
var ScheduleTableHeaderColumn = (props) => {
|
|
5754
|
+
const style = useStyle();
|
|
5755
|
+
return (() => {
|
|
5756
|
+
var _el$2 = _tmpl$64();
|
|
5757
|
+
web.insert(_el$2, () => props.children);
|
|
5758
|
+
web.effect((_p$) => {
|
|
5759
|
+
var _v$ = style({
|
|
5760
|
+
key: "scheduleHeaderColumn",
|
|
5761
|
+
className: cn("nt-text-sm nt-truncate nt-text-start", props.class),
|
|
5762
|
+
context: {
|
|
5763
|
+
schedule: props.schedule
|
|
5764
|
+
}
|
|
5765
|
+
}), _v$2 = props.dataLocalization;
|
|
5766
|
+
_v$ !== _p$.e && web.className(_el$2, _p$.e = _v$);
|
|
5767
|
+
_v$2 !== _p$.t && web.setAttribute(_el$2, "data-localization", _p$.t = _v$2);
|
|
5768
|
+
return _p$;
|
|
5769
|
+
}, {
|
|
5770
|
+
e: void 0,
|
|
5771
|
+
t: void 0
|
|
5772
|
+
});
|
|
5773
|
+
return _el$2;
|
|
5774
|
+
})();
|
|
5775
|
+
};
|
|
5776
|
+
var ScheduleTableBody = (props) => {
|
|
5777
|
+
const style = useStyle();
|
|
5778
|
+
return (() => {
|
|
5779
|
+
var _el$3 = _tmpl$64();
|
|
5780
|
+
web.insert(_el$3, () => props.children);
|
|
5781
|
+
web.effect(() => web.className(_el$3, style({
|
|
5782
|
+
key: "scheduleTableBody",
|
|
5783
|
+
className: "nt-flex nt-flex-col nt-gap-1",
|
|
5784
|
+
context: {
|
|
5785
|
+
schedule: props.schedule
|
|
5786
|
+
}
|
|
5787
|
+
})));
|
|
5788
|
+
return _el$3;
|
|
5789
|
+
})();
|
|
5790
|
+
};
|
|
5791
|
+
var ScheduleTableRow = (props) => {
|
|
5792
|
+
const style = useStyle();
|
|
5793
|
+
return (() => {
|
|
5794
|
+
var _el$4 = _tmpl$64();
|
|
5795
|
+
web.insert(_el$4, () => props.children);
|
|
5796
|
+
web.effect(() => web.className(_el$4, style({
|
|
5797
|
+
key: "scheduleBodyRow",
|
|
5798
|
+
className: "nt-flex nt-gap-3",
|
|
5799
|
+
context: {
|
|
5800
|
+
schedule: props.schedule
|
|
5801
|
+
}
|
|
5802
|
+
})));
|
|
5803
|
+
return _el$4;
|
|
5804
|
+
})();
|
|
5805
|
+
};
|
|
5806
|
+
var ScheduleBodyColumn = (props) => {
|
|
5807
|
+
const style = useStyle();
|
|
5808
|
+
return (() => {
|
|
5809
|
+
var _el$5 = _tmpl$64();
|
|
5810
|
+
web.insert(_el$5, () => props.children);
|
|
5811
|
+
web.effect(() => web.className(_el$5, style({
|
|
5812
|
+
key: "scheduleBodyColumn",
|
|
5813
|
+
className: cn("nt-text-sm", props.class),
|
|
5814
|
+
context: {
|
|
5815
|
+
schedule: props.schedule
|
|
5816
|
+
}
|
|
5817
|
+
})));
|
|
5818
|
+
return _el$5;
|
|
5819
|
+
})();
|
|
5820
|
+
};
|
|
5821
|
+
var ScheduleTable = (props) => {
|
|
5822
|
+
const style = useStyle();
|
|
5823
|
+
const {
|
|
5824
|
+
t
|
|
5825
|
+
} = useLocalization();
|
|
5826
|
+
const isScheduleDisabled = solidJs.createMemo(() => {
|
|
5827
|
+
var _a, _b;
|
|
5828
|
+
return !((_b = (_a = props.globalPreference) == null ? void 0 : _a.schedule) == null ? void 0 : _b.isEnabled);
|
|
5829
|
+
});
|
|
5830
|
+
const schedule = solidJs.createMemo(() => {
|
|
5831
|
+
var _a;
|
|
5832
|
+
return (_a = props.globalPreference) == null ? void 0 : _a.schedule;
|
|
5833
|
+
});
|
|
5834
|
+
return (() => {
|
|
5835
|
+
var _el$6 = _tmpl$64();
|
|
5836
|
+
web.insert(_el$6, web.createComponent(ScheduleTableHeader, {
|
|
5837
|
+
get schedule() {
|
|
5838
|
+
return schedule();
|
|
5839
|
+
},
|
|
5840
|
+
get children() {
|
|
5841
|
+
return [web.createComponent(ScheduleTableHeaderColumn, {
|
|
5842
|
+
get schedule() {
|
|
5843
|
+
return schedule();
|
|
5844
|
+
},
|
|
5845
|
+
"class": "nt-flex-1",
|
|
5846
|
+
dataLocalization: "preferences.schedule.days",
|
|
5847
|
+
get children() {
|
|
5848
|
+
return t("preferences.schedule.days");
|
|
5849
|
+
}
|
|
5850
|
+
}), web.createComponent(ScheduleTableHeaderColumn, {
|
|
5851
|
+
get schedule() {
|
|
5852
|
+
return schedule();
|
|
5853
|
+
},
|
|
5854
|
+
"class": "nt-min-w-[74px]",
|
|
5855
|
+
dataLocalization: "preferences.schedule.from",
|
|
5856
|
+
get children() {
|
|
5857
|
+
return t("preferences.schedule.from");
|
|
5858
|
+
}
|
|
5859
|
+
}), web.createComponent(ScheduleTableHeaderColumn, {
|
|
5860
|
+
get schedule() {
|
|
5861
|
+
return schedule();
|
|
5862
|
+
},
|
|
5863
|
+
"class": "nt-min-w-[74px]",
|
|
5864
|
+
dataLocalization: "preferences.schedule.to",
|
|
5865
|
+
get children() {
|
|
5866
|
+
return t("preferences.schedule.to");
|
|
5867
|
+
}
|
|
5868
|
+
})];
|
|
5869
|
+
}
|
|
5870
|
+
}), null);
|
|
5871
|
+
web.insert(_el$6, web.createComponent(ScheduleTableBody, {
|
|
5872
|
+
get schedule() {
|
|
5873
|
+
return schedule();
|
|
5874
|
+
},
|
|
5875
|
+
get children() {
|
|
5876
|
+
return web.createComponent(solidJs.Index, {
|
|
5877
|
+
each: weekDays,
|
|
5878
|
+
children: (day) => {
|
|
5879
|
+
const isDayDisabled = solidJs.createMemo(() => {
|
|
5880
|
+
var _a, _b, _c;
|
|
5881
|
+
return !((_c = (_b = (_a = schedule()) == null ? void 0 : _a.weeklySchedule) == null ? void 0 : _b[day()]) == null ? void 0 : _c.isEnabled);
|
|
5882
|
+
});
|
|
5883
|
+
return web.createComponent(ScheduleTableRow, {
|
|
5884
|
+
get schedule() {
|
|
5885
|
+
return schedule();
|
|
5886
|
+
},
|
|
5887
|
+
get children() {
|
|
5888
|
+
return [web.createComponent(ScheduleBodyColumn, {
|
|
5889
|
+
get schedule() {
|
|
5890
|
+
return schedule();
|
|
5891
|
+
},
|
|
5892
|
+
"class": "nt-flex-1 nt-flex nt-items-center nt-gap-2",
|
|
5893
|
+
get children() {
|
|
5894
|
+
return [web.createComponent(Switch2, {
|
|
5895
|
+
get state() {
|
|
5896
|
+
return isDayDisabled() ? "disabled" : "enabled";
|
|
5897
|
+
},
|
|
5898
|
+
onChange: (state) => {
|
|
5899
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i;
|
|
5900
|
+
const isEnabled = state === "enabled";
|
|
5901
|
+
const hasNoHours = ((_e = (_d = (_c = (_b = (_a = schedule()) == null ? void 0 : _a.weeklySchedule) == null ? void 0 : _b[day()]) == null ? void 0 : _c.hours) == null ? void 0 : _d.length) != null ? _e : 0) === 0;
|
|
5902
|
+
(_i = schedule()) == null ? void 0 : _i.update({
|
|
5903
|
+
weeklySchedule: chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, (_f = schedule()) == null ? void 0 : _f.weeklySchedule), {
|
|
5904
|
+
[day()]: chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, (_h = (_g = schedule()) == null ? void 0 : _g.weeklySchedule) == null ? void 0 : _h[day()]), {
|
|
5905
|
+
isEnabled
|
|
5906
|
+
}), hasNoHours && {
|
|
5907
|
+
hours: [{
|
|
5908
|
+
start: "09:00 AM",
|
|
5909
|
+
end: "05:00 PM"
|
|
5910
|
+
}]
|
|
5911
|
+
})
|
|
5912
|
+
})
|
|
5913
|
+
});
|
|
5914
|
+
},
|
|
5915
|
+
get disabled() {
|
|
5916
|
+
return isScheduleDisabled();
|
|
5917
|
+
}
|
|
5918
|
+
}), (() => {
|
|
5919
|
+
var _el$7 = _tmpl$220();
|
|
5920
|
+
web.insert(_el$7, () => t(`preferences.schedule.${day()}`), null);
|
|
5921
|
+
web.insert(_el$7, web.createComponent(DayScheduleCopy, {
|
|
5922
|
+
day,
|
|
5923
|
+
schedule,
|
|
5924
|
+
get disabled() {
|
|
5925
|
+
return isScheduleDisabled();
|
|
5926
|
+
}
|
|
5927
|
+
}), null);
|
|
5928
|
+
web.effect((_p$) => {
|
|
5929
|
+
var _v$3 = cn("nt-group nt-flex nt-items-center nt-gap-1", {
|
|
5930
|
+
"nt-text-neutral-alpha-500": isScheduleDisabled()
|
|
5931
|
+
}), _v$4 = `preferences.schedule.${day()}`;
|
|
5932
|
+
_v$3 !== _p$.e && web.className(_el$7, _p$.e = _v$3);
|
|
5933
|
+
_v$4 !== _p$.t && web.setAttribute(_el$7, "data-localization", _p$.t = _v$4);
|
|
5934
|
+
return _p$;
|
|
5935
|
+
}, {
|
|
5936
|
+
e: void 0,
|
|
5937
|
+
t: void 0
|
|
5938
|
+
});
|
|
5939
|
+
return _el$7;
|
|
5940
|
+
})()];
|
|
5941
|
+
}
|
|
5942
|
+
}), web.createComponent(ScheduleBodyColumn, {
|
|
5943
|
+
get schedule() {
|
|
5944
|
+
return schedule();
|
|
5945
|
+
},
|
|
5946
|
+
get children() {
|
|
5947
|
+
return web.createComponent(TimeSelect, {
|
|
5948
|
+
get disabled() {
|
|
5949
|
+
return isScheduleDisabled() || isDayDisabled();
|
|
5950
|
+
},
|
|
5951
|
+
get value() {
|
|
5952
|
+
var _a, _b, _c, _d, _e;
|
|
5953
|
+
return (_e = (_d = (_c = (_b = (_a = schedule()) == null ? void 0 : _a.weeklySchedule) == null ? void 0 : _b[day()]) == null ? void 0 : _c.hours) == null ? void 0 : _d[0]) == null ? void 0 : _e.start;
|
|
5954
|
+
},
|
|
5955
|
+
onChange: (value) => {
|
|
5956
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i;
|
|
5957
|
+
(_i = schedule()) == null ? void 0 : _i.update({
|
|
5958
|
+
weeklySchedule: chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, (_a = schedule()) == null ? void 0 : _a.weeklySchedule), {
|
|
5959
|
+
[day()]: chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, (_c = (_b = schedule()) == null ? void 0 : _b.weeklySchedule) == null ? void 0 : _c[day()]), {
|
|
5960
|
+
hours: [{
|
|
5961
|
+
start: value,
|
|
5962
|
+
end: (_h = (_g = (_f = (_e = (_d = schedule()) == null ? void 0 : _d.weeklySchedule) == null ? void 0 : _e[day()]) == null ? void 0 : _f.hours) == null ? void 0 : _g[0]) == null ? void 0 : _h.end
|
|
5963
|
+
}]
|
|
5964
|
+
})
|
|
5965
|
+
})
|
|
5966
|
+
});
|
|
5967
|
+
}
|
|
5968
|
+
});
|
|
5969
|
+
}
|
|
5970
|
+
}), web.createComponent(ScheduleBodyColumn, {
|
|
5971
|
+
get schedule() {
|
|
5972
|
+
return schedule();
|
|
5973
|
+
},
|
|
5974
|
+
get children() {
|
|
5975
|
+
return web.createComponent(TimeSelect, {
|
|
5976
|
+
get disabled() {
|
|
5977
|
+
return isScheduleDisabled() || isDayDisabled();
|
|
5978
|
+
},
|
|
5979
|
+
get value() {
|
|
5980
|
+
var _a, _b, _c, _d, _e;
|
|
5981
|
+
return (_e = (_d = (_c = (_b = (_a = schedule()) == null ? void 0 : _a.weeklySchedule) == null ? void 0 : _b[day()]) == null ? void 0 : _c.hours) == null ? void 0 : _d[0]) == null ? void 0 : _e.end;
|
|
5982
|
+
},
|
|
5983
|
+
onChange: (value) => {
|
|
5984
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i;
|
|
5985
|
+
(_i = schedule()) == null ? void 0 : _i.update({
|
|
5986
|
+
weeklySchedule: chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, (_a = schedule()) == null ? void 0 : _a.weeklySchedule), {
|
|
5987
|
+
[day()]: chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, (_c = (_b = schedule()) == null ? void 0 : _b.weeklySchedule) == null ? void 0 : _c[day()]), {
|
|
5988
|
+
hours: [{
|
|
5989
|
+
start: (_h = (_g = (_f = (_e = (_d = schedule()) == null ? void 0 : _d.weeklySchedule) == null ? void 0 : _e[day()]) == null ? void 0 : _f.hours) == null ? void 0 : _g[0]) == null ? void 0 : _h.start,
|
|
5990
|
+
end: value
|
|
5991
|
+
}]
|
|
5992
|
+
})
|
|
5993
|
+
})
|
|
5994
|
+
});
|
|
5995
|
+
}
|
|
5996
|
+
});
|
|
5997
|
+
}
|
|
5998
|
+
})];
|
|
5999
|
+
}
|
|
6000
|
+
});
|
|
6001
|
+
}
|
|
6002
|
+
});
|
|
6003
|
+
}
|
|
6004
|
+
}), null);
|
|
6005
|
+
web.effect(() => web.className(_el$6, style({
|
|
6006
|
+
key: "scheduleTable",
|
|
6007
|
+
className: "nt-flex nt-flex-col nt-gap-1",
|
|
6008
|
+
context: {
|
|
6009
|
+
schedule: schedule()
|
|
6010
|
+
}
|
|
6011
|
+
})));
|
|
6012
|
+
return _el$6;
|
|
6013
|
+
})();
|
|
6014
|
+
};
|
|
6015
|
+
|
|
6016
|
+
// src/ui/components/elements/Preferences/ScheduleRow.tsx
|
|
6017
|
+
var _tmpl$65 = /* @__PURE__ */ web.template(`<button aria-label=Schedule tabindex=0>`);
|
|
6018
|
+
var _tmpl$221 = /* @__PURE__ */ web.template(`<div class=nt-max-w-56>`);
|
|
6019
|
+
var _tmpl$313 = /* @__PURE__ */ web.template(`<div><span data-localization=preferences.schedule.title>`);
|
|
6020
|
+
var _tmpl$411 = /* @__PURE__ */ web.template(`<div><span>`);
|
|
6021
|
+
var _tmpl$510 = /* @__PURE__ */ web.template(`<div><span data-localization=preferences.schedule.description></span><div><span data-localization=preferences.schedule.info>`);
|
|
6022
|
+
var _tmpl$66 = /* @__PURE__ */ web.template(`<div>`);
|
|
6023
|
+
var _tmpl$73 = /* @__PURE__ */ web.template(`<div class="nt-w-full nt-border-t nt-border-neutral-alpha-100">`);
|
|
6024
|
+
var ScheduleRowHeader = (props) => {
|
|
6025
|
+
const style = useStyle();
|
|
6026
|
+
return (() => {
|
|
6027
|
+
var _el$ = _tmpl$65();
|
|
6028
|
+
_el$.$$click = () => props.setIsOpened((prev) => !prev);
|
|
6029
|
+
web.insert(_el$, () => props.children);
|
|
6030
|
+
web.effect((_p$) => {
|
|
6031
|
+
var _v$ = style({
|
|
6032
|
+
key: "scheduleHeader",
|
|
6033
|
+
className: "nt-flex nt-w-full nt-p-1 nt-justify-between nt-flex-nowrap nt-self-stretch nt-cursor-pointer nt-items-center nt-overflow-hidden",
|
|
6034
|
+
context: {
|
|
6035
|
+
schedule: props.schedule()
|
|
6036
|
+
}
|
|
6037
|
+
}), _v$2 = props.isOpened(), _v$3 = props.isOpened();
|
|
6038
|
+
_v$ !== _p$.e && web.className(_el$, _p$.e = _v$);
|
|
6039
|
+
_v$2 !== _p$.t && web.setAttribute(_el$, "aria-expanded", _p$.t = _v$2);
|
|
6040
|
+
_v$3 !== _p$.a && web.setAttribute(_el$, "data-open", _p$.a = _v$3);
|
|
6041
|
+
return _p$;
|
|
6042
|
+
}, {
|
|
6043
|
+
e: void 0,
|
|
6044
|
+
t: void 0,
|
|
6045
|
+
a: void 0
|
|
6046
|
+
});
|
|
6047
|
+
return _el$;
|
|
6048
|
+
})();
|
|
6049
|
+
};
|
|
6050
|
+
var ScheduleRowLabel = (props) => {
|
|
6051
|
+
const style = useStyle();
|
|
6052
|
+
const {
|
|
6053
|
+
t
|
|
6054
|
+
} = useLocalization();
|
|
6055
|
+
return (() => {
|
|
6056
|
+
var _el$2 = _tmpl$313(), _el$3 = _el$2.firstChild;
|
|
6057
|
+
web.insert(_el$2, web.createComponent(IconRenderer, {
|
|
6058
|
+
iconKey: "calendarSchedule",
|
|
6059
|
+
get ["class"]() {
|
|
6060
|
+
return style({
|
|
6061
|
+
key: "scheduleLabelScheduleIcon",
|
|
6062
|
+
className: "nt-text-foreground-alpha-600 nt-size-3.5",
|
|
6063
|
+
context: {
|
|
6064
|
+
schedule: props.schedule()
|
|
6065
|
+
}
|
|
6066
|
+
});
|
|
6067
|
+
},
|
|
6068
|
+
fallback: CalendarSchedule
|
|
6069
|
+
}), _el$3);
|
|
6070
|
+
web.insert(_el$3, () => t("preferences.schedule.title"));
|
|
6071
|
+
web.insert(_el$2, web.createComponent(Tooltip.Root, {
|
|
6072
|
+
get children() {
|
|
6073
|
+
return [web.createComponent(Tooltip.Trigger, {
|
|
6074
|
+
get children() {
|
|
6075
|
+
return web.createComponent(IconRenderer, {
|
|
6076
|
+
iconKey: "info",
|
|
6077
|
+
get ["class"]() {
|
|
6078
|
+
return style({
|
|
6079
|
+
key: "scheduleLabelInfoIcon",
|
|
6080
|
+
className: "nt-text-foreground-alpha-600 nt-size-3.5",
|
|
6081
|
+
context: {
|
|
6082
|
+
schedule: props.schedule()
|
|
6083
|
+
}
|
|
6084
|
+
});
|
|
6085
|
+
},
|
|
6086
|
+
fallback: Info
|
|
6087
|
+
});
|
|
6088
|
+
}
|
|
6089
|
+
}), web.createComponent(Tooltip.Content, {
|
|
6090
|
+
"data-localization": "preferences.schedule.headerInfo",
|
|
6091
|
+
get children() {
|
|
6092
|
+
var _el$4 = _tmpl$221();
|
|
6093
|
+
web.insert(_el$4, () => t("preferences.schedule.headerInfo"));
|
|
6094
|
+
return _el$4;
|
|
6095
|
+
}
|
|
6096
|
+
})];
|
|
6097
|
+
}
|
|
6098
|
+
}), null);
|
|
6099
|
+
web.effect((_p$) => {
|
|
6100
|
+
var _v$4 = style({
|
|
6101
|
+
key: "scheduleLabelContainer",
|
|
6102
|
+
className: "nt-overflow-hidden nt-flex nt-items-center nt-gap-1 nt-h-3.5",
|
|
6103
|
+
context: {
|
|
6104
|
+
schedule: props.schedule()
|
|
6105
|
+
}
|
|
6106
|
+
}), _v$5 = style({
|
|
6107
|
+
key: "scheduleLabel",
|
|
6108
|
+
className: "nt-text-sm nt-font-semibold nt-truncate nt-text-start",
|
|
6109
|
+
context: {
|
|
6110
|
+
schedule: props.schedule()
|
|
6111
|
+
}
|
|
6112
|
+
}), _v$6 = props.isOpened();
|
|
6113
|
+
_v$4 !== _p$.e && web.className(_el$2, _p$.e = _v$4);
|
|
6114
|
+
_v$5 !== _p$.t && web.className(_el$3, _p$.t = _v$5);
|
|
6115
|
+
_v$6 !== _p$.a && web.setAttribute(_el$3, "data-open", _p$.a = _v$6);
|
|
6116
|
+
return _p$;
|
|
6117
|
+
}, {
|
|
6118
|
+
e: void 0,
|
|
6119
|
+
t: void 0,
|
|
6120
|
+
a: void 0
|
|
6121
|
+
});
|
|
6122
|
+
return _el$2;
|
|
6123
|
+
})();
|
|
6124
|
+
};
|
|
6125
|
+
var DEFAULT_HOURS = [{
|
|
6126
|
+
start: "09:00 AM",
|
|
6127
|
+
end: "05:00 PM"
|
|
6128
|
+
}];
|
|
6129
|
+
var DEFAULT_WEEKLY_SCHEDULE = {
|
|
6130
|
+
monday: {
|
|
6131
|
+
isEnabled: true,
|
|
6132
|
+
hours: DEFAULT_HOURS
|
|
6133
|
+
},
|
|
6134
|
+
tuesday: {
|
|
6135
|
+
isEnabled: true,
|
|
6136
|
+
hours: DEFAULT_HOURS
|
|
6137
|
+
},
|
|
6138
|
+
wednesday: {
|
|
6139
|
+
isEnabled: true,
|
|
6140
|
+
hours: DEFAULT_HOURS
|
|
6141
|
+
},
|
|
6142
|
+
thursday: {
|
|
6143
|
+
isEnabled: true,
|
|
6144
|
+
hours: DEFAULT_HOURS
|
|
6145
|
+
},
|
|
6146
|
+
friday: {
|
|
6147
|
+
isEnabled: true,
|
|
6148
|
+
hours: DEFAULT_HOURS
|
|
6149
|
+
}
|
|
6150
|
+
};
|
|
6151
|
+
var ScheduleRowActions = (props) => {
|
|
6152
|
+
const style = useStyle();
|
|
6153
|
+
return (() => {
|
|
6154
|
+
var _el$5 = _tmpl$411(), _el$6 = _el$5.firstChild;
|
|
6155
|
+
web.insert(_el$5, web.createComponent(Switch2, {
|
|
6156
|
+
get state() {
|
|
6157
|
+
var _a;
|
|
6158
|
+
return ((_a = props.schedule()) == null ? void 0 : _a.isEnabled) ? "enabled" : "disabled";
|
|
6159
|
+
},
|
|
6160
|
+
onChange: (state) => {
|
|
6161
|
+
var _a, _b;
|
|
6162
|
+
const isEnabled = state === "enabled";
|
|
6163
|
+
const hasNoWeeklySchedule = !((_a = props.schedule()) == null ? void 0 : _a.weeklySchedule);
|
|
6164
|
+
(_b = props.schedule()) == null ? void 0 : _b.update(chunk7B52C2XE_js.__spreadValues({
|
|
6165
|
+
isEnabled
|
|
6166
|
+
}, isEnabled && hasNoWeeklySchedule && {
|
|
6167
|
+
weeklySchedule: DEFAULT_WEEKLY_SCHEDULE
|
|
6168
|
+
}));
|
|
6169
|
+
props.onChange(isEnabled);
|
|
6170
|
+
}
|
|
6171
|
+
}), _el$6);
|
|
6172
|
+
web.insert(_el$6, web.createComponent(IconRenderer, {
|
|
6173
|
+
iconKey: "arrowDropDown",
|
|
6174
|
+
get ["class"]() {
|
|
6175
|
+
return style({
|
|
6176
|
+
key: "moreTabs__icon",
|
|
6177
|
+
className: "nt-size-4"
|
|
6178
|
+
});
|
|
6179
|
+
},
|
|
6180
|
+
fallback: ArrowDropDown
|
|
6181
|
+
}));
|
|
6182
|
+
web.effect((_p$) => {
|
|
6183
|
+
var _v$7 = style({
|
|
6184
|
+
key: "scheduleActionsContainer",
|
|
6185
|
+
className: "nt-flex nt-items-center nt-gap-1",
|
|
6186
|
+
context: {
|
|
6187
|
+
schedule: props.schedule()
|
|
6188
|
+
}
|
|
6189
|
+
}), _v$8 = style({
|
|
6190
|
+
key: "scheduleActionsContainerRight",
|
|
6191
|
+
className: "nt-text-foreground-alpha-600 nt-transition-all nt-duration-200 data-[open=true]:nt-transform data-[open=true]:nt-rotate-180",
|
|
6192
|
+
context: {
|
|
6193
|
+
schedule: props.schedule()
|
|
6194
|
+
}
|
|
6195
|
+
}), _v$9 = props.isOpened();
|
|
6196
|
+
_v$7 !== _p$.e && web.className(_el$5, _p$.e = _v$7);
|
|
6197
|
+
_v$8 !== _p$.t && web.className(_el$6, _p$.t = _v$8);
|
|
6198
|
+
_v$9 !== _p$.a && web.setAttribute(_el$6, "data-open", _p$.a = _v$9);
|
|
6199
|
+
return _p$;
|
|
6200
|
+
}, {
|
|
6201
|
+
e: void 0,
|
|
6202
|
+
t: void 0,
|
|
6203
|
+
a: void 0
|
|
6204
|
+
});
|
|
6205
|
+
return _el$5;
|
|
6206
|
+
})();
|
|
6207
|
+
};
|
|
6208
|
+
var ScheduleRowBody = (props) => {
|
|
6209
|
+
const style = useStyle();
|
|
6210
|
+
const {
|
|
6211
|
+
t
|
|
6212
|
+
} = useLocalization();
|
|
6213
|
+
const schedule = solidJs.createMemo(() => {
|
|
6214
|
+
var _a;
|
|
6215
|
+
return (_a = props.globalPreference) == null ? void 0 : _a.schedule;
|
|
6216
|
+
});
|
|
6217
|
+
return (() => {
|
|
6218
|
+
var _el$7 = _tmpl$510(), _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild;
|
|
6219
|
+
web.insert(_el$8, () => t("preferences.schedule.description"));
|
|
6220
|
+
web.insert(_el$7, web.createComponent(ScheduleTable, {
|
|
6221
|
+
get globalPreference() {
|
|
6222
|
+
return props.globalPreference;
|
|
6223
|
+
}
|
|
6224
|
+
}), _el$9);
|
|
6225
|
+
web.insert(_el$9, web.createComponent(IconRenderer, {
|
|
6226
|
+
iconKey: "info",
|
|
6227
|
+
get ["class"]() {
|
|
6228
|
+
return style({
|
|
6229
|
+
key: "scheduleInfoIcon",
|
|
6230
|
+
className: "nt-size-4",
|
|
6231
|
+
context: {
|
|
6232
|
+
schedule: schedule()
|
|
6233
|
+
}
|
|
6234
|
+
});
|
|
6235
|
+
},
|
|
6236
|
+
fallback: Info
|
|
6237
|
+
}), _el$0);
|
|
6238
|
+
web.insert(_el$0, () => t("preferences.schedule.info"));
|
|
6239
|
+
web.effect((_p$) => {
|
|
6240
|
+
var _v$0 = style({
|
|
6241
|
+
key: "scheduleBody",
|
|
6242
|
+
className: "nt-flex nt-bg-background nt-border nt-border-neutral-alpha-200 nt-rounded-lg nt-p-2 nt-flex-col nt-gap-2 nt-overflow-hidden",
|
|
6243
|
+
context: {
|
|
6244
|
+
schedule: schedule()
|
|
6245
|
+
}
|
|
6246
|
+
}), _v$1 = style({
|
|
6247
|
+
key: "scheduleDescription",
|
|
6248
|
+
className: "nt-text-sm nt-truncate nt-text-start",
|
|
6249
|
+
context: {
|
|
6250
|
+
schedule: schedule()
|
|
6251
|
+
}
|
|
6252
|
+
}), _v$10 = style({
|
|
6253
|
+
key: "scheduleInfoContainer",
|
|
6254
|
+
className: "nt-flex nt-items-start nt-mt-1.5 nt-gap-1",
|
|
6255
|
+
context: {
|
|
6256
|
+
schedule: schedule()
|
|
6257
|
+
}
|
|
6258
|
+
}), _v$11 = style({
|
|
6259
|
+
key: "scheduleInfo",
|
|
6260
|
+
className: "nt-text-sm nt-text-start"
|
|
6261
|
+
});
|
|
6262
|
+
_v$0 !== _p$.e && web.className(_el$7, _p$.e = _v$0);
|
|
6263
|
+
_v$1 !== _p$.t && web.className(_el$8, _p$.t = _v$1);
|
|
6264
|
+
_v$10 !== _p$.a && web.className(_el$9, _p$.a = _v$10);
|
|
6265
|
+
_v$11 !== _p$.o && web.className(_el$0, _p$.o = _v$11);
|
|
6266
|
+
return _p$;
|
|
6267
|
+
}, {
|
|
6268
|
+
e: void 0,
|
|
6269
|
+
t: void 0,
|
|
6270
|
+
a: void 0,
|
|
6271
|
+
o: void 0
|
|
6272
|
+
});
|
|
6273
|
+
return _el$7;
|
|
6274
|
+
})();
|
|
6275
|
+
};
|
|
6276
|
+
var ScheduleRow = (props) => {
|
|
6277
|
+
var _a, _b, _c;
|
|
6278
|
+
const style = useStyle();
|
|
6279
|
+
const schedule = solidJs.createMemo(() => {
|
|
6280
|
+
var _a2;
|
|
6281
|
+
return (_a2 = props.globalPreference) == null ? void 0 : _a2.schedule;
|
|
6282
|
+
});
|
|
6283
|
+
const [isOpened, setIsOpened] = solidJs.createSignal((_c = (_b = (_a = props.globalPreference) == null ? void 0 : _a.schedule) == null ? void 0 : _b.isEnabled) != null ? _c : false);
|
|
6284
|
+
return [(() => {
|
|
6285
|
+
var _el$1 = _tmpl$66();
|
|
6286
|
+
web.insert(_el$1, web.createComponent(ScheduleRowHeader, {
|
|
6287
|
+
schedule,
|
|
6288
|
+
isOpened,
|
|
6289
|
+
setIsOpened,
|
|
6290
|
+
get children() {
|
|
6291
|
+
return [web.createComponent(ScheduleRowLabel, {
|
|
6292
|
+
schedule,
|
|
6293
|
+
isOpened
|
|
6294
|
+
}), web.createComponent(ScheduleRowActions, {
|
|
6295
|
+
schedule,
|
|
6296
|
+
isOpened,
|
|
6297
|
+
onChange: setIsOpened
|
|
6298
|
+
})];
|
|
6299
|
+
}
|
|
6300
|
+
}), null);
|
|
6301
|
+
web.insert(_el$1, web.createComponent(Collapsible, {
|
|
6302
|
+
get open() {
|
|
6303
|
+
return isOpened();
|
|
6304
|
+
},
|
|
6305
|
+
get children() {
|
|
6306
|
+
return web.createComponent(ScheduleRowBody, {
|
|
6307
|
+
get globalPreference() {
|
|
6308
|
+
return props.globalPreference;
|
|
6309
|
+
},
|
|
6310
|
+
isOpened
|
|
6311
|
+
});
|
|
6312
|
+
}
|
|
6313
|
+
}), null);
|
|
6314
|
+
web.effect(() => web.className(_el$1, style({
|
|
6315
|
+
key: "scheduleContainer",
|
|
6316
|
+
className: "nt-p-1 nt-bg-neutral-alpha-25 nt-rounded-lg nt-border nt-border-neutral-alpha-50",
|
|
6317
|
+
context: {
|
|
6318
|
+
schedule: schedule()
|
|
6319
|
+
}
|
|
6320
|
+
})));
|
|
6321
|
+
return _el$1;
|
|
6322
|
+
})(), _tmpl$73()];
|
|
6323
|
+
};
|
|
6324
|
+
web.delegateEvents(["click"]);
|
|
6325
|
+
|
|
6326
|
+
// src/ui/components/elements/Preferences/Preferences.tsx
|
|
6327
|
+
var _tmpl$67 = /* @__PURE__ */ web.template(`<div>`);
|
|
6328
|
+
var Preferences = () => {
|
|
6329
|
+
var _a, _b, _c;
|
|
6330
|
+
const novu = useNovu();
|
|
6331
|
+
const style = useStyle();
|
|
6332
|
+
const {
|
|
6333
|
+
preferencesFilter,
|
|
6334
|
+
preferenceGroups,
|
|
6335
|
+
preferencesSort
|
|
6336
|
+
} = useInboxContext();
|
|
6337
|
+
const {
|
|
6338
|
+
preferences,
|
|
6339
|
+
loading
|
|
6340
|
+
} = usePreferences({
|
|
6341
|
+
tags: (_a = preferencesFilter()) == null ? void 0 : _a.tags,
|
|
6342
|
+
severity: (_b = preferencesFilter()) == null ? void 0 : _b.severity,
|
|
6343
|
+
criticality: (_c = preferencesFilter()) == null ? void 0 : _c.criticality
|
|
6344
|
+
});
|
|
6345
|
+
const allPreferences = solidJs.createMemo(() => {
|
|
6346
|
+
var _a2, _b2;
|
|
6347
|
+
const globalPreference = (_a2 = preferences()) == null ? void 0 : _a2.find((preference) => preference.level === "global" /* GLOBAL */);
|
|
6348
|
+
let workflowPreferences = (_b2 = preferences()) == null ? void 0 : _b2.filter((preference) => preference.level === "template" /* TEMPLATE */);
|
|
6349
|
+
if (workflowPreferences && preferencesSort()) {
|
|
6350
|
+
workflowPreferences = [...workflowPreferences].sort(preferencesSort());
|
|
6351
|
+
}
|
|
6352
|
+
return {
|
|
6353
|
+
globalPreference,
|
|
6354
|
+
workflowPreferences
|
|
6355
|
+
};
|
|
6356
|
+
});
|
|
6357
|
+
solidJs.createEffect(() => {
|
|
6358
|
+
setDynamicLocalization((prev) => {
|
|
6359
|
+
var _a2;
|
|
5204
6360
|
return chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues({}, prev), (_a2 = allPreferences().workflowPreferences) == null ? void 0 : _a2.reduce((acc, preference) => {
|
|
5205
|
-
|
|
6361
|
+
var _a3, _b2;
|
|
6362
|
+
if (((_a3 = preference.workflow) == null ? void 0 : _a3.identifier) && ((_b2 = preference.workflow) == null ? void 0 : _b2.name)) {
|
|
6363
|
+
acc[preference.workflow.identifier] = preference.workflow.name;
|
|
6364
|
+
}
|
|
5206
6365
|
return acc;
|
|
5207
6366
|
}, {}));
|
|
5208
6367
|
});
|
|
@@ -5242,19 +6401,23 @@ var Preferences = () => {
|
|
|
5242
6401
|
};
|
|
5243
6402
|
}
|
|
5244
6403
|
if (typeof filter === "object") {
|
|
6404
|
+
let filteredPreferences = workflowPreferences.filter((preference) => {
|
|
6405
|
+
var _a3, _b3, _c3, _d, _e;
|
|
6406
|
+
const workflowId = ((_a3 = preference.workflow) == null ? void 0 : _a3.id) || ((_b3 = preference.workflow) == null ? void 0 : _b3.identifier);
|
|
6407
|
+
return ((_c3 = filter.workflowIds) == null ? void 0 : _c3.includes(workflowId != null ? workflowId : "")) || ((_d = filter.tags) == null ? void 0 : _d.some((tag) => {
|
|
6408
|
+
var _a4, _b4;
|
|
6409
|
+
return (_b4 = (_a4 = preference.workflow) == null ? void 0 : _a4.tags) == null ? void 0 : _b4.includes(tag);
|
|
6410
|
+
})) || Array.isArray(filter.severity) && filter.severity.some((severity) => {
|
|
6411
|
+
var _a4;
|
|
6412
|
+
return ((_a4 = preference.workflow) == null ? void 0 : _a4.severity) === severity;
|
|
6413
|
+
}) || !Array.isArray(filter.severity) && filter.severity === ((_e = preference.workflow) == null ? void 0 : _e.severity);
|
|
6414
|
+
});
|
|
6415
|
+
if (preferencesSort()) {
|
|
6416
|
+
filteredPreferences = [...filteredPreferences].sort(preferencesSort());
|
|
6417
|
+
}
|
|
5245
6418
|
return {
|
|
5246
6419
|
name: group.name,
|
|
5247
|
-
preferences:
|
|
5248
|
-
var _a3, _b3, _c3, _d, _e;
|
|
5249
|
-
const workflowId = ((_a3 = preference.workflow) == null ? void 0 : _a3.id) || ((_b3 = preference.workflow) == null ? void 0 : _b3.identifier);
|
|
5250
|
-
return ((_c3 = filter.workflowIds) == null ? void 0 : _c3.includes(workflowId != null ? workflowId : "")) || ((_d = filter.tags) == null ? void 0 : _d.some((tag) => {
|
|
5251
|
-
var _a4, _b4;
|
|
5252
|
-
return (_b4 = (_a4 = preference.workflow) == null ? void 0 : _a4.tags) == null ? void 0 : _b4.includes(tag);
|
|
5253
|
-
})) || Array.isArray(filter.severity) && filter.severity.some((severity) => {
|
|
5254
|
-
var _a4;
|
|
5255
|
-
return ((_a4 = preference.workflow) == null ? void 0 : _a4.severity) === severity;
|
|
5256
|
-
}) || !Array.isArray(filter.severity) && filter.severity === ((_e = preference.workflow) == null ? void 0 : _e.severity);
|
|
5257
|
-
})
|
|
6420
|
+
preferences: filteredPreferences
|
|
5258
6421
|
};
|
|
5259
6422
|
}
|
|
5260
6423
|
return {
|
|
@@ -5264,13 +6427,32 @@ var Preferences = () => {
|
|
|
5264
6427
|
})) != null ? _c2 : [];
|
|
5265
6428
|
});
|
|
5266
6429
|
return (() => {
|
|
5267
|
-
var _el$ = _tmpl$
|
|
5268
|
-
web.insert(_el$, web.createComponent(
|
|
5269
|
-
|
|
5270
|
-
get preference() {
|
|
6430
|
+
var _el$ = _tmpl$67();
|
|
6431
|
+
web.insert(_el$, web.createComponent(solidJs.Show, {
|
|
6432
|
+
get when() {
|
|
5271
6433
|
return allPreferences().globalPreference;
|
|
5272
6434
|
},
|
|
5273
|
-
|
|
6435
|
+
get children() {
|
|
6436
|
+
return web.createComponent(PreferencesRow, {
|
|
6437
|
+
iconKey: "cogs",
|
|
6438
|
+
get preference() {
|
|
6439
|
+
return allPreferences().globalPreference;
|
|
6440
|
+
},
|
|
6441
|
+
onChange: () => updatePreference(allPreferences().globalPreference)
|
|
6442
|
+
});
|
|
6443
|
+
}
|
|
6444
|
+
}), null);
|
|
6445
|
+
web.insert(_el$, web.createComponent(solidJs.Show, {
|
|
6446
|
+
get when() {
|
|
6447
|
+
return allPreferences().globalPreference;
|
|
6448
|
+
},
|
|
6449
|
+
get children() {
|
|
6450
|
+
return web.createComponent(ScheduleRow, {
|
|
6451
|
+
get globalPreference() {
|
|
6452
|
+
return allPreferences().globalPreference;
|
|
6453
|
+
}
|
|
6454
|
+
});
|
|
6455
|
+
}
|
|
5274
6456
|
}), null);
|
|
5275
6457
|
web.insert(_el$, web.createComponent(solidJs.Show, {
|
|
5276
6458
|
get when() {
|
|
@@ -5317,7 +6499,7 @@ var Preferences = () => {
|
|
|
5317
6499
|
}), null);
|
|
5318
6500
|
web.effect(() => web.className(_el$, style({
|
|
5319
6501
|
key: "preferencesContainer",
|
|
5320
|
-
className: "nt-px-3 nt-py-4 nt-flex nt-flex-col nt-gap-
|
|
6502
|
+
className: "nt-px-3 nt-py-4 nt-flex nt-flex-col nt-gap-2 nt-overflow-y-auto nt-h-full nt-pr-0 [scrollbar-gutter:stable]",
|
|
5321
6503
|
context: {
|
|
5322
6504
|
preferences: preferences(),
|
|
5323
6505
|
groups: groupedPreferences()
|
|
@@ -5326,7 +6508,7 @@ var Preferences = () => {
|
|
|
5326
6508
|
return _el$;
|
|
5327
6509
|
})();
|
|
5328
6510
|
};
|
|
5329
|
-
var _tmpl$
|
|
6511
|
+
var _tmpl$68 = /* @__PURE__ */ web.template(`<div>`);
|
|
5330
6512
|
var Root = (props) => {
|
|
5331
6513
|
const [_, rest] = solidJs.splitProps(props, ["class"]);
|
|
5332
6514
|
const {
|
|
@@ -5342,7 +6524,7 @@ var Root = (props) => {
|
|
|
5342
6524
|
},
|
|
5343
6525
|
children: new Comment(" Powered by Novu - https://novu.co ")
|
|
5344
6526
|
}), (() => {
|
|
5345
|
-
var _el$ = _tmpl$
|
|
6527
|
+
var _el$ = _tmpl$68();
|
|
5346
6528
|
web.spread(_el$, web.mergeProps({
|
|
5347
6529
|
get id() {
|
|
5348
6530
|
return `novu-root-${id()}`;
|
|
@@ -5357,7 +6539,7 @@ var Root = (props) => {
|
|
|
5357
6539
|
return _el$;
|
|
5358
6540
|
})()];
|
|
5359
6541
|
};
|
|
5360
|
-
var _tmpl$
|
|
6542
|
+
var _tmpl$69 = /* @__PURE__ */ web.template(`<div><div data-localization=preferences.title>`);
|
|
5361
6543
|
var PreferencesHeader = (props) => {
|
|
5362
6544
|
const style = useStyle();
|
|
5363
6545
|
const {
|
|
@@ -5369,7 +6551,7 @@ var PreferencesHeader = (props) => {
|
|
|
5369
6551
|
iconKey: "arrowLeft"
|
|
5370
6552
|
});
|
|
5371
6553
|
return (() => {
|
|
5372
|
-
var _el$ = _tmpl$
|
|
6554
|
+
var _el$ = _tmpl$69(), _el$2 = _el$.firstChild;
|
|
5373
6555
|
web.insert(_el$, web.createComponent(solidJs.Show, {
|
|
5374
6556
|
get when() {
|
|
5375
6557
|
return props.navigateToNotifications;
|
|
@@ -5414,12 +6596,12 @@ var PreferencesHeader = (props) => {
|
|
|
5414
6596
|
return _el$;
|
|
5415
6597
|
})();
|
|
5416
6598
|
};
|
|
5417
|
-
var _tmpl$
|
|
5418
|
-
var _tmpl$
|
|
6599
|
+
var _tmpl$70 = /* @__PURE__ */ web.template(`<strong>`);
|
|
6600
|
+
var _tmpl$222 = /* @__PURE__ */ web.template(`<p>`);
|
|
5419
6601
|
var Bold = (props) => {
|
|
5420
6602
|
const style = useStyle();
|
|
5421
6603
|
return (() => {
|
|
5422
|
-
var _el$ = _tmpl$
|
|
6604
|
+
var _el$ = _tmpl$70();
|
|
5423
6605
|
web.insert(_el$, () => props.children);
|
|
5424
6606
|
web.effect(() => web.className(_el$, style({
|
|
5425
6607
|
key: props.appearanceKey || "strong",
|
|
@@ -5434,7 +6616,7 @@ var Markdown = (props) => {
|
|
|
5434
6616
|
const style = useStyle();
|
|
5435
6617
|
const tokens = solidJs.createMemo(() => chunkZB7IPCHY_js.parseMarkdownIntoTokens(local.children));
|
|
5436
6618
|
return (() => {
|
|
5437
|
-
var _el$2 = _tmpl$
|
|
6619
|
+
var _el$2 = _tmpl$222();
|
|
5438
6620
|
web.spread(_el$2, web.mergeProps({
|
|
5439
6621
|
get ["class"]() {
|
|
5440
6622
|
return style({
|
|
@@ -5471,7 +6653,7 @@ var Markdown = (props) => {
|
|
|
5471
6653
|
})();
|
|
5472
6654
|
};
|
|
5473
6655
|
var Markdown_default = Markdown;
|
|
5474
|
-
var _tmpl$
|
|
6656
|
+
var _tmpl$71 = /* @__PURE__ */ web.template(`<span>`);
|
|
5475
6657
|
var badgeVariants = classVarianceAuthority.cva(cn("nt-inline-flex nt-flex-row nt-gap-1 nt-items-center"), {
|
|
5476
6658
|
variants: {
|
|
5477
6659
|
variant: {
|
|
@@ -5490,7 +6672,7 @@ var Badge = (props) => {
|
|
|
5490
6672
|
const [local, rest] = solidJs.splitProps(props, ["class", "appearanceKey", "context"]);
|
|
5491
6673
|
const style = useStyle();
|
|
5492
6674
|
return (() => {
|
|
5493
|
-
var _el$ = _tmpl$
|
|
6675
|
+
var _el$ = _tmpl$71();
|
|
5494
6676
|
web.spread(_el$, web.mergeProps({
|
|
5495
6677
|
get ["data-variant"]() {
|
|
5496
6678
|
return props.variant;
|
|
@@ -5512,50 +6694,7 @@ var Badge = (props) => {
|
|
|
5512
6694
|
return _el$;
|
|
5513
6695
|
})();
|
|
5514
6696
|
};
|
|
5515
|
-
var _tmpl$
|
|
5516
|
-
var inputVariants = classVarianceAuthority.cva(cn(`focus-visible:nt-outline-none focus-visible:nt-ring-2 focus-visible:nt-rounded-md focus-visible:nt-ring-ring focus-visible:nt-ring-offset-2`), {
|
|
5517
|
-
variants: {
|
|
5518
|
-
variant: {
|
|
5519
|
-
default: "nt-border nt-border-neutral-200 nt-rounded-md nt-p-1 nt-bg-background"
|
|
5520
|
-
},
|
|
5521
|
-
size: {
|
|
5522
|
-
default: "nt-h-9",
|
|
5523
|
-
sm: "nt-h-8 nt-text-sm"
|
|
5524
|
-
}
|
|
5525
|
-
},
|
|
5526
|
-
defaultVariants: {
|
|
5527
|
-
variant: "default",
|
|
5528
|
-
size: "default"
|
|
5529
|
-
}
|
|
5530
|
-
});
|
|
5531
|
-
var Input = (props) => {
|
|
5532
|
-
const [local, rest] = solidJs.splitProps(props, ["class", "appearanceKey"]);
|
|
5533
|
-
const style = useStyle();
|
|
5534
|
-
return (() => {
|
|
5535
|
-
var _el$ = _tmpl$63();
|
|
5536
|
-
web.spread(_el$, web.mergeProps({
|
|
5537
|
-
get ["data-variant"]() {
|
|
5538
|
-
return props.variant;
|
|
5539
|
-
},
|
|
5540
|
-
get ["data-size"]() {
|
|
5541
|
-
return props.size;
|
|
5542
|
-
},
|
|
5543
|
-
get ["class"]() {
|
|
5544
|
-
return style({
|
|
5545
|
-
key: local.appearanceKey || "input",
|
|
5546
|
-
className: cn(inputVariants({
|
|
5547
|
-
variant: props.variant,
|
|
5548
|
-
size: props.size
|
|
5549
|
-
}), local.class)
|
|
5550
|
-
});
|
|
5551
|
-
}
|
|
5552
|
-
}, rest), false, false);
|
|
5553
|
-
return _el$;
|
|
5554
|
-
})();
|
|
5555
|
-
};
|
|
5556
|
-
|
|
5557
|
-
// src/ui/components/primitives/TimePicker.tsx
|
|
5558
|
-
var _tmpl$64 = /* @__PURE__ */ web.template(`<div><span>:</span><select><option value=AM>AM</option><option value=PM>PM`);
|
|
6697
|
+
var _tmpl$74 = /* @__PURE__ */ web.template(`<div><span>:</span><select><option value=AM>AM</option><option value=PM>PM`);
|
|
5559
6698
|
var TimePicker = (props) => {
|
|
5560
6699
|
const [local, rest] = solidJs.splitProps(props, ["value", "onChange", "class", "appearanceKey"]);
|
|
5561
6700
|
const style = useStyle();
|
|
@@ -5595,7 +6734,7 @@ var TimePicker = (props) => {
|
|
|
5595
6734
|
}
|
|
5596
6735
|
};
|
|
5597
6736
|
return (() => {
|
|
5598
|
-
var _el$ = _tmpl$
|
|
6737
|
+
var _el$ = _tmpl$74(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
|
|
5599
6738
|
_el$.$$click = (e) => e.stopPropagation();
|
|
5600
6739
|
web.spread(_el$, web.mergeProps({
|
|
5601
6740
|
get ["class"]() {
|
|
@@ -5605,7 +6744,7 @@ var TimePicker = (props) => {
|
|
|
5605
6744
|
});
|
|
5606
6745
|
}
|
|
5607
6746
|
}, rest), false, true);
|
|
5608
|
-
web.insert(_el$, web.createComponent(
|
|
6747
|
+
web.insert(_el$, web.createComponent(Input2, {
|
|
5609
6748
|
size: "sm",
|
|
5610
6749
|
type: "number",
|
|
5611
6750
|
min: "1",
|
|
@@ -5629,7 +6768,7 @@ var TimePicker = (props) => {
|
|
|
5629
6768
|
});
|
|
5630
6769
|
}
|
|
5631
6770
|
}), _el$2);
|
|
5632
|
-
web.insert(_el$, web.createComponent(
|
|
6771
|
+
web.insert(_el$, web.createComponent(Input2, {
|
|
5633
6772
|
size: "sm",
|
|
5634
6773
|
type: "number",
|
|
5635
6774
|
min: "0",
|
|
@@ -5698,18 +6837,18 @@ var enforceMinMax = (el) => {
|
|
|
5698
6837
|
web.delegateEvents(["click"]);
|
|
5699
6838
|
|
|
5700
6839
|
// src/ui/components/Notification/SnoozeDateTimePicker.tsx
|
|
5701
|
-
var _tmpl$
|
|
6840
|
+
var _tmpl$75 = /* @__PURE__ */ web.template(`<div><div><p></p></div><div>`);
|
|
5702
6841
|
var fiveMinutesFromNow = () => {
|
|
5703
6842
|
const futureTime = new Date(Date.now() + 5 * 60 * 1e3);
|
|
5704
|
-
const
|
|
5705
|
-
const isPM =
|
|
6843
|
+
const hours2 = futureTime.getHours();
|
|
6844
|
+
const isPM = hours2 >= 12;
|
|
5706
6845
|
let hour;
|
|
5707
|
-
if (
|
|
6846
|
+
if (hours2 === 0) {
|
|
5708
6847
|
hour = 12;
|
|
5709
|
-
} else if (
|
|
6848
|
+
} else if (hours2 === 12) {
|
|
5710
6849
|
hour = 12;
|
|
5711
6850
|
} else {
|
|
5712
|
-
hour =
|
|
6851
|
+
hour = hours2 % 12;
|
|
5713
6852
|
}
|
|
5714
6853
|
return {
|
|
5715
6854
|
hour,
|
|
@@ -5743,8 +6882,8 @@ var SnoozeDateTimePicker = (props) => {
|
|
|
5743
6882
|
var _a;
|
|
5744
6883
|
if (selectedDate() && timeValue()) {
|
|
5745
6884
|
const date = new Date(selectedDate());
|
|
5746
|
-
const
|
|
5747
|
-
date.setHours(
|
|
6885
|
+
const hours2 = convertTo24Hour(timeValue());
|
|
6886
|
+
date.setHours(hours2, timeValue().minute, 0, 0);
|
|
5748
6887
|
(_a = props.onSelect) == null ? void 0 : _a.call(props, date);
|
|
5749
6888
|
}
|
|
5750
6889
|
};
|
|
@@ -5755,8 +6894,8 @@ var SnoozeDateTimePicker = (props) => {
|
|
|
5755
6894
|
const getSelectedDateTime = () => {
|
|
5756
6895
|
if (!selectedDate() || !timeValue()) return null;
|
|
5757
6896
|
const date = new Date(selectedDate());
|
|
5758
|
-
const
|
|
5759
|
-
date.setHours(
|
|
6897
|
+
const hours2 = convertTo24Hour(timeValue());
|
|
6898
|
+
date.setHours(hours2, timeValue().minute, 0, 0);
|
|
5760
6899
|
return date;
|
|
5761
6900
|
};
|
|
5762
6901
|
const isTimeInPast = solidJs.createMemo(() => {
|
|
@@ -5795,7 +6934,7 @@ var SnoozeDateTimePicker = (props) => {
|
|
|
5795
6934
|
return t("snooze.datePicker.noDateSelectedTooltip");
|
|
5796
6935
|
});
|
|
5797
6936
|
return (() => {
|
|
5798
|
-
var _el$ = _tmpl$
|
|
6937
|
+
var _el$ = _tmpl$75(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$2.nextSibling;
|
|
5799
6938
|
_el$.$$click = (e) => e.stopPropagation();
|
|
5800
6939
|
web.insert(_el$, web.createComponent(DatePicker, {
|
|
5801
6940
|
onDateChange: (date) => setSelectedDate(date),
|
|
@@ -5892,8 +7031,8 @@ var SnoozeDateTimePicker = (props) => {
|
|
|
5892
7031
|
web.delegateEvents(["click"]);
|
|
5893
7032
|
|
|
5894
7033
|
// src/ui/components/Notification/NotificationActions.tsx
|
|
5895
|
-
var _tmpl$
|
|
5896
|
-
var _tmpl$
|
|
7034
|
+
var _tmpl$76 = /* @__PURE__ */ web.template(`<div><span>`);
|
|
7035
|
+
var _tmpl$223 = /* @__PURE__ */ web.template(`<span>`);
|
|
5897
7036
|
var SNOOZE_PRESETS = [{
|
|
5898
7037
|
key: "snooze.options.anHourFromNow",
|
|
5899
7038
|
hours: 1,
|
|
@@ -5941,7 +7080,7 @@ var SnoozeDropdownItem = (props) => {
|
|
|
5941
7080
|
iconKey: "clock"
|
|
5942
7081
|
});
|
|
5943
7082
|
const content = [(() => {
|
|
5944
|
-
var _el$ = _tmpl$
|
|
7083
|
+
var _el$ = _tmpl$76(), _el$2 = _el$.firstChild;
|
|
5945
7084
|
web.insert(_el$, web.createComponent(IconRendererWrapper, {
|
|
5946
7085
|
iconKey: "clock",
|
|
5947
7086
|
"class": snoozeItemIconClass,
|
|
@@ -5968,7 +7107,7 @@ var SnoozeDropdownItem = (props) => {
|
|
|
5968
7107
|
});
|
|
5969
7108
|
return _el$;
|
|
5970
7109
|
})(), (() => {
|
|
5971
|
-
var _el$3 = _tmpl$
|
|
7110
|
+
var _el$3 = _tmpl$223();
|
|
5972
7111
|
web.insert(_el$3, () => props.time);
|
|
5973
7112
|
web.effect(() => web.className(_el$3, style({
|
|
5974
7113
|
key: "dropdownItemRight__icon",
|
|
@@ -6367,10 +7506,10 @@ var renderNotificationActions = (notification, status) => {
|
|
|
6367
7506
|
};
|
|
6368
7507
|
|
|
6369
7508
|
// src/ui/components/Notification/DefaultNotification.tsx
|
|
6370
|
-
var _tmpl$
|
|
6371
|
-
var _tmpl$
|
|
6372
|
-
var _tmpl$
|
|
6373
|
-
var _tmpl$
|
|
7509
|
+
var _tmpl$77 = /* @__PURE__ */ web.template(`<span>`);
|
|
7510
|
+
var _tmpl$224 = /* @__PURE__ */ web.template(`<a><div></div><div><div></div><div></div></div><div class="nt-w-1.5 nt-flex nt-justify-center nt-shrink-0">`);
|
|
7511
|
+
var _tmpl$314 = /* @__PURE__ */ web.template(`<img>`);
|
|
7512
|
+
var _tmpl$412 = /* @__PURE__ */ web.template(`<div>`);
|
|
6374
7513
|
var SEVERITY_TO_BAR_KEYS = {
|
|
6375
7514
|
["none" /* NONE */]: "notificationBar",
|
|
6376
7515
|
["high" /* HIGH */]: "severityHigh__notificationBar",
|
|
@@ -6451,7 +7590,7 @@ var DefaultNotification = (props) => {
|
|
|
6451
7590
|
}
|
|
6452
7591
|
});
|
|
6453
7592
|
return (() => {
|
|
6454
|
-
var _el$ = _tmpl$
|
|
7593
|
+
var _el$ = _tmpl$224(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
|
|
6455
7594
|
_el$.$$click = handleNotificationClick;
|
|
6456
7595
|
web.insert(_el$, web.createComponent(solidJs.Show, {
|
|
6457
7596
|
get when() {
|
|
@@ -6464,7 +7603,7 @@ var DefaultNotification = (props) => {
|
|
|
6464
7603
|
},
|
|
6465
7604
|
get fallback() {
|
|
6466
7605
|
return (() => {
|
|
6467
|
-
var _el$9 = _tmpl$
|
|
7606
|
+
var _el$9 = _tmpl$412();
|
|
6468
7607
|
web.effect(() => web.className(_el$9, style({
|
|
6469
7608
|
key: "notificationImageLoadingFallback",
|
|
6470
7609
|
className: "nt-size-8 nt-rounded-lg nt-shrink-0 nt-aspect-square",
|
|
@@ -6476,7 +7615,7 @@ var DefaultNotification = (props) => {
|
|
|
6476
7615
|
})();
|
|
6477
7616
|
},
|
|
6478
7617
|
get children() {
|
|
6479
|
-
var _el$8 = _tmpl$
|
|
7618
|
+
var _el$8 = _tmpl$314();
|
|
6480
7619
|
web.effect((_p$) => {
|
|
6481
7620
|
var _v$6 = style({
|
|
6482
7621
|
key: "notificationImage",
|
|
@@ -6557,16 +7696,16 @@ var DefaultNotification = (props) => {
|
|
|
6557
7696
|
},
|
|
6558
7697
|
get fallback() {
|
|
6559
7698
|
return (() => {
|
|
6560
|
-
var _el$
|
|
6561
|
-
web.insert(_el$
|
|
6562
|
-
web.effect(() => web.className(_el$
|
|
7699
|
+
var _el$0 = _tmpl$412();
|
|
7700
|
+
web.insert(_el$0, () => renderNotificationActions(props.notification, status));
|
|
7701
|
+
web.effect(() => web.className(_el$0, style({
|
|
6563
7702
|
key: "notificationDefaultActions",
|
|
6564
7703
|
className: `nt-absolute nt-transition nt-duration-100 nt-ease-out nt-gap-0.5 nt-flex nt-shrink-0 nt-opacity-0 group-hover:nt-opacity-100 group-focus-within:nt-opacity-100 nt-justify-center nt-items-center nt-bg-background/90 nt-right-3 nt-top-3 nt-border nt-border-neutral-alpha-100 nt-rounded-lg nt-backdrop-blur-lg nt-p-0.5`,
|
|
6565
7704
|
context: {
|
|
6566
7705
|
notification: props.notification
|
|
6567
7706
|
}
|
|
6568
7707
|
})));
|
|
6569
|
-
return _el$
|
|
7708
|
+
return _el$0;
|
|
6570
7709
|
})();
|
|
6571
7710
|
},
|
|
6572
7711
|
children: (renderDefaultActions) => web.createComponent(ExternalElementRenderer, {
|
|
@@ -6583,8 +7722,8 @@ var DefaultNotification = (props) => {
|
|
|
6583
7722
|
return props.notification.primaryAction || props.notification.secondaryAction;
|
|
6584
7723
|
},
|
|
6585
7724
|
get children() {
|
|
6586
|
-
var _el$
|
|
6587
|
-
web.insert(_el$
|
|
7725
|
+
var _el$1 = _tmpl$412();
|
|
7726
|
+
web.insert(_el$1, web.createComponent(solidJs.Show, {
|
|
6588
7727
|
get when() {
|
|
6589
7728
|
return props.notification.primaryAction;
|
|
6590
7729
|
},
|
|
@@ -6603,7 +7742,7 @@ var DefaultNotification = (props) => {
|
|
|
6603
7742
|
}
|
|
6604
7743
|
})
|
|
6605
7744
|
}), null);
|
|
6606
|
-
web.insert(_el$
|
|
7745
|
+
web.insert(_el$1, web.createComponent(solidJs.Show, {
|
|
6607
7746
|
get when() {
|
|
6608
7747
|
return props.notification.secondaryAction;
|
|
6609
7748
|
},
|
|
@@ -6622,14 +7761,14 @@ var DefaultNotification = (props) => {
|
|
|
6622
7761
|
}
|
|
6623
7762
|
})
|
|
6624
7763
|
}), null);
|
|
6625
|
-
web.effect(() => web.className(_el$
|
|
7764
|
+
web.effect(() => web.className(_el$1, style({
|
|
6626
7765
|
key: "notificationCustomActions",
|
|
6627
7766
|
className: "nt-flex nt-flex-wrap nt-gap-2",
|
|
6628
7767
|
context: {
|
|
6629
7768
|
notification: props.notification
|
|
6630
7769
|
}
|
|
6631
7770
|
})));
|
|
6632
|
-
return _el$
|
|
7771
|
+
return _el$1;
|
|
6633
7772
|
}
|
|
6634
7773
|
});
|
|
6635
7774
|
},
|
|
@@ -6747,7 +7886,7 @@ var DefaultNotification = (props) => {
|
|
|
6747
7886
|
return !props.notification.isRead;
|
|
6748
7887
|
},
|
|
6749
7888
|
get children() {
|
|
6750
|
-
var _el$7 = _tmpl$
|
|
7889
|
+
var _el$7 = _tmpl$77();
|
|
6751
7890
|
web.effect(() => web.className(_el$7, style({
|
|
6752
7891
|
key: "notificationDot",
|
|
6753
7892
|
className: "nt-size-1.5 nt-bg-primary nt-rounded-full",
|
|
@@ -6887,19 +8026,19 @@ var NewMessagesCta = (props) => {
|
|
|
6887
8026
|
}
|
|
6888
8027
|
});
|
|
6889
8028
|
};
|
|
6890
|
-
var _tmpl$
|
|
8029
|
+
var _tmpl$78 = /* @__PURE__ */ web.template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 16 16"fill=none><path fill=currentColor d="M12.1675 2.04492L11.5308 2.68164L11.1069 3.10645L12.9614 4.96094L12.7495 5.17383L10.894 3.31836L10.4692 3.74219L9.40967 4.80273L8.98486 5.22754L9.40967 5.65137L10.5747 6.81738L10.3628 7.03027L9.19775 5.86328L8.77295 5.43945L6.35889 7.85352L6.62744 8.26172C7.00257 8.83177 7.18147 9.50559 7.14111 10.1816L7.10986 10.4707C7.00656 11.1451 6.68818 11.7654 6.20557 12.2402L5.98877 12.4346C5.46027 12.8661 4.80786 13.1133 4.13135 13.1426L3.84033 13.1416C3.0614 13.1032 2.3236 12.7769 1.771 12.2266H1.77002C1.28602 11.744 0.974717 11.1186 0.877441 10.4473L0.849121 10.1572C0.814077 9.47419 1.00158 8.80051 1.38037 8.2373L1.55518 8.00293C2.04954 7.39769 2.75121 6.99767 3.52393 6.88086C4.29677 6.76406 5.0856 6.93884 5.73682 7.37109L6.146 7.64258L6.49268 7.29492L11.9546 1.83203L12.1675 2.04492ZM4.00537 7.10645C3.71967 7.11042 3.4363 7.15732 3.16553 7.24512L2.89893 7.34668C2.63748 7.46146 2.39532 7.61469 2.18018 7.80078L1.97803 7.99316C1.52375 8.46356 1.2476 9.0739 1.18994 9.71973L1.17822 9.99805C1.18392 10.6519 1.41417 11.2812 1.82568 11.7822L2.01318 11.9883C2.47551 12.4506 3.0805 12.7377 3.7251 12.8066L4.00342 12.8232C4.75062 12.8297 5.4708 12.5425 6.0083 12.0234L6.44775 11.5986L6.40186 11.5527C6.44537 11.4885 6.48869 11.4241 6.52686 11.3564L6.65479 11.1016C6.76956 10.84 6.84411 10.563 6.87646 10.2803L6.89404 9.99609C6.89801 9.71049 6.85899 9.42635 6.77881 9.15332L6.68506 8.88379C6.5776 8.61923 6.4315 8.3726 6.25146 8.15234L6.06006 7.94141C5.85804 7.73939 5.62719 7.56844 5.37549 7.43555L5.1167 7.31543C4.76396 7.17222 4.38604 7.10121 4.00537 7.10645Z"stroke=#525866 stroke-width=1.2>`);
|
|
6891
8030
|
function Key(props) {
|
|
6892
8031
|
return (() => {
|
|
6893
|
-
var _el$ = _tmpl$
|
|
8032
|
+
var _el$ = _tmpl$78();
|
|
6894
8033
|
web.spread(_el$, props, true, true);
|
|
6895
8034
|
return _el$;
|
|
6896
8035
|
})();
|
|
6897
8036
|
}
|
|
6898
8037
|
|
|
6899
8038
|
// src/ui/components/Notification/NotificationListSkeleton.tsx
|
|
6900
|
-
var _tmpl$
|
|
6901
|
-
var _tmpl$
|
|
6902
|
-
var _tmpl$
|
|
8039
|
+
var _tmpl$79 = /* @__PURE__ */ web.template(`<div>`);
|
|
8040
|
+
var _tmpl$225 = /* @__PURE__ */ web.template(`<p data-localization=notifications.emptyNotice>`);
|
|
8041
|
+
var _tmpl$315 = /* @__PURE__ */ web.template(`<div><p>Trigger your notification. No setup needed.</p><p>Temporary <Inbox />, data will expire in 24h. Connect API key to persists messages, enable
|
|
6903
8042
|
preferences, and connect email.</p><div><div>`);
|
|
6904
8043
|
var NotificationListSkeleton = (props) => {
|
|
6905
8044
|
const style = useStyle();
|
|
@@ -6910,7 +8049,7 @@ var NotificationListSkeleton = (props) => {
|
|
|
6910
8049
|
isKeyless
|
|
6911
8050
|
} = useInboxContext();
|
|
6912
8051
|
return (() => {
|
|
6913
|
-
var _el$ = _tmpl$
|
|
8052
|
+
var _el$ = _tmpl$79();
|
|
6914
8053
|
web.insert(_el$, web.createComponent(Motion.div, {
|
|
6915
8054
|
get animate() {
|
|
6916
8055
|
return {
|
|
@@ -6955,7 +8094,7 @@ var NotificationListSkeleton = (props) => {
|
|
|
6955
8094
|
appearanceKey: "notificationList__skeletonAvatar",
|
|
6956
8095
|
"class": "nt-w-8 nt-h-8 nt-rounded-full nt-bg-neutral-alpha-100"
|
|
6957
8096
|
}), (() => {
|
|
6958
|
-
var _el$3 = _tmpl$
|
|
8097
|
+
var _el$3 = _tmpl$79();
|
|
6959
8098
|
web.insert(_el$3, web.createComponent(SkeletonText, {
|
|
6960
8099
|
appearanceKey: "notificationList__skeletonText",
|
|
6961
8100
|
"class": "nt-h-2 nt-w-1/3 nt-bg-neutral-alpha-50 nt-rounded"
|
|
@@ -6972,7 +8111,7 @@ var NotificationListSkeleton = (props) => {
|
|
|
6972
8111
|
})()];
|
|
6973
8112
|
}
|
|
6974
8113
|
}))), (() => {
|
|
6975
|
-
var _el$2 = _tmpl$
|
|
8114
|
+
var _el$2 = _tmpl$79();
|
|
6976
8115
|
web.effect(() => web.className(_el$2, style({
|
|
6977
8116
|
key: "notificationListEmptyNoticeOverlay",
|
|
6978
8117
|
className: "nt-absolute nt-size-full nt-z-10 nt-inset-0 nt-bg-gradient-to-b nt-from-transparent nt-to-background"
|
|
@@ -7012,7 +8151,7 @@ var NotificationListSkeleton = (props) => {
|
|
|
7012
8151
|
},
|
|
7013
8152
|
get children() {
|
|
7014
8153
|
return web.memo(() => !!isKeyless())() ? web.createComponent(KeylessEmptyState, {}) : (() => {
|
|
7015
|
-
var _el$4 = _tmpl$
|
|
8154
|
+
var _el$4 = _tmpl$225();
|
|
7016
8155
|
web.insert(_el$4, () => t("notifications.emptyNotice"));
|
|
7017
8156
|
return _el$4;
|
|
7018
8157
|
})();
|
|
@@ -7031,7 +8170,7 @@ function KeylessEmptyState() {
|
|
|
7031
8170
|
const style = useStyle();
|
|
7032
8171
|
const novu = useNovu();
|
|
7033
8172
|
return (() => {
|
|
7034
|
-
var _el$5 = _tmpl$
|
|
8173
|
+
var _el$5 = _tmpl$315(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.firstChild;
|
|
7035
8174
|
web.insert(_el$8, web.createComponent(Button, {
|
|
7036
8175
|
variant: "secondary",
|
|
7037
8176
|
size: "sm",
|
|
@@ -7104,8 +8243,8 @@ function KeylessEmptyState() {
|
|
|
7104
8243
|
}
|
|
7105
8244
|
|
|
7106
8245
|
// src/ui/components/Notification/NotificationList.tsx
|
|
7107
|
-
var _tmpl$
|
|
7108
|
-
var _tmpl$
|
|
8246
|
+
var _tmpl$80 = /* @__PURE__ */ web.template(`<div>`);
|
|
8247
|
+
var _tmpl$226 = /* @__PURE__ */ web.template(`<div><div>`);
|
|
7109
8248
|
var NotificationList = (props) => {
|
|
7110
8249
|
var _a, _b, _c, _d, _e;
|
|
7111
8250
|
const options = solidJs.createMemo(() => chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, props.filter), {
|
|
@@ -7154,7 +8293,7 @@ var NotificationList = (props) => {
|
|
|
7154
8293
|
});
|
|
7155
8294
|
});
|
|
7156
8295
|
return (() => {
|
|
7157
|
-
var _el$ = _tmpl$
|
|
8296
|
+
var _el$ = _tmpl$226(), _el$2 = _el$.firstChild;
|
|
7158
8297
|
web.insert(_el$, web.createComponent(NewMessagesCta, {
|
|
7159
8298
|
get count() {
|
|
7160
8299
|
return count();
|
|
@@ -7183,7 +8322,7 @@ var NotificationList = (props) => {
|
|
|
7183
8322
|
children: (_, index) => {
|
|
7184
8323
|
const notification = () => data()[index()];
|
|
7185
8324
|
return (() => {
|
|
7186
|
-
var _el$4 = _tmpl$
|
|
8325
|
+
var _el$4 = _tmpl$80();
|
|
7187
8326
|
web.use((el) => {
|
|
7188
8327
|
observeNotification(el, notification().id);
|
|
7189
8328
|
const observer = new MutationObserver((mutations) => {
|
|
@@ -7246,7 +8385,7 @@ var NotificationList = (props) => {
|
|
|
7246
8385
|
return !end();
|
|
7247
8386
|
},
|
|
7248
8387
|
get children() {
|
|
7249
|
-
var _el$3 = _tmpl$
|
|
8388
|
+
var _el$3 = _tmpl$80();
|
|
7250
8389
|
web.use(setEl, _el$3);
|
|
7251
8390
|
web.insert(_el$3, web.createComponent(NotificationListSkeleton, {
|
|
7252
8391
|
loading: true
|
|
@@ -7280,13 +8419,13 @@ var NotificationList = (props) => {
|
|
|
7280
8419
|
return _el$;
|
|
7281
8420
|
})();
|
|
7282
8421
|
};
|
|
7283
|
-
var _tmpl$
|
|
8422
|
+
var _tmpl$81 = /* @__PURE__ */ web.template(`<span>`);
|
|
7284
8423
|
var getDisplayCount = (count) => count >= 100 ? "99+" : count;
|
|
7285
8424
|
var InboxTabUnreadNotificationsCount = (props) => {
|
|
7286
8425
|
const style = useStyle();
|
|
7287
8426
|
const displayCount = solidJs.createMemo(() => getDisplayCount(props.count));
|
|
7288
8427
|
return (() => {
|
|
7289
|
-
var _el$ = _tmpl$
|
|
8428
|
+
var _el$ = _tmpl$81();
|
|
7290
8429
|
web.insert(_el$, displayCount);
|
|
7291
8430
|
web.effect(() => web.className(_el$, style({
|
|
7292
8431
|
key: "notificationsTabsTriggerCount",
|
|
@@ -7320,7 +8459,7 @@ var InboxTab = (props) => {
|
|
|
7320
8459
|
},
|
|
7321
8460
|
get children() {
|
|
7322
8461
|
return [(() => {
|
|
7323
|
-
var _el$2 = _tmpl$
|
|
8462
|
+
var _el$2 = _tmpl$81();
|
|
7324
8463
|
web.insert(_el$2, () => props.label);
|
|
7325
8464
|
web.effect(() => web.className(_el$2, style({
|
|
7326
8465
|
key: "notificationsTabsTriggerLabel",
|
|
@@ -7367,7 +8506,7 @@ var InboxDropdownTab = (props) => {
|
|
|
7367
8506
|
},
|
|
7368
8507
|
get children() {
|
|
7369
8508
|
return [(() => {
|
|
7370
|
-
var _el$3 = _tmpl$
|
|
8509
|
+
var _el$3 = _tmpl$81();
|
|
7371
8510
|
web.insert(_el$3, () => props.label);
|
|
7372
8511
|
web.effect(() => web.className(_el$3, style({
|
|
7373
8512
|
key: "moreTabs__dropdownItemLabel",
|
|
@@ -7588,7 +8727,7 @@ var InboxTabs = (props) => {
|
|
|
7588
8727
|
};
|
|
7589
8728
|
|
|
7590
8729
|
// src/ui/components/Inbox.tsx
|
|
7591
|
-
var _tmpl$
|
|
8730
|
+
var _tmpl$83 = /* @__PURE__ */ web.template(`<div>`);
|
|
7592
8731
|
var InboxPage = /* @__PURE__ */ function(InboxPage2) {
|
|
7593
8732
|
InboxPage2["Notifications"] = "notifications";
|
|
7594
8733
|
InboxPage2["Preferences"] = "preferences";
|
|
@@ -7613,7 +8752,7 @@ var InboxContent = (props) => {
|
|
|
7613
8752
|
};
|
|
7614
8753
|
});
|
|
7615
8754
|
return (() => {
|
|
7616
|
-
var _el$ = _tmpl$
|
|
8755
|
+
var _el$ = _tmpl$83();
|
|
7617
8756
|
web.insert(_el$, web.createComponent(solidJs.Switch, {
|
|
7618
8757
|
get children() {
|
|
7619
8758
|
return [web.createComponent(solidJs.Match, {
|
|
@@ -7941,6 +9080,9 @@ var Renderer = (props) => {
|
|
|
7941
9080
|
get preferenceGroups() {
|
|
7942
9081
|
return props.preferenceGroups;
|
|
7943
9082
|
},
|
|
9083
|
+
get preferencesSort() {
|
|
9084
|
+
return props.preferencesSort;
|
|
9085
|
+
},
|
|
7944
9086
|
get routerPush() {
|
|
7945
9087
|
return props.routerPush;
|
|
7946
9088
|
},
|
|
@@ -7994,7 +9136,7 @@ var Renderer = (props) => {
|
|
|
7994
9136
|
};
|
|
7995
9137
|
|
|
7996
9138
|
// src/ui/novuUI.tsx
|
|
7997
|
-
var _dispose, _container, _setContainer, _rootElement, _mountedElements, _setMountedElements, _appearance, _setAppearance, _localization, _setLocalization, _options, _setOptions, _tabs, _setTabs, _routerPush, _setRouterPush, _preferencesFilter, _setPreferencesFilter, _preferenceGroups, _setPreferenceGroups, _predefinedNovu, _NovuUI_instances, getContainerElement_fn, mountComponentRenderer_fn, updateComponentProps_fn;
|
|
9139
|
+
var _dispose, _container, _setContainer, _rootElement, _mountedElements, _setMountedElements, _appearance, _setAppearance, _localization, _setLocalization, _options, _setOptions, _tabs, _setTabs, _routerPush, _setRouterPush, _preferencesFilter, _setPreferencesFilter, _preferenceGroups, _setPreferenceGroups, _preferencesSort, _setPreferencesSort, _predefinedNovu, _NovuUI_instances, getContainerElement_fn, mountComponentRenderer_fn, updateComponentProps_fn;
|
|
7998
9140
|
var NovuUI = class {
|
|
7999
9141
|
constructor(props) {
|
|
8000
9142
|
chunk7B52C2XE_js.__privateAdd(this, _NovuUI_instances);
|
|
@@ -8018,6 +9160,8 @@ var NovuUI = class {
|
|
|
8018
9160
|
chunk7B52C2XE_js.__privateAdd(this, _setPreferencesFilter);
|
|
8019
9161
|
chunk7B52C2XE_js.__privateAdd(this, _preferenceGroups);
|
|
8020
9162
|
chunk7B52C2XE_js.__privateAdd(this, _setPreferenceGroups);
|
|
9163
|
+
chunk7B52C2XE_js.__privateAdd(this, _preferencesSort);
|
|
9164
|
+
chunk7B52C2XE_js.__privateAdd(this, _setPreferencesSort);
|
|
8021
9165
|
chunk7B52C2XE_js.__privateAdd(this, _predefinedNovu);
|
|
8022
9166
|
var _a;
|
|
8023
9167
|
this.id = generateRandomString(16);
|
|
@@ -8028,6 +9172,7 @@ var NovuUI = class {
|
|
|
8028
9172
|
const [tabs, setTabs] = solidJs.createSignal((_a = props.tabs) != null ? _a : []);
|
|
8029
9173
|
const [preferencesFilter, setPreferencesFilter] = solidJs.createSignal(props.preferencesFilter);
|
|
8030
9174
|
const [preferenceGroups, setPreferenceGroups] = solidJs.createSignal(props.preferenceGroups);
|
|
9175
|
+
const [preferencesSort, setPreferencesSort] = solidJs.createSignal(props.preferencesSort);
|
|
8031
9176
|
const [routerPush, setRouterPush] = solidJs.createSignal(props.routerPush);
|
|
8032
9177
|
const [container, setContainer] = solidJs.createSignal(chunk7B52C2XE_js.__privateMethod(this, _NovuUI_instances, getContainerElement_fn).call(this, props.container));
|
|
8033
9178
|
chunk7B52C2XE_js.__privateSet(this, _mountedElements, mountedElements);
|
|
@@ -8047,6 +9192,8 @@ var NovuUI = class {
|
|
|
8047
9192
|
chunk7B52C2XE_js.__privateSet(this, _setPreferencesFilter, setPreferencesFilter);
|
|
8048
9193
|
chunk7B52C2XE_js.__privateSet(this, _preferenceGroups, preferenceGroups);
|
|
8049
9194
|
chunk7B52C2XE_js.__privateSet(this, _setPreferenceGroups, setPreferenceGroups);
|
|
9195
|
+
chunk7B52C2XE_js.__privateSet(this, _preferencesSort, preferencesSort);
|
|
9196
|
+
chunk7B52C2XE_js.__privateSet(this, _setPreferencesSort, setPreferencesSort);
|
|
8050
9197
|
chunk7B52C2XE_js.__privateSet(this, _container, container);
|
|
8051
9198
|
chunk7B52C2XE_js.__privateSet(this, _setContainer, setContainer);
|
|
8052
9199
|
chunk7B52C2XE_js.__privateMethod(this, _NovuUI_instances, mountComponentRenderer_fn).call(this);
|
|
@@ -8093,6 +9240,9 @@ var NovuUI = class {
|
|
|
8093
9240
|
updatePreferenceGroups(preferenceGroups) {
|
|
8094
9241
|
chunk7B52C2XE_js.__privateGet(this, _setPreferenceGroups).call(this, preferenceGroups);
|
|
8095
9242
|
}
|
|
9243
|
+
updatePreferencesSort(preferencesSort) {
|
|
9244
|
+
chunk7B52C2XE_js.__privateGet(this, _setPreferencesSort).call(this, () => preferencesSort);
|
|
9245
|
+
}
|
|
8096
9246
|
updateRouterPush(routerPush) {
|
|
8097
9247
|
chunk7B52C2XE_js.__privateGet(this, _setRouterPush).call(this, () => routerPush);
|
|
8098
9248
|
}
|
|
@@ -8126,6 +9276,8 @@ _preferencesFilter = new WeakMap();
|
|
|
8126
9276
|
_setPreferencesFilter = new WeakMap();
|
|
8127
9277
|
_preferenceGroups = new WeakMap();
|
|
8128
9278
|
_setPreferenceGroups = new WeakMap();
|
|
9279
|
+
_preferencesSort = new WeakMap();
|
|
9280
|
+
_setPreferencesSort = new WeakMap();
|
|
8129
9281
|
_predefinedNovu = new WeakMap();
|
|
8130
9282
|
_NovuUI_instances = new WeakSet();
|
|
8131
9283
|
getContainerElement_fn = function(container) {
|
|
@@ -8178,6 +9330,10 @@ mountComponentRenderer_fn = function() {
|
|
|
8178
9330
|
var _a;
|
|
8179
9331
|
return chunk7B52C2XE_js.__privateGet(_a = _self$, _preferenceGroups).call(_a);
|
|
8180
9332
|
},
|
|
9333
|
+
get preferencesSort() {
|
|
9334
|
+
var _a;
|
|
9335
|
+
return chunk7B52C2XE_js.__privateGet(_a = _self$, _preferencesSort).call(_a);
|
|
9336
|
+
},
|
|
8181
9337
|
get routerPush() {
|
|
8182
9338
|
var _a;
|
|
8183
9339
|
return chunk7B52C2XE_js.__privateGet(_a = _self$, _routerPush).call(_a);
|