@nldd/design-system 0.8.38 → 0.8.40
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/components/components.js +1083 -439
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +28 -0
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
- package/dist/components/content/icon/icon-registry.js +40 -30
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.d.ts +9 -1
- package/dist/components/inputs/checkbox/checkbox.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.js +22 -1
- package/dist/components/inputs/checkbox/checkbox.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.d.ts +7 -0
- package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.js +34 -1
- package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +74 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +175 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts +2 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +174 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.d.ts +5 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.d.ts.map +1 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js +48 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js.map +1 -0
- package/dist/components/inputs/number-field/number-field.d.ts +6 -0
- package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.js +21 -1
- package/dist/components/inputs/number-field/number-field.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.d.ts +7 -4
- package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.js +20 -5
- package/dist/components/inputs/password-field/password-field.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.d.ts +9 -1
- package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.js +21 -1
- package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.d.ts +7 -0
- package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.js +20 -1
- package/dist/components/inputs/search-field/search-field.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.d.ts +8 -0
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +48 -1
- package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.d.ts +10 -1
- package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.js +28 -0
- package/dist/components/inputs/stepper/stepper.js.map +1 -1
- package/dist/components/inputs/switch/switch.d.ts +9 -1
- package/dist/components/inputs/switch/switch.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.js +22 -0
- package/dist/components/inputs/switch/switch.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.d.ts +7 -3
- package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.js +20 -4
- package/dist/components/inputs/text-field/text-field.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.d.ts +9 -2
- package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.js +22 -2
- package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +8 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
- package/package.json +5 -1
|
@@ -435,6 +435,10 @@ const aliases = {
|
|
|
435
435
|
"analytics": "chart-x-y-axis-line",
|
|
436
436
|
"chart-line": "chart-x-y-axis-line",
|
|
437
437
|
"graph": "chart-x-y-axis-line",
|
|
438
|
+
// check-list
|
|
439
|
+
"tasks": "check-list",
|
|
440
|
+
"todos": "check-list",
|
|
441
|
+
"checklist": "check-list",
|
|
438
442
|
// check-mark
|
|
439
443
|
"checked": "check-mark",
|
|
440
444
|
// check-mark-circle
|
|
@@ -480,6 +484,14 @@ const aliases = {
|
|
|
480
484
|
// eye-slash
|
|
481
485
|
"hidden": "eye-slash",
|
|
482
486
|
"hide": "eye-slash",
|
|
487
|
+
// face-frowning
|
|
488
|
+
"sad": "face-frowning",
|
|
489
|
+
"frowning": "face-frowning",
|
|
490
|
+
// face-smiling
|
|
491
|
+
"happy": "face-smiling",
|
|
492
|
+
"smiling": "face-smiling",
|
|
493
|
+
// face-smiling-badge-plus
|
|
494
|
+
"add-emoji": "face-smiling-badge-plus",
|
|
483
495
|
// file-text
|
|
484
496
|
"document": "file-text",
|
|
485
497
|
"file": "file-text",
|
|
@@ -499,6 +511,9 @@ const aliases = {
|
|
|
499
511
|
// info-circle
|
|
500
512
|
"info": "info-circle",
|
|
501
513
|
"information": "info-circle",
|
|
514
|
+
// link
|
|
515
|
+
"url": "link",
|
|
516
|
+
"hyperlink": "link",
|
|
502
517
|
// list
|
|
503
518
|
"menu": "list",
|
|
504
519
|
// list-arrow-down
|
|
@@ -528,6 +543,11 @@ const aliases = {
|
|
|
528
543
|
// moon
|
|
529
544
|
"dark-mode": "moon",
|
|
530
545
|
"night": "moon",
|
|
546
|
+
// paper-plane
|
|
547
|
+
"send": "paper-plane",
|
|
548
|
+
// paperclip
|
|
549
|
+
"attachment": "paperclip",
|
|
550
|
+
"attach": "paperclip",
|
|
531
551
|
// pencil
|
|
532
552
|
"write": "pencil",
|
|
533
553
|
// pencil-on-square
|
|
@@ -561,6 +581,12 @@ const aliases = {
|
|
|
561
581
|
// slash-circle
|
|
562
582
|
"blocked": "slash-circle",
|
|
563
583
|
"forbidden": "slash-circle",
|
|
584
|
+
// sparkles
|
|
585
|
+
"ai": "sparkles",
|
|
586
|
+
"magic": "sparkles",
|
|
587
|
+
// square-and-arrow-right
|
|
588
|
+
"logout": "square-and-arrow-right",
|
|
589
|
+
"exit": "square-and-arrow-right",
|
|
564
590
|
// square-arrow-up
|
|
565
591
|
"share": "square-arrow-up",
|
|
566
592
|
// square-arrow-right-top
|
|
@@ -577,139 +603,151 @@ const aliases = {
|
|
|
577
603
|
// terminal
|
|
578
604
|
"cli": "terminal",
|
|
579
605
|
"console": "terminal",
|
|
606
|
+
// timer
|
|
607
|
+
"countdown": "timer",
|
|
580
608
|
// trash
|
|
581
609
|
"delete": "trash"
|
|
582
610
|
};
|
|
583
611
|
const iconRegistry = /* @__PURE__ */ new Map([
|
|
584
612
|
["apartment-building", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M11 16H9v-2h2zM15 16h-2v-2h2zM11 12H9v-2h2zM15 12h-2v-2h2zM11 8H9V6h2zM15 8h-2V6h2z"/>\n <path fill="currentColor" d="M16 2a3 3 0 0 1 3 3v17h-6v-2h-2v2H5V5a3 3 0 0 1 3-3zM8 4a1 1 0 0 0-1 1v15h2v-2h6v2h2V5a1 1 0 0 0-1-1z"/>\n</svg>'],
|
|
585
613
|
["arrow-2-counter-clockwise", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M4 12a8 8 0 0 0 14.93 4H16v-2h6v6h-2v-2a9.98 9.98 0 0 1-18-6zM12 2a10 10 0 0 1 10 10h-2A8 8 0 0 0 5.07 8H8v2H2V4h2v2a10 10 0 0 1 8-4"/>\n</svg>'],
|
|
586
|
-
["arrow-down-in-bucket", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M13 3v10.586l4.293-4.293 1.414 1.414L12 17.414l-6.707-6.707 1.414-1.414L11 13.586V3zM5 16v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3h2v3a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-3z"/>\n</svg>'],
|
|
587
614
|
["arrow-down", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m4 12 8 8 8-8-1.42-1.41L13 16.172V3h-2v13.172L5.42 10.59z"/>\n</svg>'],
|
|
615
|
+
["arrow-down-in-bucket", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M13 3v10.586l4.293-4.293 1.414 1.414L12 17.414l-6.707-6.707 1.414-1.414L11 13.586V3zM5 16v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3h2v3a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-3z"/>\n</svg>'],
|
|
588
616
|
["arrow-left", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m12 4-8 8 8 8 1.41-1.42L7.828 13H21v-2H7.828l5.582-5.58z"/>\n</svg>'],
|
|
589
617
|
["arrow-right", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m12 4 8 8-8 8-1.41-1.42L16.172 13H3v-2h13.172L10.59 5.42z"/>\n</svg>'],
|
|
590
618
|
["arrow-u-turn-backward", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M9.4 5.4 5.82 9H17a5 5 0 0 1 0 10h-2v-2h2a3 3 0 1 0 0-6H5.82l3.58 3.6L8 16l-6-6 6-6z"/>\n</svg>'],
|
|
591
619
|
["arrow-u-turn-forward", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M14.6 5.4 18.18 9H7a5 5 0 0 0 0 10h2v-2H7a3 3 0 1 1 0-6h11.18l-3.58 3.6L16 16l6-6-6-6z"/>\n</svg>'],
|
|
592
|
-
["arrow-up-arrow-down", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m7 3.586 5.707 5.707-1.414 1.414L8 7.414V20H6V7.414l-3.293 3.293-1.414-1.414zM18 4v12.586l3.293-3.293 1.414 1.414L17 20.414l-5.707-5.707 1.414-1.414L16 16.586V4z"/>\n</svg>'],
|
|
593
620
|
["arrow-up", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m4 12 8-8 8 8-1.42 1.41L13 7.828V21h-2V7.828L5.42 13.41z"/>\n</svg>'],
|
|
621
|
+
["arrow-up-arrow-down", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m7 3.586 5.707 5.707-1.414 1.414L8 7.414V20H6V7.414l-3.293 3.293-1.414-1.414zM18 4v12.586l3.293-3.293 1.414 1.414L17 20.414l-5.707-5.707 1.414-1.414L16 16.586V4z"/>\n</svg>'],
|
|
594
622
|
["bold", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M5.5 22V2h6.067q3.628 0 5.335 1.311 1.708 1.311 1.708 3.506 0 1.86-.854 3.018a4.35 4.35 0 0 1-2.165 1.586v.091q1.86.366 2.836 1.555 1.006 1.159 1.006 2.896 0 2.867-1.92 4.452Q15.59 21.999 11.81 22zm3.902-3.14h2.257q1.829 0 2.743-.732.915-.762.915-2.134 0-1.311-.915-1.982-.884-.7-3.14-.701h-1.86zm0-8.537h1.769q1.677 0 2.5-.64.823-.67.823-2.043 0-1.25-.762-1.86-.732-.64-2.47-.64h-1.86z"/>\n</svg>'],
|
|
595
623
|
["brackets-ellipsis", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M7 6H4v12h3v2H2V4h5zM22 20h-5v-2h3V6h-3V4h5z"/>\n <path fill="currentColor" d="M7.5 13a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3M12 13a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3M16.5 13a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3"/>\n</svg>'],
|
|
596
624
|
["bullet-list", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M4.5 16.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3M22 19H9v-2h13zM4.5 10.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3M22 13H9v-2h13zM4.5 4.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3M22 7H9V5h13z"/>\n</svg>'],
|
|
597
625
|
["business-suitcase", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M14 2c1.66 0 3 1.34 3 3v1h2a3 3 0 0 1 3 3v9c0 1.66-1.34 3-3 3H5c-1.66 0-3-1.34-3-3V9a3 3 0 0 1 3-3h2V5a3 3 0 0 1 3-3zM5 8a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1zm5-4a1 1 0 0 0-1 1v1h6V5a1 1 0 0 0-1-1z"/>\n</svg>'],
|
|
598
626
|
["calendar-event", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M8 2a1 1 0 0 1 1 1v1h6V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1M7 6H6a1 1 0 0 0-1 1v3h14V7a1 1 0 0 0-1-1h-1v1a1 1 0 1 1-2 0V6H9v1a1 1 0 0 1-2 0zm12 6H5v7a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1zM7 14h4v4H7z"/>\n</svg>'],
|
|
627
|
+
["caret-down", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m2 8 10 10L22 8z"/>\n</svg>'],
|
|
599
628
|
["caret-down-extra-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m6 10 6 6 6-6z"/>\n</svg>'],
|
|
600
629
|
["caret-down-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m4 9 8 8 8-8z"/>\n</svg>'],
|
|
601
|
-
["caret-
|
|
630
|
+
["caret-left", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m16 21.7-10-10 10-10z"/>\n</svg>'],
|
|
602
631
|
["caret-left-extra-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m14 18-6-6 6-6z"/>\n</svg>'],
|
|
603
632
|
["caret-left-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m15 20-8-8 8-8z"/>\n</svg>'],
|
|
604
|
-
["caret-
|
|
633
|
+
["caret-right", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m8 1.7 10 10-10 10z"/>\n</svg>'],
|
|
605
634
|
["caret-right-extra-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m10 6 6 6-6 6z"/>\n</svg>'],
|
|
606
635
|
["caret-right-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m9 4 8 8-8 8z"/>\n</svg>'],
|
|
607
|
-
["caret-
|
|
636
|
+
["caret-up", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M2 16 12 6l10 10z"/>\n</svg>'],
|
|
608
637
|
["caret-up-extra-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m6 14 6-6 6 6z"/>\n</svg>'],
|
|
609
638
|
["caret-up-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m4 15 8-8 8 8z"/>\n</svg>'],
|
|
610
|
-
["caret-up", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M2 16 12 6l10 10z"/>\n</svg>'],
|
|
611
639
|
["certificate", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M15 11a3 3 0 0 1 2 5.23V21l-2-1-2 1v-4.77A2.99 2.99 0 0 1 15 11m0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2"/>\n <path fill="currentColor" d="M19 3a3 3 0 0 1 3 3v10c0 1.67-1.33 3-3 3h-1v-2h1a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7v2H5c-1.67 0-3-1.33-3-3V6a3 3 0 0 1 3-3z"/>\n <path fill="currentColor" d="M10 13H6v-2h4zM18 9H6V7h12z"/>\n</svg>'],
|
|
612
640
|
["chart-x-y-axis-line", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M4 19h18v2H2V3h2z"/>\n <path fill="currentColor" d="M20.7 7.7 14 14.42l-3-3-3.3 3.3-1.4-1.42L11 8.6l3 3 5.3-5.3z"/>\n</svg>'],
|
|
641
|
+
["check-list", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M5 14a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3"/>\n <path fill="currentColor" d="M16 20h-6v-2h6zM22 16H10v-2h12zM18 10h-8V8h8zM8.56 5 4.5 9.06 1.94 6.5 3 5.44l1.5 1.5 3-3zM22 6H10V4h12z"/>\n</svg>'],
|
|
642
|
+
["check-mark", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M21.707 6.707 10 18.414l-6.707-6.707 1.414-1.414L10 15.586 20.293 5.293z"/>\n</svg>'],
|
|
613
643
|
["check-mark-circle", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12m14.707-2.113L11 15.594l-3.707-3.707 1.414-1.415L11 12.765l4.293-4.293z"/>\n</svg>'],
|
|
614
644
|
["check-mark-extra-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m17.664 8.707-7.707 7.707-3.707-3.707 1.414-1.414 2.293 2.293 6.293-6.293z"/>\n</svg>'],
|
|
615
645
|
["check-mark-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m19.204 7.707-9.707 9.707-4.707-4.707 1.414-1.414 3.293 3.293 8.293-8.293z"/>\n</svg>'],
|
|
616
|
-
["
|
|
646
|
+
["chevron-double-left", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M14 3.4 5.429 12 14 20.6 12.6 22l-10-10.001L12.6 2z"/>\n <path fill="currentColor" d="M22 3.4 13.429 12 22 20.6 20.6 22l-10-10.001L20.6 2z"/>\n</svg>'],
|
|
617
647
|
["chevron-double-left-extra-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 7.4 7.429 12 12 16.6 10.6 18l-6-6.001L10.6 6z"/>\n <path fill="currentColor" d="M18 7.4 13.429 12 18 16.6 16.6 18l-6-6.001L16.6 6z"/>\n</svg>'],
|
|
618
648
|
["chevron-double-left-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M14 5.4 7.429 12 14 18.6 12.6 20l-8-8.001L12.6 4z"/>\n <path fill="currentColor" d="M21 5.4 14.429 12 21 18.6 19.6 20l-8-8.001L19.6 4z"/>\n</svg>'],
|
|
619
|
-
["chevron-double-
|
|
649
|
+
["chevron-double-right", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M11.172 11.7 2.6 3.1 4 1.7l10 10-10 10-1.4-1.4z"/>\n <path fill="currentColor" d="M19.172 11.7 10.6 3.1 12 1.7l10 10-10 10-1.4-1.4z"/>\n</svg>'],
|
|
620
650
|
["chevron-double-right-extra-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M16.172 12 11.6 7.4 13 6l6 6-6 6-1.4-1.4z"/>\n <path fill="currentColor" d="M10.172 12 5.6 7.4 7 6l6 6-6 6-1.4-1.4z"/>\n</svg>'],
|
|
621
651
|
["chevron-double-right-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18.172 12 11.6 5.4 13 4l8 8-8 8-1.4-1.4z"/>\n <path fill="currentColor" d="M11.172 12 4.6 5.4 6 4l8 8-8 8-1.4-1.4z"/>\n</svg>'],
|
|
622
|
-
["chevron-
|
|
652
|
+
["chevron-down", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 15.172 3.4 6.6 2 8l10 10L22 8l-1.4-1.4z"/>\n</svg>'],
|
|
623
653
|
["chevron-down-extra-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 13.172 7.4 8.6 6 10l6 6 6-6-1.4-1.4z"/>\n</svg>'],
|
|
624
654
|
["chevron-down-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 14.172 5.4 7.6 4 9l8 8 8-8-1.4-1.4z"/>\n</svg>'],
|
|
625
|
-
["chevron-
|
|
655
|
+
["chevron-left", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m8.828 11.7 8.572 8.6-1.4 1.4-10-10 10-10 1.4 1.4z"/>\n</svg>'],
|
|
626
656
|
["chevron-left-extra-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m10.828 12 4.572 4.6L14 18l-6-6 6-6 1.4 1.4z"/>\n</svg>'],
|
|
627
657
|
["chevron-left-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m9.828 12 6.572 6.6L15 20l-8-8 8-8 1.4 1.4z"/>\n</svg>'],
|
|
628
|
-
["chevron-
|
|
658
|
+
["chevron-right", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M15.172 11.7 6.6 3.1 8 1.7l10 10-10 10-1.4-1.4z"/>\n</svg>'],
|
|
629
659
|
["chevron-right-extra-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M13.172 12 8.6 7.4 10 6l6 6-6 6-1.4-1.4z"/>\n</svg>'],
|
|
630
660
|
["chevron-right-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M14.172 12 7.6 5.4 9 4l8 8-8 8-1.4-1.4z"/>\n</svg>'],
|
|
631
|
-
["chevron-
|
|
661
|
+
["chevron-up", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 8.828 3.4 17.4 2 16 12 6l10 10-1.4 1.4z"/>\n</svg>'],
|
|
632
662
|
["chevron-up-down", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 5.828 7.4 10.4 6 9l6-6 6 6-1.4 1.4zm0 12.344L7.4 13.6 6 15l6 6 6-6-1.4-1.4z"/>\n</svg>'],
|
|
633
663
|
["chevron-up-extra-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 10.828 7.4 15.4 6 14l6-6 6 6-1.4 1.4z"/>\n</svg>'],
|
|
634
664
|
["chevron-up-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 9.828 5.4 16.4 4 15l8-8 8 8-1.4 1.4z"/>\n</svg>'],
|
|
635
|
-
["chevron-up", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 8.828 3.4 17.4 2 16 12 6l10 10-1.4 1.4z"/>\n</svg>'],
|
|
636
665
|
["circle-dashed", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path\n fill="currentColor"\n d="M14.59 21.66a10.05 10.05 0 0 1-5.18 0l.52-1.93a8.05 8.05 0 0 0 4.14 0zM5.07 16A8.05 8.05 0 0 0 8 18.93l-1 1.73A10.05 10.05 0 0 1 3.34 17zm15.59 1A10.04 10.04 0 0 1 17 20.66l-1-1.73A8.05 8.05 0 0 0 18.93 16zM4.27 9.93A8 8 0 0 0 4 12a8 8 0 0 0 .27 2.07l-1.93.52a10 10 0 0 1 0-5.18zm17.39-.52a10 10 0 0 1 0 5.18l-.96-.26-.97-.26a8.06 8.06 0 0 0 0-4.14zM8 5.07A8.05 8.05 0 0 0 5.07 8L3.34 7A10.05 10.05 0 0 1 7 3.34zm9-1.73A10.05 10.05 0 0 1 20.66 7l-1.73 1A8.05 8.05 0 0 0 16 5.07zM12 2c.9 0 1.76.12 2.59.34l-.26.96-.26.97A8 8 0 0 0 12 4a8 8 0 0 0-2.07.27L9.4 2.34C10.24 2.12 11.11 2 12 2"\n />\n</svg>'],
|
|
666
|
+
["circle-filled", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M2 12c0 5.51 4.49 10 10 10s10-4.49 10-10S17.51 2 12 2 2 6.49 2 12"/>\n</svg>'],
|
|
637
667
|
["circle-filled-extra-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M8 12c0 2.204 1.796 4 4 4s4-1.796 4-4-1.796-4-4-4-4 1.796-4 4"/>\n</svg>'],
|
|
638
668
|
["circle-filled-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M6 12c0 3.306 2.694 6 6 6s6-2.694 6-6-2.694-6-6-6a6.01 6.01 0 0 0-6 6"/>\n</svg>'],
|
|
639
|
-
["circle-filled", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M2 12c0 5.51 4.49 10 10 10s10-4.49 10-10S17.51 2 12 2 2 6.49 2 12"/>\n</svg>'],
|
|
640
669
|
["clock-arrow-counter-clockwise", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M5 4.861a10 10 0 0 1 9.686-2.494 10 10 0 0 1 7.312 9.836c-.094 2.22-.815 4.344-2.222 6.084-1.432 1.699-3.306 2.934-5.483 3.446-2.178.514-4.403.242-6.445-.635a10 10 0 0 1-4.703-4.453l1.77-.93a8 8 0 1 0 4.06-11.121c-.823.356-1.588.81-2.264 1.406H9v2H3V2h2z"/>\n <path fill="currentColor" d="m13 11.586 3.242 3.242-1.414 1.415-3.535-3.536A1 1 0 0 1 11 12V7h2z"/>\n</svg>'],
|
|
670
|
+
["cloud", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M1 13.5a5.5 5.5 0 0 1 4.64-5.43 7 7 0 0 1 13.29 1.95A4.5 4.5 0 0 1 18.5 19v-2a2.5 2.5 0 0 0 .24-4.99l-1.57-.15-.22-1.56a5 5 0 0 0-9.5-1.4l-.44.98-1.06.16A3.5 3.5 0 0 0 6.5 17v2A5.5 5.5 0 0 1 1 13.5M18.5 17v2h-12v-2z"/>\n</svg>'],
|
|
641
671
|
["cloud-arrow-down", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m13 19.172 1.58-1.582L16 19l-4 4-4-4 1.42-1.41L11 19.172V10h2z"/>\n <path fill="currentColor" d="M12 2a7 7 0 0 1 6.93 6.02A4.5 4.5 0 0 1 18.5 17H15v-2h3.5a2.5 2.5 0 0 0 .241-4.988l-1.573-.15-.219-1.564a5 5 0 0 0-9.49-1.393l-.45.972-1.057.165A3.502 3.502 0 0 0 6.5 15H9v2H6.5a5.5 5.5 0 0 1-.856-10.934A7 7 0 0 1 12 2"/>\n</svg>'],
|
|
642
672
|
["cloud-arrow-up", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m16 12-1.42 1.41L13 11.828V21h-2v-9.172L9.42 13.41 8 12l4-4z"/>\n <path fill="currentColor" d="M12 2a7 7 0 0 1 6.93 6.02A4.5 4.5 0 0 1 18.5 17H15v-2h3.5a2.5 2.5 0 0 0 .241-4.988l-1.573-.15-.219-1.564a5 5 0 0 0-9.49-1.393l-.45.972-1.057.165A3.502 3.502 0 0 0 6.5 15H9v2H6.5a5.5 5.5 0 0 1-.856-10.934A7 7 0 0 1 12 2"/>\n</svg>'],
|
|
643
|
-
["cloud", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M1 13.5a5.5 5.5 0 0 1 4.64-5.43 7 7 0 0 1 13.29 1.95A4.5 4.5 0 0 1 18.5 19v-2a2.5 2.5 0 0 0 .24-4.99l-1.57-.15-.22-1.56a5 5 0 0 0-9.5-1.4l-.44.98-1.06.16A3.5 3.5 0 0 0 6.5 17v2A5.5 5.5 0 0 1 1 13.5M18.5 17v2h-12v-2z"/>\n</svg>'],
|
|
644
|
-
["cylinder-split-slash", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M22 20.59 20.6 22 2 3.41 3.41 2zM6 8.83V12c0 .1.1.2.16.27.18.21.52.5 1.08.77.95.48 2.3.84 3.9.93l1.99 1.99Q12.57 16 12 16c-2.39 0-4.53-.53-6-1.36V18c0 .1.1.2.16.27.18.21.52.5 1.08.77A11 11 0 0 0 12 20c1.76 0 3.28-.32 4.38-.79l1.5 1.5A13 13 0 0 1 12 22c-4.42 0-8-1.8-8-4V6.83zM12 2c4.42 0 8 1.8 8 4v11.17l-2-2v-.53l-.35.19-1.51-1.52q.33-.12.62-.27.82-.44 1.08-.77c.06-.07.16-.18.16-.27V8.64c-1.3.74-3.13 1.23-5.2 1.34l-2.03-2.03Q11.37 8 12 8a11 11 0 0 0 4.76-.96q.82-.44 1.08-.77c.06-.07.16-.18.16-.27s-.1-.2-.16-.27c-.18-.21-.52-.5-1.08-.77A11 11 0 0 0 12 4c-1.76 0-3.28.32-4.38.79l-1.5-1.5A13 13 0 0 1 12 2"/>\n</svg>'],
|
|
645
673
|
["cylinder-split", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M20 18c0 2.2-3.58 4-8 4s-8-1.8-8-4V6c0-2.2 3.58-4 8-4s8 1.8 8 4zm-13.84.27c.18.21.52.5 1.08.77A11 11 0 0 0 12 20a11 11 0 0 0 4.76-.96q.82-.44 1.08-.77c.06-.07.16-.18.16-.27v-3.36A12.5 12.5 0 0 1 12 16c-2.39 0-4.53-.53-6-1.36V18c0 .1.1.2.16.27M18 8.64A12.5 12.5 0 0 1 12 10c-2.39 0-4.53-.53-6-1.36V12c0 .1.1.2.16.27.18.21.52.5 1.08.77A11 11 0 0 0 12 14a11 11 0 0 0 4.76-.96q.82-.44 1.08-.77c.06-.07.16-.18.16-.27zM12 4a11 11 0 0 0-4.76.96q-.83.44-1.08.77C6.1 5.8 6 5.91 6 6s.1.2.16.27c.18.21.52.5 1.08.77A11 11 0 0 0 12 8a11 11 0 0 0 4.76-.96q.82-.44 1.08-.77c.06-.07.16-.18.16-.27s-.1-.2-.16-.27c-.18-.21-.52-.5-1.08-.77A11 11 0 0 0 12 4"/>\n</svg>'],
|
|
646
|
-
["
|
|
674
|
+
["cylinder-split-slash", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M22 20.59 20.6 22 2 3.41 3.41 2zM6 8.83V12c0 .1.1.2.16.27.18.21.52.5 1.08.77.95.48 2.3.84 3.9.93l1.99 1.99Q12.57 16 12 16c-2.39 0-4.53-.53-6-1.36V18c0 .1.1.2.16.27.18.21.52.5 1.08.77A11 11 0 0 0 12 20c1.76 0 3.28-.32 4.38-.79l1.5 1.5A13 13 0 0 1 12 22c-4.42 0-8-1.8-8-4V6.83zM12 2c4.42 0 8 1.8 8 4v11.17l-2-2v-.53l-.35.19-1.51-1.52q.33-.12.62-.27.82-.44 1.08-.77c.06-.07.16-.18.16-.27V8.64c-1.3.74-3.13 1.23-5.2 1.34l-2.03-2.03Q11.37 8 12 8a11 11 0 0 0 4.76-.96q.82-.44 1.08-.77c.06-.07.16-.18.16-.27s-.1-.2-.16-.27c-.18-.21-.52-.5-1.08-.77A11 11 0 0 0 12 4c-1.76 0-3.28.32-4.38.79l-1.5-1.5A13 13 0 0 1 12 2"/>\n</svg>'],
|
|
675
|
+
["dismiss", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m19.3 3.3 1.4 1.4-7.29 7.3 7.3 7.3-1.42 1.4L12 13.42l-7.3 7.3-1.4-1.42L10.58 12l-7.3-7.3 1.42-1.4L12 10.58z"/>\n</svg>'],
|
|
647
676
|
["dismiss-circle", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m12 10.59 2.8-2.8 1.4 1.42L13.42 12l2.8 2.8-1.42 1.4L12 13.42l-2.8 2.8-1.4-1.42L10.58 12l-2.8-2.79 1.42-1.42z"/>\n <path fill="currentColor" d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16"/>\n</svg>'],
|
|
677
|
+
["dismiss-circle-filled", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20m0 8.59-3.3-3.3-1.4 1.42L10.58 12l-3.3 3.3 1.42 1.4L12 13.42l3.3 3.3 1.4-1.42L13.42 12l3.3-3.3-1.42-1.4z"/>\n</svg>'],
|
|
648
678
|
["dismiss-extra-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m15.3 7.3 1.4 1.4-3.29 3.3 3.3 3.3-1.42 1.4L12 13.42l-3.3 3.3-1.4-1.42L10.58 12l-3.3-3.3 1.42-1.4L12 10.58z"/>\n</svg>'],
|
|
649
679
|
["dismiss-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m17.3 5.3 1.4 1.4-5.29 5.3 5.3 5.3-1.42 1.4L12 13.42l-5.3 5.3-1.4-1.42L10.58 12l-5.3-5.3 1.42-1.4L12 10.58z"/>\n</svg>'],
|
|
650
|
-
["dismiss", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m19.3 3.3 1.4 1.4-7.29 7.3 7.3 7.3-1.42 1.4L12 13.42l-7.3 7.3-1.4-1.42L10.58 12l-7.3-7.3 1.42-1.4L12 10.58z"/>\n</svg>'],
|
|
651
680
|
["ellipsis", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M5 10a2 2 0 1 1 0 4 2 2 0 0 1 0-4m7 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m7 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4"/>\n</svg>'],
|
|
652
681
|
["envelope", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M19 4a3 3 0 0 1 3 3v10c0 1.66-1.34 3-3 3H5c-1.66 0-3-1.34-3-3V7a3 3 0 0 1 3-3zm-5.5 9.562a3 3 0 0 1-3 0L4 9.81V17a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9.81zM5 6a1 1 0 0 0-1 1v.5l7.5 4.33a1 1 0 0 0 1 0L20 7.5V7a1 1 0 0 0-1-1z"/>\n</svg>'],
|
|
653
682
|
["euro", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M4.5 10.939V9.055h11.39v1.884zm11.39 2.51v1.884H4.5V13.45zM15.053 22q-2.392 0-4.215-1.076-1.824-1.077-2.87-3.199-1.017-2.122-1.017-5.292 0-2.72.688-4.693.717-1.973 1.913-3.229 1.197-1.286 2.72-1.883A8.5 8.5 0 0 1 15.503 2q.956 0 1.704.09.747.09 1.435.299V4.48q-1.017-.24-1.645-.299-.627-.09-1.614-.09-1.196 0-2.272.479-1.047.478-1.883 1.465-.838.987-1.316 2.511-.478 1.495-.478 3.528 0 2.66.747 4.394.777 1.734 2.123 2.601 1.345.837 3.079.837.867 0 1.674-.09t1.794-.328v2.033q-1.017.24-1.884.358-.837.12-1.913.12"/>\n</svg>'],
|
|
654
683
|
["exclamation-circle", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 15a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5m1-1.5h-2v-7h2z"/>\n <path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16"/>\n</svg>'],
|
|
655
|
-
["exclamation-triangle-filled", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M11.99 1.968a3 3 0 0 1 2.62 1.538l7.095 12.242q.035.06.062.126a3 3 0 0 1-2.76 4.125H5a3.02 3.02 0 0 1-2.538-1.387 3 3 0 0 1-.248-2.739 1 1 0 0 1 .06-.125L9.37 3.506a3 3 0 0 1 2.62-1.538M12 14a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m-1-7v5h2V7z"/>\n</svg>'],
|
|
656
684
|
["exclamation-triangle", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 14a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5m1-1.5h-2v-5h2z"/>\n <path fill="currentColor" d="M11.99 1.968a3 3 0 0 1 2.62 1.538l7.095 12.242q.035.06.062.126a3 3 0 0 1-2.76 4.125H5a3.02 3.02 0 0 1-2.538-1.387 3 3 0 0 1-.248-2.739 1 1 0 0 1 .06-.125L9.37 3.506a3 3 0 0 1 2.62-1.538m0 2c-.373 0-.705.21-.884.533L4.046 16.68c-.097.286-.06.602.104.86a.99.99 0 0 0 .85.459h13.996a1 1 0 0 0 .938-1.32L12.875 4.502a1.02 1.02 0 0 0-.885-.533"/>\n</svg>'],
|
|
657
|
-
["
|
|
685
|
+
["exclamation-triangle-filled", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M11.99 1.968a3 3 0 0 1 2.62 1.538l7.095 12.242q.035.06.062.126a3 3 0 0 1-2.76 4.125H5a3.02 3.02 0 0 1-2.538-1.387 3 3 0 0 1-.248-2.739 1 1 0 0 1 .06-.125L9.37 3.506a3 3 0 0 1 2.62-1.538M12 14a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m-1-7v5h2V7z"/>\n</svg>'],
|
|
658
686
|
["eye", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 4.5c5.012 0 9.26 3.108 11 7.5-1.74 4.392-5.988 7.5-10.999 7.5S2.739 16.392 1 12c1.74-4.392 5.988-7.5 11-7.5m0 2c-3.878 0-7.188 2.239-8.8 5.5 1.612 3.261 4.923 5.5 8.801 5.5 3.877 0 7.187-2.239 8.799-5.5-1.613-3.261-4.923-5.5-8.8-5.5m0 1a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9m0 2a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5"/>\n</svg>'],
|
|
687
|
+
["eye-slash", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m21.004 19.59-1.414 1.414L3 4.414 4.414 3zM5.837 8.665C4.717 9.563 3.843 10.7 3.2 12c1.612 3.261 4.923 5.5 8.801 5.5.82 0 1.617-.102 2.38-.291l1.603 1.604a11.8 11.8 0 0 1-3.983.687C6.989 19.5 2.739 16.392 1 12a11.8 11.8 0 0 1 3.416-4.756zM12 4.5c5.012 0 9.26 3.108 11 7.5a11.8 11.8 0 0 1-3.416 4.756l-1.422-1.422c1.12-.898 1.995-2.034 2.638-3.334-1.613-3.261-4.923-5.5-8.8-5.5-.821 0-1.619.1-2.382.29L8.015 5.187A11.8 11.8 0 0 1 12 4.5"/>\n <path fill="currentColor" d="M9.527 12.356a2.5 2.5 0 0 0 2.117 2.116l1.791 1.792a4.5 4.5 0 0 1-5.7-5.7zM12 7.5a4.5 4.5 0 0 1 4.264 5.935l-1.792-1.791a2.5 2.5 0 0 0-2.117-2.117l-1.792-1.792A4.5 4.5 0 0 1 12 7.5"/>\n</svg>'],
|
|
688
|
+
["face-frowning", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m0 8.87c1.78 0 3.5.81 4.63 2.18.35.43.18 1.04-.3 1.32s-1.08.1-1.47-.3a4 4 0 0 0-2.86-1.2c-1.07 0-2.12.45-2.86 1.2-.39.4-1 .58-1.47.3-.48-.28-.65-.9-.3-1.32A6 6 0 0 1 12 12.87M9.5 8a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m5 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3"/>\n</svg>'],
|
|
689
|
+
["face-smiling", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M14.86 13.8c.39-.4 1-.58 1.47-.3.48.28.65.9.3 1.32A6 6 0 0 1 12 17c-1.77 0-3.5-.82-4.63-2.18-.35-.43-.18-1.04.3-1.32s1.08-.1 1.47.3c.74.75 1.8 1.2 2.86 1.2 1.07 0 2.12-.45 2.86-1.2M9.5 8a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3M14.5 8a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3"/>\n <path fill="currentColor" d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16"/>\n</svg>'],
|
|
690
|
+
["face-smiling-badge-plus", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18 13a5 5 0 1 1 0 10 5 5 0 0 1 0-10M12 2a10 10 0 0 1 9.9 11.44 6 6 0 0 0-1.91-1.1L20 12a8 8 0 1 0-8 8l.34-.01q.38 1.06 1.1 1.9-.7.1-1.44.11a10 10 0 0 1 0-20m5.25 15.25H15v1.5h2.25V21h1.5v-2.25H21v-1.5h-2.25V15h-1.5zM7.67 13.5c.48-.28 1.08-.1 1.47.3a4 4 0 0 0 3.72 1.1 6 6 0 0 0-.77 2.1H12c-1.77 0-3.5-.82-4.63-2.18-.35-.43-.18-1.04.3-1.32M9.5 8a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m5 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3"/>\n</svg>'],
|
|
659
691
|
["file-text", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M7 4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V9h-3a2 2 0 0 1-2-2V4zm8 1.414L16.586 7H15zM4 5a3 3 0 0 1 3-3h7a1 1 0 0 1 .707.293l5 5A1 1 0 0 1 20 8v11a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3zm4 3h3v2H8zm0 4h8v2H8zm0 4h8v2H8z"/>\n</svg>'],
|
|
660
|
-
["folder-stack", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M4 18a1 1 0 0 0 1 1h13a2 2 0 0 1-2 2H5a3 3 0 0 1-3-3V9c0-1.11.9-2 2-2z"/>\n <path fill="currentColor" d="M10.76 3a3 3 0 0 1 2.12.88L15 6h4a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3zM8 5a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V9a1 1 0 0 0-.9-1h-4.93l-2.7-2.7a1 1 0 0 0-.71-.3z"/>\n</svg>'],
|
|
661
692
|
["folder", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M2 17V6a3 3 0 0 1 3-3h3.76a3 3 0 0 1 2.12.88L13 6h6a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3v-2a1 1 0 0 0 1-1V9a1 1 0 0 0-.9-1h-6.93l-2.7-2.7a1 1 0 0 0-.71-.3H5a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1v2a3 3 0 0 1-3-3m17 1v2H5v-2z"/>\n</svg>'],
|
|
693
|
+
["folder-stack", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M4 18a1 1 0 0 0 1 1h13a2 2 0 0 1-2 2H5a3 3 0 0 1-3-3V9c0-1.11.9-2 2-2z"/>\n <path fill="currentColor" d="M10.76 3a3 3 0 0 1 2.12.88L15 6h4a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3zM8 5a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V9a1 1 0 0 0-.9-1h-4.93l-2.7-2.7a1 1 0 0 0-.71-.3z"/>\n</svg>'],
|
|
662
694
|
["gear", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4"/>\n <path fill="currentColor" d="M13.19 2a2 2 0 0 1 1.991 1.8l.09.9a9 9 0 0 1 1.416.818l.824-.372a2 2 0 0 1 2.555.824l1.19 2.06a2 2 0 0 1-.564 2.624l-.734.527c.055.536.056 1.09 0 1.637l.734.528c.833.6 1.078 1.734.564 2.624l-1.294 2.22a2 2 0 0 1-2.274.734l-1.001-.443a8 8 0 0 1-1.416.819l-.118 1.088a2 2 0 0 1-1.772 1.603H10.62a2 2 0 0 1-1.8-1.792l-.09-.9a8 8 0 0 1-1.416-.818l-1.001.443a2 2 0 0 1-2.275-.734l-1.293-2.22a2 2 0 0 1 .415-2.506l.882-.646a8 8 0 0 1 0-1.637l-.732-.527A2 2 0 0 1 2.658 8.2l1.278-2.23a2 2 0 0 1 2.555-.824l.823.372a8 8 0 0 1 1.416-.819l.09-.898a2 2 0 0 1 1.8-1.792zm-2.38 2.002-.207 2.049-1.055.472q-.566.256-1.061.615l-.939.68-1.88-.848-1.191 2.06 1.672 1.201C6.089 10.818 6 11.41 6 12s.088 1.18.148 1.766l-1.671 1.203h-.001l1.19 2.061 1.88-.85.94.681q.37.27.783.48l1.333.607.207 2.05V20h2.38l.206-2.05 1.055-.475a6 6 0 0 0 1.062-.614l.94-.68 1.88.85 1.19-2.061-1.672-1.203c.06-.586.15-1.177.15-1.767s-.09-1.182-.15-1.769l1.673-1.2-1.19-2.061h-.003l-1.88.846-.938-.678a6 6 0 0 0-1.062-.614l-1.055-.474L13.19 4h-2.38z"/>\n</svg>'],
|
|
663
|
-
["heart-filled", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M3.716 5.218a5.86 5.86 0 0 1 8.283 0L12 5.215a5.858 5.858 0 0 1 8.284 8.284l-.001.001.001.002L12 21.787l-8.284-8.284a5.86 5.86 0 0 1 0-8.285"/>\n</svg>'],
|
|
664
695
|
["heart", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 5.216a5.858 5.858 0 1 1 8.284 8.284v.003L12 21.787l-8.284-8.284c-2.297-2.297-2.216-5.979 0-8.284C6 2.916 9.684 3.026 11.999 5.217zm6.87 1.414a3.86 3.86 0 0 0-5.456 0L12 8.045l-1.414-1.413a3.858 3.858 0 0 0-5.455 5.457l6.87 6.87 6.87-6.873a3.86 3.86 0 0 0 0-5.456"/>\n</svg>'],
|
|
696
|
+
["heart-filled", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M3.716 5.218a5.86 5.86 0 0 1 8.283 0L12 5.215a5.858 5.858 0 0 1 8.284 8.284l-.001.001.001.002L12 21.787l-8.284-8.284a5.86 5.86 0 0 1 0-8.285"/>\n</svg>'],
|
|
665
697
|
["house", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m12 2 10.707 10.707-1.414 1.414L20 12.828V21h-7v-6h-2v6H4v-8.172l-1.293 1.293-1.414-1.414zm-6 8.828V19h3v-6h6v6h3v-8.172l-6-6z"/>\n</svg>'],
|
|
666
698
|
["inbox", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M21 6v12c0 1.66-1.34 3-3 3H6c-1.66 0-3-1.34-3-3V6a3 3 0 0 1 3-3h12c1.66 0 3 1.34 3 3M5 18a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-4h-3.126a4.002 4.002 0 0 1-7.748 0H5zM6 5a1 1 0 0 0-1 1v6h5v1c0 1.083.92 2 2 2s2-.918 2-2v-1h5V6a1 1 0 0 0-1-1z"/>\n</svg>'],
|
|
667
699
|
["info-circle", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M13 17.5h-2v-7h2zm-1-11A1.25 1.25 0 1 1 12 9a1.25 1.25 0 0 1 0-2.5"/>\n <path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16"/>\n</svg>'],
|
|
668
700
|
["italic", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18 4h-2.821l-4.287 16H14v2H6v-2h2.821l4.287-16H10V2h8z"/>\n</svg>'],
|
|
701
|
+
["link", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M14.47 9.53a5 5 0 0 1 0 7.07l-3.36 3.35a5 5 0 0 1-7.06-7.06l3.13-3.14c-.18.9-.15 1.85.09 2.74l-1.63 1.63a3 3 0 0 0 4.24 4.24l3.18-3.18a3 3 0 0 0-1.8-5.1 2 2 0 0 1 .39-.55l1.12-1.12q.94.36 1.7 1.12"/>\n <path fill="currentColor" d="M19.78 4.22a5 5 0 0 1 0 7.07l-2.96 2.96c.18-.9.15-1.85-.09-2.74l1.63-1.63a3 3 0 1 0-4.24-4.24l-3.18 3.18a3 3 0 0 0 1.8 5.1 2 2 0 0 1-.39.56l-1.12 1.11a4.98 4.98 0 0 1-1.88-8l3.36-3.37a5 5 0 0 1 7.07 0"/>\n</svg>'],
|
|
702
|
+
["list", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M2 5h20v2H2zm0 6h20v2H2zm0 6h20v2H2z"/>\n</svg>'],
|
|
669
703
|
["list-arrow-down", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M3 5h11v2H3zm16 0v10.586l2.293-2.293 1.414 1.414L18 19.414l-4.707-4.707 1.414-1.414L17 15.586V5zM3 11h9v2H3zm0 6h9v2H3z"/>\n</svg>'],
|
|
670
704
|
["list-arrow-up", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M3 5h9v2H3zm15-.414 4.707 4.707-1.414 1.414L19 8.414V19h-2V8.414l-2.293 2.293-1.414-1.414zM3 11h9v2H3zm0 6h11v2H3z"/>\n</svg>'],
|
|
671
705
|
["list-decreasing-lines", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M2 5h20v2H2zm6 12h8v2H8zm-3-6h14v2H5z"/>\n</svg>'],
|
|
672
|
-
["list", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M2 5h20v2H2zm0 6h20v2H2zm0 6h20v2H2z"/>\n</svg>'],
|
|
673
706
|
["lock-closed", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M13 17.5h-2v-5h2z"/>\n <path fill="currentColor" d="M17 9a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H6.85A3 3 0 0 1 4 18v-6a3 3 0 0 1 3-3V7a5 5 0 0 1 10 0zM9 9h6V7a3 3 0 1 0-6 0zm-2 2a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1z"/>\n</svg>'],
|
|
674
707
|
["lock-open", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M14.5 17h-5v-2h5z"/>\n <path fill="currentColor" d="M17 7h-2V6a3 3 0 1 0-6 0v4h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H6.85A3 3 0 0 1 4 19v-6a3 3 0 0 1 3-3V6a5 5 0 0 1 10 0zM7 12a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1z"/>\n</svg>'],
|
|
675
708
|
["magnifier", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M2 10c0 4.4 3.6 8 8 8a7.95 7.95 0 0 0 4.9-1.7l5.7 5.7 1.4-1.4-5.7-5.7A7.97 7.97 0 0 0 18 10c0-4.4-3.6-8-8-8s-8 3.6-8 8m2 0c0-3.3 2.7-6 6-6s6 2.7 6 6-2.7 6-6 6-6-2.7-6-6"/>\n</svg>'],
|
|
709
|
+
["minus", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M2 11h20v2H2z"/>\n</svg>'],
|
|
676
710
|
["minus-extra-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M6 11h12v2H6z"/>\n</svg>'],
|
|
677
711
|
["minus-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M4 11h16v2H4z"/>\n</svg>'],
|
|
678
|
-
["minus", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M2 11h20v2H2z"/>\n</svg>'],
|
|
679
712
|
["moon", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M10.47 2.12a8.99 8.99 0 0 0 11.41 11.4 10 10 0 1 1-11.4-11.4M8 5.07A8 8 0 1 0 18.93 16 11 11 0 0 1 8 5.07"/>\n</svg>'],
|
|
680
713
|
["numbered-list", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M5.223 14.015c1.003 0 1.634.316 1.944.864.284.491.308 1.154.117 1.684-.153.412-.473.764-1.071 1.142-.481.305-.98.584-1.34 1.035h2.672V20H3.513l-.135-1.053a3.2 3.2 0 0 1 .441-.882q.298-.405.873-.81c.287-.2.614-.382.846-.648.239-.29.371-.824.036-1.098q-.198-.171-.657-.171c-.524 0-.874.034-1.332.162v-1.287a6.8 6.8 0 0 1 1.638-.198M22 19H10v-2h12zm0-6H10v-2h12zM6.483 10H4.935V5.323c-.474 0-.96.041-1.386.126V4.28C4.514 4.021 5.493 4 6.483 4zM22 7H10V5h12z"/>\n</svg>'],
|
|
681
|
-
["
|
|
714
|
+
["paper-plane", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M19.44 2.57c.98-.34 1.92.6 1.59 1.59l-5.66 16.59a1.25 1.25 0 0 1-2.28.2l-3.05-6.77a1.3 1.3 0 0 0-.63-.63l-6.67-3a1.25 1.25 0 0 1 .1-2.32zm-7.65 10.65 2.3 5.08 3.82-11.2zM5.3 9.5c1.69.75 3.48 1.48 5.09 2.3L16.5 5.7z"/>\n</svg>'],
|
|
715
|
+
["paperclip", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M8.04 15.21a.75.75 0 1 0 1.06 1.06l8-8a2.5 2.5 0 0 0-3.53-3.54l-8 8a4.25 4.25 0 1 0 6 6.02l8.01-8 1.42 1.4-8 8.01a6.2 6.2 0 0 1-8.85 0 6.2 6.2 0 0 1 0-8.84l8-8a4.5 4.5 0 1 1 6.37 6.36l-8 8a2.75 2.75 0 1 1-3.9-3.88l8.01-8 1.42 1.4z"/>\n</svg>'],
|
|
682
716
|
["pencil", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M21.418 4a2 2 0 0 1 0 2.828L7.246 21H3.003v-4.243L17.175 2.586a2 2 0 0 1 2.828 0zM15.76 6.828 5.003 17.586V19h1.414L17.175 8.243zm1.414-1.414 1.414 1.414 1.414-1.414L18.59 4z"/>\n</svg>'],
|
|
717
|
+
["pencil-on-square", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M10.932 6H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-5.927l2-2V19c0 1.66-1.34 3-3 3H5c-1.66 0-3-1.34-3-3V7a3 3 0 0 1 3-3h7.93z"/>\n <path fill="currentColor" d="M17.175 2.586a2 2 0 0 1 2.829 0L21.418 4a2 2 0 0 1 0 2.828L11.246 17H7.003v-4.242zm-8.172 11V15h1.414l6.758-6.758-1.414-1.414zm8.172-8.172 1.414 1.414 1.415-1.414L18.589 4z"/>\n</svg>'],
|
|
718
|
+
["person", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6M7 7a5 5 0 1 1 10 0A5 5 0 0 1 7 7m2 9a3 3 0 0 0-3 3v3H4v-3a5 5 0 0 1 5-5h6a5 5 0 0 1 5 5l-.032 3h-2L18 19a3 3 0 0 0-3-3z"/>\n</svg>'],
|
|
683
719
|
["person-2", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M10 14c2.2 0 4 1.8 4 4v3h-2v-3a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v3H2v-3c0-2.2 1.8-4 4-4zM22 17v3h-2v-3a2 2 0 0 0-2-2h-3.93a5 5 0 0 0-1.92-1.55A4 4 0 0 1 14 13h4c2.2 0 4 1.8 4 4"/>\n <path fill="currentColor" d="M8 4a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4M16 3a4 4 0 1 1-3.2 6.4 5 5 0 0 0-.5-3.94A4 4 0 0 1 16 3m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4"/>\n</svg>'],
|
|
684
|
-
["person-badge-gear", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18.75 13q.23.02.25.25v.68q.01.19.19.25.35.11.67.28c.1.05.23.04.3-.04l.5-.49c.09-.1.25-.1.34 0L22.07 15c.1.1.1.25 0 .35l-.49.48q-.12.14-.04.3.16.33.28.68.06.18.25.19h.68q.23.02.25.25v1.5q-.02.23-.25.25h-.68a.3.3 0 0 0-.25.19q-.11.35-.28.67c-.05.1-.04.23.04.3l.49.5c.1.09.1.25 0 .34L21 22.07c-.1.1-.25.1-.35 0l-.48-.49a.3.3 0 0 0-.3-.04q-.33.16-.68.28a.3.3 0 0 0-.19.25v.68q-.02.23-.25.25h-1.5a.25.25 0 0 1-.25-.25v-.68a.3.3 0 0 0-.19-.25 4 4 0 0 1-.67-.28.3.3 0 0 0-.3.04l-.5.49c-.09.1-.25.1-.34 0L13.93 21a.25.25 0 0 1 0-.35l.49-.48q.13-.13.04-.3-.16-.33-.28-.68a.3.3 0 0 0-.25-.19h-.68a.25.25 0 0 1-.25-.25v-1.5q.02-.23.25-.25h.68q.2-.01.25-.19.11-.35.28-.67a.3.3 0 0 0-.04-.3l-.49-.5a.25.25 0 0 1 0-.34L15 13.93c.1-.1.25-.1.35 0l.48.49q.14.13.3.04.33-.16.68-.28.18-.06.19-.25v-.68q.02-.23.25-.25zM18
|
|
720
|
+
["person-badge-gear", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18.75 13q.23.02.25.25v.68q.01.19.19.25.35.11.67.28c.1.05.23.04.3-.04l.5-.49c.09-.1.25-.1.34 0L22.07 15c.1.1.1.25 0 .35l-.49.48q-.12.14-.04.3.16.33.28.68.06.18.25.19h.68q.23.02.25.25v1.5q-.02.23-.25.25h-.68a.3.3 0 0 0-.25.19q-.11.35-.28.67c-.05.1-.04.23.04.3l.49.5c.1.09.1.25 0 .34L21 22.07c-.1.1-.25.1-.35 0l-.48-.49a.3.3 0 0 0-.3-.04q-.33.16-.68.28a.3.3 0 0 0-.19.25v.68q-.02.23-.25.25h-1.5a.25.25 0 0 1-.25-.25v-.68a.3.3 0 0 0-.19-.25 4 4 0 0 1-.67-.28.3.3 0 0 0-.3.04l-.5.49c-.09.1-.25.1-.34 0L13.93 21a.25.25 0 0 1 0-.35l.49-.48q.13-.13.04-.3-.16-.33-.28-.68a.3.3 0 0 0-.25-.19h-.68a.25.25 0 0 1-.25-.25v-1.5q.02-.23.25-.25h.68q.2-.01.25-.19.11-.35.28-.67a.3.3 0 0 0-.04-.3l-.49-.5a.25.25 0 0 1 0-.34L15 13.93c.1-.1.25-.1.35 0l.48.49q.14.13.3.04.33-.16.68-.28.18-.06.19-.25v-.68q.02-.23.25-.25zM18 16.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3"/>\n <path fill="currentColor" d="M13.53 14a6 6 0 0 0-1.19 2H9a3 3 0 0 0-3 3v3H4v-3a5 5 0 0 1 5-5z"/>\n <path fill="currentColor" d="M12 2a5 5 0 1 1 0 10 5 5 0 0 1 0-10m0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6"/>\n</svg>'],
|
|
685
721
|
["person-circle", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 6a3.25 3.25 0 1 1 0 6.5A3.25 3.25 0 0 1 12 6"/>\n <path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 0 0-5.5 13.807V17a3 3 0 0 1 3-3h5a3 3 0 0 1 3 3v.807A8 8 0 0 0 12 4"/>\n</svg>'],
|
|
686
|
-
["person", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6M7 7a5 5 0 1 1 10 0A5 5 0 0 1 7 7m2 9a3 3 0 0 0-3 3v3H4v-3a5 5 0 0 1 5-5h6a5 5 0 0 1 5 5l-.032 3h-2L18 19a3 3 0 0 0-3-3z"/>\n</svg>'],
|
|
687
|
-
["plus-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M13 11h7v2h-7v7h-2v-7H4v-2h7V4h2z"/>\n</svg>'],
|
|
688
722
|
["plus", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M13 11h9v2h-9v9h-2v-9H2v-2h9V2h2z"/>\n</svg>'],
|
|
689
|
-
["
|
|
723
|
+
["plus-small", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M13 11h7v2h-7v7h-2v-7H4v-2h7V4h2z"/>\n</svg>'],
|
|
690
724
|
["puzzle-piece", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M10.5 1.5A3.5 3.5 0 0 1 14 5v.75c0 .14.11.25.25.25h3.25a1 1 0 0 1 1 1v2.75q.02.23.25.25H19a3.5 3.5 0 1 1 0 7h-.25a.25.25 0 0 0-.25.25V21a1 1 0 0 1-1 1h-4.75a.25.25 0 0 1-.25-.25V20.5a1.5 1.5 0 0 0-3 0v1.25q-.02.23-.25.25H3.5a1 1 0 0 1-1-1v-5.75c0-.14.11-.25.25-.25H4a1.5 1.5 0 0 0 0-3H2.75a.25.25 0 0 1-.25-.25V7a1 1 0 0 1 1-1h3.25c.14 0 .25-.11.25-.25V5a3.5 3.5 0 0 1 3.5-3.5m0 2C9.67 3.5 9 4.17 9 5v.75C9 6.99 8 8 6.75 8H4.5v2.04a3.5 3.5 0 0 1 0 6.92V20h3.04a3.5 3.5 0 0 1 6.92 0h2.04v-2.75c0-1.24 1-2.25 2.25-2.25H19a1.5 1.5 0 0 0 0-3h-.25c-1.24 0-2.25-1-2.25-2.25V8h-2.25C13.01 8 12 7 12 5.75V5c0-.83-.67-1.5-1.5-1.5"/>\n</svg>'],
|
|
725
|
+
["puzzle-piece-filled", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M11 2a2.5 2.5 0 0 1 2.5 2.5v.75c0 .14.11.25.25.25H18a1 1 0 0 1 1 1v3.75q.02.23.25.25H20a2.5 2.5 0 0 1 0 5h-.75a.25.25 0 0 0-.25.25v4.75a1 1 0 0 1-1 1h-4.25a.25.25 0 0 1-.25-.25V20a2.5 2.5 0 0 0-5 0v1.25q-.02.23-.25.25H4a1 1 0 0 1-1-1v-4.25c0-.14.11-.25.25-.25H4.5a2.5 2.5 0 0 0 0-5H3.25a.25.25 0 0 1-.25-.25V6.5a1 1 0 0 1 1-1h4.25c.14 0 .25-.11.25-.25V4.5A2.5 2.5 0 0 1 11 2"/>\n</svg>'],
|
|
691
726
|
["question-mark-circle", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M11.695 14.47q.564 0 .862.327.311.312.312.906 0 .55-.312.876-.297.327-.862.327-.58 0-.89-.311-.297-.328-.297-.892t.297-.89q.311-.342.89-.342M12.245 7q1.337 0 2.094.624.758.608.758 1.634 0 .907-.402 1.485-.386.564-1.202.95l-.728.372q-.327.162-.475.37a.74.74 0 0 0-.134.431q0 .208.06.43.06.21.163.402l-1.485.075a1.5 1.5 0 0 1-.342-.49 1.6 1.6 0 0 1-.134-.64q0-.519.253-.906.252-.4.876-.742l.787-.445q.46-.252.639-.49a.9.9 0 0 0 .178-.565.66.66 0 0 0-.327-.594q-.313-.222-1.054-.222-.52 0-1.04.118-.52.104-1.04.297V7.476a6 6 0 0 1 1.218-.357Q11.518 7 12.245 7"/>\n <path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16"/>\n</svg>'],
|
|
692
727
|
["rectangle-stack", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M19 8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3zM5 10a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1z"/>\n <path fill="currentColor" d="M18 5a2 2 0 0 1 2 2H4c0-1.1.9-2 2-2zM16 2a2 2 0 0 1 2 2H6c0-1.1.9-2 2-2z"/>\n</svg>'],
|
|
693
728
|
["shield-check-mark", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m16.41 9.41-5.2 5.21L8 11.42 9.41 10l1.8 1.8L15 8z"/>\n <path fill="currentColor" d="M20.39 4.83A14 14 0 0 1 12 22 14 14 0 0 1 3.62 4.8L12 2zM5.28 6.35A12 12 0 0 0 12 19.83a12 12 0 0 0 6.73-13.45L12 4.1z"/>\n</svg>'],
|
|
694
729
|
["ship-wheel", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 2a1 1 0 0 1 1 1v1.063a7.96 7.96 0 0 1 3.903 1.619l.754-.753a1 1 0 0 1 1.414 1.414l-.754.753A7.96 7.96 0 0 1 19.936 11H21a1 1 0 1 1 0 2h-1.064a7.95 7.95 0 0 1-1.619 3.903l.754.754a1 1 0 0 1-1.414 1.414l-.754-.754A7.95 7.95 0 0 1 13 19.936V21a1 1 0 1 1-2 0v-1.064a7.96 7.96 0 0 1-3.904-1.619l-.753.754a1 1 0 0 1-1.414-1.414l.753-.754A7.96 7.96 0 0 1 4.064 13H3a1 1 0 1 1 0-2h1.064a7.96 7.96 0 0 1 1.618-3.904l-.753-.753a1 1 0 0 1 1.414-1.414l.753.753A7.96 7.96 0 0 1 11 4.063V3a1 1 0 0 1 1-1M8.524 16.889A6 6 0 0 0 11 17.915v-3.09a3 3 0 0 1-.291-.12zm4.766-2.185q-.14.068-.29.121v3.09a6 6 0 0 0 2.475-1.026zM6.085 13c.153.911.51 1.752 1.025 2.475l2.185-2.185a3 3 0 0 1-.121-.29zm8.741 0q-.054.15-.122.29l2.185 2.185A6 6 0 0 0 17.915 13zM12 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M7.11 8.524A6 6 0 0 0 6.085 11h3.089q.053-.15.12-.291zm7.594 2.185q.069.142.122.291h3.089a6 6 0 0 0-1.026-2.476zM11 6.084A6 6 0 0 0 8.524 7.11l2.185 2.185A3 3 0 0 1 11 9.174zm2 3.09q.15.053.29.12l2.185-2.184A6 6 0 0 0 13 6.084z"/>\n</svg>'],
|
|
695
730
|
["slash-circle", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20M5.68 7.1A8 8 0 0 0 16.9 18.32zM12 4c-1.85 0-3.55.63-4.9 1.68L18.32 16.9A8 8 0 0 0 12 4"/>\n</svg>'],
|
|
731
|
+
["sparkles", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M15.4 10.16c.1-.53.86-.53.97 0l.8 3.67a1 1 0 0 0 .76.77l3.68.8c.52.1.52.86 0 .97l-3.68.79a1 1 0 0 0-.77.77l-.79 3.67c-.11.53-.86.53-.97 0l-.8-3.67a1 1 0 0 0-.76-.77l-3.68-.8c-.64-.22-.64-.98 0-.97l3.68-.79a1 1 0 0 0 .77-.77zM6.1 4.82c.1-.42.7-.42.79 0l.56 2.61c.06.31.3.55.61.62l2.61.56c.42.09.42.69 0 .78l-2.61.56a.8.8 0 0 0-.61.62l-.56 2.6c-.1.43-.7.43-.79 0l-.56-2.6a.8.8 0 0 0-.61-.62L2.32 9.4c-.43-.09-.43-.7 0-.78l2.6-.56a.8.8 0 0 0 .62-.62zM14.2 2.24c.07-.32.52-.32.59 0l.33 1.54a.6.6 0 0 0 .46.46l1.55.34c.31.06.31.52 0 .58l-1.55.34a.6.6 0 0 0-.46.46l-.33 1.54c-.07.32-.52.32-.59 0l-.33-1.54a.6.6 0 0 0-.46-.46l-1.55-.34c-.32-.06-.32-.52 0-.58l1.55-.34a.6.6 0 0 0 .46-.46z"/>\n</svg>'],
|
|
732
|
+
["square-and-arrow-right", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M13 9V7a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-2h2v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v2z"/>\n <path fill="currentColor" d="M18.41 16.59 17 15.17 19.17 13H8v-2h11.17L17 8.83l1.41-1.42L23 12z"/>\n</svg>'],
|
|
696
733
|
["square-arrow-right-top", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M11.772 8H5a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6.765l2-2V19c0 1.66-1.34 3-3 3H5c-1.66 0-3-1.34-3-3V9a3 3 0 0 1 3-3h8.772z"/>\n <path fill="currentColor" d="M22 11h-2V5.407l-9.296 9.296L9.3 13.3 18.6 4H13V2h9z"/>\n</svg>'],
|
|
697
734
|
["square-arrow-up", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M9 11H7a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1h-2V9h2a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3H7c-1.66 0-3-1.34-3-3v-7a3 3 0 0 1 3-3h2z"/>\n <path fill="currentColor" d="M16.59 5.59 15.17 7 13 4.828V16h-2V4.828L8.83 7 7.41 5.59 12 1z"/>\n</svg>'],
|
|
698
735
|
["square-plus-on-square", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M15 13h3v2h-3v3h-2v-3h-3v-2h3v-3h2z"/>\n <path fill="currentColor" d="M18 5v1h1c1.66 0 3 1.34 3 3v10c0 1.658-1.308 3-3 3H9c-1.66 0-3-1.34-3-3v-1H5c-1.66 0-3-1.34-3-3V5a3 3 0 0 1 3-3h10c1.66 0 3 1.34 3 3M9 8a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1zM5 4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h1V9a3 3 0 0 1 3-3h7V5a1 1 0 0 0-1-1z"/>\n</svg>'],
|
|
699
736
|
["sun", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M13 22h-2v-3.07c.65.09 1.35.09 2 0zM6.4 16.2q.6.8 1.4 1.4l-2.16 2.18-1.42-1.42zM19.78 18.36l-1.42 1.42-2.17-2.17q.8-.6 1.42-1.42z"/>\n <path fill="currentColor" d="M12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10m0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6"/>\n <path fill="currentColor" d="M5.07 11c-.1.65-.1 1.35 0 2H2v-2zM22 13h-3.07c.1-.65.1-1.35 0-2H22zM7.8 6.4Q7 7 6.4 7.8L4.21 5.65l1.42-1.42zM19.78 5.64 17.6 7.8a7 7 0 0 0-1.42-1.42l2.17-2.17zM13 5.07c-.65-.1-1.35-.1-2 0V2h2z"/>\n</svg>'],
|
|
700
|
-
["table-badge-arrow-down", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="
|
|
737
|
+
["table-badge-arrow-down", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18 13a5 5 0 1 1 0 10 5 5 0 0 1 0-10m-.75 5.38-1.49-1.49-1.06 1.06 3.3 3.3 3.3-3.3-1.06-1.06-1.49 1.49V15h-1.5z"/>\n <path fill="currentColor" d="M18 4c1.57 0 3 1.34 3 3v5.8q-.94-.53-2-.72v-1.33h-6v2.5h1.34a6.05 6.05 0 0 0-2 6.75H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3zM5 17a1 1 0 0 0 1 1h5v-2.75H5zm0-3.75h6v-2.5H5zM6 6a1 1 0 0 0-1 1v1.75h6V6zm7 2.75h6V7a1 1 0 0 0-1-1h-5z"/>\n</svg>'],
|
|
701
738
|
["terminal", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="m11.4 12-4 4L6 14.6 8.57 12 6 9.4 7.4 8zM18 16h-6v-2h6z"/>\n <path fill="currentColor" d="M19 4a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3zM5 6a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1z"/>\n</svg>'],
|
|
739
|
+
["timer", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12 2a10 10 0 1 1-8.66 5l1.73 1A8 8 0 1 0 13 4.06V7h-2V2z"/>\n <path fill="currentColor" d="M12.5 11.13a1 1 0 0 1-1 1.74l-5.2-3 1-1.74z"/>\n</svg>'],
|
|
702
740
|
["trash", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" fill-rule="evenodd" d="M8 4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2h5v2h-1.08L19 19.046A3 3 0 0 1 16 22H8a3 3 0 0 1-3-2.954L4.08 8H3V6h5zM6.087 8l.91 10.917L7 19a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1l.003-.083L17.914 8zM14 6h-4V4h4zm-3 4v8H9v-8zm4 0v8h-2v-8z"/>\n</svg>'],
|
|
703
741
|
["underlined", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M20 22H4v-2h16zM8.7 12.07q0 1.92.81 2.8.84.87 2.55.87 1.61 0 2.47-.91.89-.94.89-2.67V2h2.37v10.16q0 1.78-.72 3.1a4.7 4.7 0 0 1-2.04 2.02q-1.32.81-3.14.72-2.83.09-4.27-1.44c-.95-.9-1.42-2.36-1.42-4.2V2h2.5z"/>\n</svg>']
|
|
704
742
|
]);
|
|
705
|
-
var __defProp$
|
|
706
|
-
var __getOwnPropDesc$
|
|
707
|
-
var __decorateClass$
|
|
708
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
743
|
+
var __defProp$1e = Object.defineProperty;
|
|
744
|
+
var __getOwnPropDesc$1d = Object.getOwnPropertyDescriptor;
|
|
745
|
+
var __decorateClass$1g = (decorators, target, key, kind) => {
|
|
746
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1d(target, key) : target;
|
|
709
747
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
710
748
|
if (decorator = decorators[i])
|
|
711
749
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
712
|
-
if (kind && result) __defProp$
|
|
750
|
+
if (kind && result) __defProp$1e(target, key, result);
|
|
713
751
|
return result;
|
|
714
752
|
};
|
|
715
753
|
[
|
|
@@ -747,23 +785,23 @@ let NLDDIcon = class extends LitElement {
|
|
|
747
785
|
}
|
|
748
786
|
};
|
|
749
787
|
NLDDIcon.styles = iconStyles;
|
|
750
|
-
__decorateClass$
|
|
788
|
+
__decorateClass$1g([
|
|
751
789
|
property({ type: String })
|
|
752
790
|
], NLDDIcon.prototype, "name", 2);
|
|
753
|
-
__decorateClass$
|
|
791
|
+
__decorateClass$1g([
|
|
754
792
|
state()
|
|
755
793
|
], NLDDIcon.prototype, "_iconSvg", 2);
|
|
756
|
-
NLDDIcon = __decorateClass$
|
|
794
|
+
NLDDIcon = __decorateClass$1g([
|
|
757
795
|
customElement("nldd-icon")
|
|
758
796
|
], NLDDIcon);
|
|
759
|
-
var __defProp$
|
|
760
|
-
var __getOwnPropDesc$
|
|
761
|
-
var __decorateClass$
|
|
762
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
797
|
+
var __defProp$1d = Object.defineProperty;
|
|
798
|
+
var __getOwnPropDesc$1c = Object.getOwnPropertyDescriptor;
|
|
799
|
+
var __decorateClass$1f = (decorators, target, key, kind) => {
|
|
800
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1c(target, key) : target;
|
|
763
801
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
764
802
|
if (decorator = decorators[i])
|
|
765
803
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
766
|
-
if (kind && result) __defProp$
|
|
804
|
+
if (kind && result) __defProp$1d(target, key, result);
|
|
767
805
|
return result;
|
|
768
806
|
};
|
|
769
807
|
let NLDDButton = class extends LitElement {
|
|
@@ -811,49 +849,49 @@ let NLDDButton = class extends LitElement {
|
|
|
811
849
|
}
|
|
812
850
|
};
|
|
813
851
|
NLDDButton.styles = buttonStyles;
|
|
814
|
-
__decorateClass$
|
|
852
|
+
__decorateClass$1f([
|
|
815
853
|
property({ type: String, reflect: true })
|
|
816
854
|
], NLDDButton.prototype, "variant", 2);
|
|
817
|
-
__decorateClass$
|
|
855
|
+
__decorateClass$1f([
|
|
818
856
|
property({ type: String, reflect: true })
|
|
819
857
|
], NLDDButton.prototype, "size", 2);
|
|
820
|
-
__decorateClass$
|
|
858
|
+
__decorateClass$1f([
|
|
821
859
|
property({ type: Boolean, reflect: true, attribute: "full-width" })
|
|
822
860
|
], NLDDButton.prototype, "fullWidth", 2);
|
|
823
|
-
__decorateClass$
|
|
861
|
+
__decorateClass$1f([
|
|
824
862
|
property({ type: Boolean, reflect: true, attribute: "expandable" })
|
|
825
863
|
], NLDDButton.prototype, "expandable", 2);
|
|
826
|
-
__decorateClass$
|
|
864
|
+
__decorateClass$1f([
|
|
827
865
|
property({ type: String, reflect: true })
|
|
828
866
|
], NLDDButton.prototype, "type", 2);
|
|
829
|
-
__decorateClass$
|
|
867
|
+
__decorateClass$1f([
|
|
830
868
|
property({ type: String })
|
|
831
869
|
], NLDDButton.prototype, "popovertarget", 2);
|
|
832
|
-
__decorateClass$
|
|
870
|
+
__decorateClass$1f([
|
|
833
871
|
property({ type: Boolean, reflect: true })
|
|
834
872
|
], NLDDButton.prototype, "disabled", 2);
|
|
835
|
-
__decorateClass$
|
|
873
|
+
__decorateClass$1f([
|
|
836
874
|
property({ type: String })
|
|
837
875
|
], NLDDButton.prototype, "text", 2);
|
|
838
|
-
__decorateClass$
|
|
876
|
+
__decorateClass$1f([
|
|
839
877
|
property({ type: String, attribute: "start-icon" })
|
|
840
878
|
], NLDDButton.prototype, "startIcon", 2);
|
|
841
|
-
__decorateClass$
|
|
879
|
+
__decorateClass$1f([
|
|
842
880
|
property({ type: String, attribute: "end-icon" })
|
|
843
881
|
], NLDDButton.prototype, "endIcon", 2);
|
|
844
|
-
__decorateClass$
|
|
882
|
+
__decorateClass$1f([
|
|
845
883
|
property({ type: String, attribute: "accessible-label" })
|
|
846
884
|
], NLDDButton.prototype, "accessibleLabel", 2);
|
|
847
|
-
__decorateClass$
|
|
885
|
+
__decorateClass$1f([
|
|
848
886
|
property({ type: String, reflect: true })
|
|
849
887
|
], NLDDButton.prototype, "href", 2);
|
|
850
|
-
__decorateClass$
|
|
888
|
+
__decorateClass$1f([
|
|
851
889
|
property({ type: String })
|
|
852
890
|
], NLDDButton.prototype, "target", 2);
|
|
853
|
-
__decorateClass$
|
|
891
|
+
__decorateClass$1f([
|
|
854
892
|
property({ type: String })
|
|
855
893
|
], NLDDButton.prototype, "rel", 2);
|
|
856
|
-
NLDDButton = __decorateClass$
|
|
894
|
+
NLDDButton = __decorateClass$1f([
|
|
857
895
|
customElement("nldd-button")
|
|
858
896
|
], NLDDButton);
|
|
859
897
|
const iconButtonStyles = css`
|
|
@@ -1321,14 +1359,14 @@ function isPointerMode() {
|
|
|
1321
1359
|
function isTouchMode() {
|
|
1322
1360
|
return getInputModality() === "touch";
|
|
1323
1361
|
}
|
|
1324
|
-
var __defProp$
|
|
1325
|
-
var __getOwnPropDesc$
|
|
1326
|
-
var __decorateClass$
|
|
1327
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
1362
|
+
var __defProp$1c = Object.defineProperty;
|
|
1363
|
+
var __getOwnPropDesc$1b = Object.getOwnPropertyDescriptor;
|
|
1364
|
+
var __decorateClass$1e = (decorators, target, key, kind) => {
|
|
1365
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1b(target, key) : target;
|
|
1328
1366
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
1329
1367
|
if (decorator = decorators[i])
|
|
1330
1368
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
1331
|
-
if (kind && result) __defProp$
|
|
1369
|
+
if (kind && result) __defProp$1c(target, key, result);
|
|
1332
1370
|
return result;
|
|
1333
1371
|
};
|
|
1334
1372
|
let tooltipCounter = 0;
|
|
@@ -1531,19 +1569,19 @@ let NLDDTooltip = class extends LitElement {
|
|
|
1531
1569
|
}
|
|
1532
1570
|
};
|
|
1533
1571
|
NLDDTooltip.styles = tooltipStyles;
|
|
1534
|
-
__decorateClass$
|
|
1572
|
+
__decorateClass$1e([
|
|
1535
1573
|
property({ type: String, reflect: true })
|
|
1536
1574
|
], NLDDTooltip.prototype, "text", 2);
|
|
1537
|
-
__decorateClass$
|
|
1575
|
+
__decorateClass$1e([
|
|
1538
1576
|
property({ type: String, reflect: true })
|
|
1539
1577
|
], NLDDTooltip.prototype, "placement", 2);
|
|
1540
|
-
__decorateClass$
|
|
1578
|
+
__decorateClass$1e([
|
|
1541
1579
|
property({ type: Boolean, reflect: true })
|
|
1542
1580
|
], NLDDTooltip.prototype, "disabled", 2);
|
|
1543
|
-
__decorateClass$
|
|
1581
|
+
__decorateClass$1e([
|
|
1544
1582
|
state()
|
|
1545
1583
|
], NLDDTooltip.prototype, "_visible", 2);
|
|
1546
|
-
NLDDTooltip = __decorateClass$
|
|
1584
|
+
NLDDTooltip = __decorateClass$1e([
|
|
1547
1585
|
customElement("nldd-tooltip")
|
|
1548
1586
|
], NLDDTooltip);
|
|
1549
1587
|
function renderContent(component) {
|
|
@@ -1605,14 +1643,14 @@ function template$l() {
|
|
|
1605
1643
|
}
|
|
1606
1644
|
return renderButton();
|
|
1607
1645
|
}
|
|
1608
|
-
var __defProp$
|
|
1609
|
-
var __getOwnPropDesc$
|
|
1610
|
-
var __decorateClass$
|
|
1611
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
1646
|
+
var __defProp$1b = Object.defineProperty;
|
|
1647
|
+
var __getOwnPropDesc$1a = Object.getOwnPropertyDescriptor;
|
|
1648
|
+
var __decorateClass$1d = (decorators, target, key, kind) => {
|
|
1649
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1a(target, key) : target;
|
|
1612
1650
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
1613
1651
|
if (decorator = decorators[i])
|
|
1614
1652
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
1615
|
-
if (kind && result) __defProp$
|
|
1653
|
+
if (kind && result) __defProp$1b(target, key, result);
|
|
1616
1654
|
return result;
|
|
1617
1655
|
};
|
|
1618
1656
|
let NLDDIconButton = class extends LitElement {
|
|
@@ -1663,46 +1701,46 @@ let NLDDIconButton = class extends LitElement {
|
|
|
1663
1701
|
}
|
|
1664
1702
|
};
|
|
1665
1703
|
NLDDIconButton.styles = iconButtonStyles;
|
|
1666
|
-
__decorateClass$
|
|
1704
|
+
__decorateClass$1d([
|
|
1667
1705
|
property({ type: String, reflect: true })
|
|
1668
1706
|
], NLDDIconButton.prototype, "variant", 2);
|
|
1669
|
-
__decorateClass$
|
|
1707
|
+
__decorateClass$1d([
|
|
1670
1708
|
property({ type: String, reflect: true })
|
|
1671
1709
|
], NLDDIconButton.prototype, "size", 2);
|
|
1672
|
-
__decorateClass$
|
|
1710
|
+
__decorateClass$1d([
|
|
1673
1711
|
property({ type: Boolean, reflect: true })
|
|
1674
1712
|
], NLDDIconButton.prototype, "disabled", 2);
|
|
1675
|
-
__decorateClass$
|
|
1713
|
+
__decorateClass$1d([
|
|
1676
1714
|
property({ type: String, reflect: true })
|
|
1677
1715
|
], NLDDIconButton.prototype, "type", 2);
|
|
1678
|
-
__decorateClass$
|
|
1716
|
+
__decorateClass$1d([
|
|
1679
1717
|
property({ type: Boolean, reflect: true, attribute: "expandable" })
|
|
1680
1718
|
], NLDDIconButton.prototype, "expandable", 2);
|
|
1681
|
-
__decorateClass$
|
|
1719
|
+
__decorateClass$1d([
|
|
1682
1720
|
property({ type: Boolean, reflect: true, attribute: "full-width" })
|
|
1683
1721
|
], NLDDIconButton.prototype, "fullWidth", 2);
|
|
1684
|
-
__decorateClass$
|
|
1722
|
+
__decorateClass$1d([
|
|
1685
1723
|
property({ type: String })
|
|
1686
1724
|
], NLDDIconButton.prototype, "popovertarget", 2);
|
|
1687
|
-
__decorateClass$
|
|
1725
|
+
__decorateClass$1d([
|
|
1688
1726
|
property({ type: String })
|
|
1689
1727
|
], NLDDIconButton.prototype, "text", 2);
|
|
1690
|
-
__decorateClass$
|
|
1728
|
+
__decorateClass$1d([
|
|
1691
1729
|
property({ type: String })
|
|
1692
1730
|
], NLDDIconButton.prototype, "icon", 2);
|
|
1693
|
-
__decorateClass$
|
|
1731
|
+
__decorateClass$1d([
|
|
1694
1732
|
property({ type: String, attribute: "accessible-label" })
|
|
1695
1733
|
], NLDDIconButton.prototype, "accessibleLabel", 2);
|
|
1696
|
-
__decorateClass$
|
|
1734
|
+
__decorateClass$1d([
|
|
1697
1735
|
property({ type: String, reflect: true })
|
|
1698
1736
|
], NLDDIconButton.prototype, "href", 2);
|
|
1699
|
-
__decorateClass$
|
|
1737
|
+
__decorateClass$1d([
|
|
1700
1738
|
property({ type: String })
|
|
1701
1739
|
], NLDDIconButton.prototype, "target", 2);
|
|
1702
|
-
__decorateClass$
|
|
1740
|
+
__decorateClass$1d([
|
|
1703
1741
|
property({ type: String })
|
|
1704
1742
|
], NLDDIconButton.prototype, "rel", 2);
|
|
1705
|
-
NLDDIconButton = __decorateClass$
|
|
1743
|
+
NLDDIconButton = __decorateClass$1d([
|
|
1706
1744
|
customElement("nldd-icon-button")
|
|
1707
1745
|
], NLDDIconButton);
|
|
1708
1746
|
const splitButtonStyles = css`
|
|
@@ -2183,13 +2221,13 @@ function template$j() {
|
|
|
2183
2221
|
${this.icon ? html`<nldd-icon name=${this.icon}></nldd-icon>` : html`<slot></slot>`}
|
|
2184
2222
|
`;
|
|
2185
2223
|
}
|
|
2186
|
-
var __defProp$
|
|
2187
|
-
var __decorateClass$
|
|
2224
|
+
var __defProp$1a = Object.defineProperty;
|
|
2225
|
+
var __decorateClass$1c = (decorators, target, key, kind) => {
|
|
2188
2226
|
var result = void 0;
|
|
2189
2227
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
2190
2228
|
if (decorator = decorators[i])
|
|
2191
2229
|
result = decorator(target, key, result) || result;
|
|
2192
|
-
if (result) __defProp$
|
|
2230
|
+
if (result) __defProp$1a(target, key, result);
|
|
2193
2231
|
return result;
|
|
2194
2232
|
};
|
|
2195
2233
|
function VisibilityMixin(Base) {
|
|
@@ -2225,22 +2263,22 @@ function VisibilityMixin(Base) {
|
|
|
2225
2263
|
this._visibilityStyle.textContent = rules.join("\n");
|
|
2226
2264
|
}
|
|
2227
2265
|
}
|
|
2228
|
-
__decorateClass$
|
|
2266
|
+
__decorateClass$1c([
|
|
2229
2267
|
property({ type: String, reflect: true, attribute: "hide-below" })
|
|
2230
2268
|
], WithVisibility.prototype, "hideBelow");
|
|
2231
|
-
__decorateClass$
|
|
2269
|
+
__decorateClass$1c([
|
|
2232
2270
|
property({ type: String, reflect: true, attribute: "hide-above" })
|
|
2233
2271
|
], WithVisibility.prototype, "hideAbove");
|
|
2234
2272
|
return WithVisibility;
|
|
2235
2273
|
}
|
|
2236
|
-
var __defProp$
|
|
2237
|
-
var __getOwnPropDesc$
|
|
2238
|
-
var __decorateClass$
|
|
2239
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
2274
|
+
var __defProp$19 = Object.defineProperty;
|
|
2275
|
+
var __getOwnPropDesc$19 = Object.getOwnPropertyDescriptor;
|
|
2276
|
+
var __decorateClass$1b = (decorators, target, key, kind) => {
|
|
2277
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$19(target, key) : target;
|
|
2240
2278
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
2241
2279
|
if (decorator = decorators[i])
|
|
2242
2280
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
2243
|
-
if (kind && result) __defProp$
|
|
2281
|
+
if (kind && result) __defProp$19(target, key, result);
|
|
2244
2282
|
return result;
|
|
2245
2283
|
};
|
|
2246
2284
|
let NLDDIconCell = class extends VisibilityMixin(LitElement) {
|
|
@@ -2256,19 +2294,19 @@ let NLDDIconCell = class extends VisibilityMixin(LitElement) {
|
|
|
2256
2294
|
}
|
|
2257
2295
|
};
|
|
2258
2296
|
NLDDIconCell.styles = iconCellStyles;
|
|
2259
|
-
__decorateClass$
|
|
2297
|
+
__decorateClass$1b([
|
|
2260
2298
|
property({ type: String, reflect: true, attribute: "vertical-alignment" })
|
|
2261
2299
|
], NLDDIconCell.prototype, "verticalAlignment", 2);
|
|
2262
|
-
__decorateClass$
|
|
2300
|
+
__decorateClass$1b([
|
|
2263
2301
|
property({ type: String, reflect: true })
|
|
2264
2302
|
], NLDDIconCell.prototype, "size", 2);
|
|
2265
|
-
__decorateClass$
|
|
2303
|
+
__decorateClass$1b([
|
|
2266
2304
|
property({ type: String, reflect: true })
|
|
2267
2305
|
], NLDDIconCell.prototype, "color", 2);
|
|
2268
|
-
__decorateClass$
|
|
2306
|
+
__decorateClass$1b([
|
|
2269
2307
|
property({ type: String, reflect: true })
|
|
2270
2308
|
], NLDDIconCell.prototype, "icon", 2);
|
|
2271
|
-
NLDDIconCell = __decorateClass$
|
|
2309
|
+
NLDDIconCell = __decorateClass$1b([
|
|
2272
2310
|
customElement("nldd-icon-cell")
|
|
2273
2311
|
], NLDDIconCell);
|
|
2274
2312
|
const spacerCellStyles = css`
|
|
@@ -2316,14 +2354,14 @@ const spacerCellStyles = css`
|
|
|
2316
2354
|
width: auto;
|
|
2317
2355
|
}
|
|
2318
2356
|
`;
|
|
2319
|
-
var __defProp$
|
|
2320
|
-
var __getOwnPropDesc$
|
|
2321
|
-
var __decorateClass$
|
|
2322
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
2357
|
+
var __defProp$18 = Object.defineProperty;
|
|
2358
|
+
var __getOwnPropDesc$18 = Object.getOwnPropertyDescriptor;
|
|
2359
|
+
var __decorateClass$1a = (decorators, target, key, kind) => {
|
|
2360
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$18(target, key) : target;
|
|
2323
2361
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
2324
2362
|
if (decorator = decorators[i])
|
|
2325
2363
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
2326
|
-
if (kind && result) __defProp$
|
|
2364
|
+
if (kind && result) __defProp$18(target, key, result);
|
|
2327
2365
|
return result;
|
|
2328
2366
|
};
|
|
2329
2367
|
let NLDDSpacerCell = class extends VisibilityMixin(LitElement) {
|
|
@@ -2336,10 +2374,10 @@ let NLDDSpacerCell = class extends VisibilityMixin(LitElement) {
|
|
|
2336
2374
|
}
|
|
2337
2375
|
};
|
|
2338
2376
|
NLDDSpacerCell.styles = spacerCellStyles;
|
|
2339
|
-
__decorateClass$
|
|
2377
|
+
__decorateClass$1a([
|
|
2340
2378
|
property({ type: String, reflect: true })
|
|
2341
2379
|
], NLDDSpacerCell.prototype, "size", 2);
|
|
2342
|
-
NLDDSpacerCell = __decorateClass$
|
|
2380
|
+
NLDDSpacerCell = __decorateClass$1a([
|
|
2343
2381
|
customElement("nldd-spacer-cell")
|
|
2344
2382
|
], NLDDSpacerCell);
|
|
2345
2383
|
const textCellStyles = css`
|
|
@@ -2559,14 +2597,14 @@ function template$i() {
|
|
|
2559
2597
|
${this.supportingText ? html`<p class="text-cell__supporting-text">${renderQueryMark(this.supportingText, this.query, this.queryMarkMode)}</p>` : nothing}
|
|
2560
2598
|
`;
|
|
2561
2599
|
}
|
|
2562
|
-
var __defProp$
|
|
2563
|
-
var __getOwnPropDesc$
|
|
2564
|
-
var __decorateClass$
|
|
2565
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
2600
|
+
var __defProp$17 = Object.defineProperty;
|
|
2601
|
+
var __getOwnPropDesc$17 = Object.getOwnPropertyDescriptor;
|
|
2602
|
+
var __decorateClass$19 = (decorators, target, key, kind) => {
|
|
2603
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$17(target, key) : target;
|
|
2566
2604
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
2567
2605
|
if (decorator = decorators[i])
|
|
2568
2606
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
2569
|
-
if (kind && result) __defProp$
|
|
2607
|
+
if (kind && result) __defProp$17(target, key, result);
|
|
2570
2608
|
return result;
|
|
2571
2609
|
};
|
|
2572
2610
|
let NLDDTextCell = class extends VisibilityMixin(LitElement) {
|
|
@@ -2617,46 +2655,46 @@ let NLDDTextCell = class extends VisibilityMixin(LitElement) {
|
|
|
2617
2655
|
}
|
|
2618
2656
|
};
|
|
2619
2657
|
NLDDTextCell.styles = [textCellStyles];
|
|
2620
|
-
__decorateClass$
|
|
2658
|
+
__decorateClass$19([
|
|
2621
2659
|
property({ type: String, reflect: true })
|
|
2622
2660
|
], NLDDTextCell.prototype, "size", 2);
|
|
2623
|
-
__decorateClass$
|
|
2661
|
+
__decorateClass$19([
|
|
2624
2662
|
property({ type: String, reflect: true })
|
|
2625
2663
|
], NLDDTextCell.prototype, "color", 2);
|
|
2626
|
-
__decorateClass$
|
|
2664
|
+
__decorateClass$19([
|
|
2627
2665
|
property({ type: String, reflect: true })
|
|
2628
2666
|
], NLDDTextCell.prototype, "width", 2);
|
|
2629
|
-
__decorateClass$
|
|
2667
|
+
__decorateClass$19([
|
|
2630
2668
|
property({ type: String, reflect: true, attribute: "min-width" })
|
|
2631
2669
|
], NLDDTextCell.prototype, "minWidth", 2);
|
|
2632
|
-
__decorateClass$
|
|
2670
|
+
__decorateClass$19([
|
|
2633
2671
|
property({ type: String, reflect: true, attribute: "max-width" })
|
|
2634
2672
|
], NLDDTextCell.prototype, "maxWidth", 2);
|
|
2635
|
-
__decorateClass$
|
|
2673
|
+
__decorateClass$19([
|
|
2636
2674
|
property({ type: String, reflect: true, attribute: "min-height" })
|
|
2637
2675
|
], NLDDTextCell.prototype, "minHeight", 2);
|
|
2638
|
-
__decorateClass$
|
|
2676
|
+
__decorateClass$19([
|
|
2639
2677
|
property({ type: String, reflect: true, attribute: "horizontal-alignment" })
|
|
2640
2678
|
], NLDDTextCell.prototype, "horizontalAlignment", 2);
|
|
2641
|
-
__decorateClass$
|
|
2679
|
+
__decorateClass$19([
|
|
2642
2680
|
property({ type: String, reflect: true, attribute: "vertical-alignment" })
|
|
2643
2681
|
], NLDDTextCell.prototype, "verticalAlignment", 2);
|
|
2644
|
-
__decorateClass$
|
|
2682
|
+
__decorateClass$19([
|
|
2645
2683
|
property({ type: String })
|
|
2646
2684
|
], NLDDTextCell.prototype, "text", 2);
|
|
2647
|
-
__decorateClass$
|
|
2685
|
+
__decorateClass$19([
|
|
2648
2686
|
property({ type: String })
|
|
2649
2687
|
], NLDDTextCell.prototype, "overline", 2);
|
|
2650
|
-
__decorateClass$
|
|
2688
|
+
__decorateClass$19([
|
|
2651
2689
|
property({ type: String, attribute: "supporting-text" })
|
|
2652
2690
|
], NLDDTextCell.prototype, "supportingText", 2);
|
|
2653
|
-
__decorateClass$
|
|
2691
|
+
__decorateClass$19([
|
|
2654
2692
|
property({ type: String })
|
|
2655
2693
|
], NLDDTextCell.prototype, "query", 2);
|
|
2656
|
-
__decorateClass$
|
|
2694
|
+
__decorateClass$19([
|
|
2657
2695
|
property({ type: String, attribute: "query-mark-mode" })
|
|
2658
2696
|
], NLDDTextCell.prototype, "queryMarkMode", 2);
|
|
2659
|
-
NLDDTextCell = __decorateClass$
|
|
2697
|
+
NLDDTextCell = __decorateClass$19([
|
|
2660
2698
|
customElement("nldd-text-cell")
|
|
2661
2699
|
], NLDDTextCell);
|
|
2662
2700
|
const textCell = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
@@ -2855,14 +2893,14 @@ function template$h() {
|
|
|
2855
2893
|
</div>
|
|
2856
2894
|
`;
|
|
2857
2895
|
}
|
|
2858
|
-
var __defProp$
|
|
2859
|
-
var __getOwnPropDesc$
|
|
2860
|
-
var __decorateClass$
|
|
2861
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
2896
|
+
var __defProp$16 = Object.defineProperty;
|
|
2897
|
+
var __getOwnPropDesc$16 = Object.getOwnPropertyDescriptor;
|
|
2898
|
+
var __decorateClass$18 = (decorators, target, key, kind) => {
|
|
2899
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$16(target, key) : target;
|
|
2862
2900
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
2863
2901
|
if (decorator = decorators[i])
|
|
2864
2902
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
2865
|
-
if (kind && result) __defProp$
|
|
2903
|
+
if (kind && result) __defProp$16(target, key, result);
|
|
2866
2904
|
return result;
|
|
2867
2905
|
};
|
|
2868
2906
|
let NLDDButtonGroup = class extends LitElement {
|
|
@@ -2895,26 +2933,26 @@ let NLDDButtonGroup = class extends LitElement {
|
|
|
2895
2933
|
}
|
|
2896
2934
|
};
|
|
2897
2935
|
NLDDButtonGroup.styles = buttonGroupStyles;
|
|
2898
|
-
__decorateClass$
|
|
2936
|
+
__decorateClass$18([
|
|
2899
2937
|
property({ type: String, reflect: true })
|
|
2900
2938
|
], NLDDButtonGroup.prototype, "size", 2);
|
|
2901
|
-
__decorateClass$
|
|
2939
|
+
__decorateClass$18([
|
|
2902
2940
|
property({ type: String, reflect: true })
|
|
2903
2941
|
], NLDDButtonGroup.prototype, "orientation", 2);
|
|
2904
|
-
__decorateClass$
|
|
2942
|
+
__decorateClass$18([
|
|
2905
2943
|
query("slot")
|
|
2906
2944
|
], NLDDButtonGroup.prototype, "_slot", 2);
|
|
2907
|
-
NLDDButtonGroup = __decorateClass$
|
|
2945
|
+
NLDDButtonGroup = __decorateClass$18([
|
|
2908
2946
|
customElement("nldd-button-group")
|
|
2909
2947
|
], NLDDButtonGroup);
|
|
2910
|
-
var __defProp$
|
|
2911
|
-
var __getOwnPropDesc$
|
|
2912
|
-
var __decorateClass$
|
|
2913
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
2948
|
+
var __defProp$15 = Object.defineProperty;
|
|
2949
|
+
var __getOwnPropDesc$15 = Object.getOwnPropertyDescriptor;
|
|
2950
|
+
var __decorateClass$17 = (decorators, target, key, kind) => {
|
|
2951
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$15(target, key) : target;
|
|
2914
2952
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
2915
2953
|
if (decorator = decorators[i])
|
|
2916
2954
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
2917
|
-
if (kind && result) __defProp$
|
|
2955
|
+
if (kind && result) __defProp$15(target, key, result);
|
|
2918
2956
|
return result;
|
|
2919
2957
|
};
|
|
2920
2958
|
let NLDDInlineDialog = class extends LitElement {
|
|
@@ -2958,38 +2996,38 @@ let NLDDInlineDialog = class extends LitElement {
|
|
|
2958
2996
|
}
|
|
2959
2997
|
};
|
|
2960
2998
|
NLDDInlineDialog.styles = inlineDialogStyles;
|
|
2961
|
-
__decorateClass$
|
|
2999
|
+
__decorateClass$17([
|
|
2962
3000
|
property({ type: String, reflect: true })
|
|
2963
3001
|
], NLDDInlineDialog.prototype, "variant", 2);
|
|
2964
|
-
__decorateClass$
|
|
3002
|
+
__decorateClass$17([
|
|
2965
3003
|
property({ type: String, reflect: true })
|
|
2966
3004
|
], NLDDInlineDialog.prototype, "icon", 2);
|
|
2967
|
-
__decorateClass$
|
|
3005
|
+
__decorateClass$17([
|
|
2968
3006
|
property({ type: String, reflect: true })
|
|
2969
3007
|
], NLDDInlineDialog.prototype, "text", 2);
|
|
2970
|
-
__decorateClass$
|
|
3008
|
+
__decorateClass$17([
|
|
2971
3009
|
property({ type: String, reflect: true, attribute: "supporting-text" })
|
|
2972
3010
|
], NLDDInlineDialog.prototype, "supportingText", 2);
|
|
2973
|
-
__decorateClass$
|
|
3011
|
+
__decorateClass$17([
|
|
2974
3012
|
property({ type: Number, reflect: true, attribute: "heading-level" })
|
|
2975
3013
|
], NLDDInlineDialog.prototype, "headingLevel", 2);
|
|
2976
|
-
__decorateClass$
|
|
3014
|
+
__decorateClass$17([
|
|
2977
3015
|
state()
|
|
2978
3016
|
], NLDDInlineDialog.prototype, "_hasContent", 2);
|
|
2979
|
-
__decorateClass$
|
|
3017
|
+
__decorateClass$17([
|
|
2980
3018
|
state()
|
|
2981
3019
|
], NLDDInlineDialog.prototype, "_hasActions", 2);
|
|
2982
|
-
NLDDInlineDialog = __decorateClass$
|
|
3020
|
+
NLDDInlineDialog = __decorateClass$17([
|
|
2983
3021
|
customElement("nldd-inline-dialog")
|
|
2984
3022
|
], NLDDInlineDialog);
|
|
2985
3023
|
const POPOVER_REOPEN_GUARD_MS = 100;
|
|
2986
|
-
var __defProp$
|
|
2987
|
-
var __decorateClass$
|
|
3024
|
+
var __defProp$14 = Object.defineProperty;
|
|
3025
|
+
var __decorateClass$16 = (decorators, target, key, kind) => {
|
|
2988
3026
|
var result = void 0;
|
|
2989
3027
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
2990
3028
|
if (decorator = decorators[i])
|
|
2991
3029
|
result = decorator(target, key, result) || result;
|
|
2992
|
-
if (result) __defProp$
|
|
3030
|
+
if (result) __defProp$14(target, key, result);
|
|
2993
3031
|
return result;
|
|
2994
3032
|
};
|
|
2995
3033
|
const _NLDDMenuDivider = class _NLDDMenuDivider extends LitElement {
|
|
@@ -3051,37 +3089,37 @@ const _NLDDMenuItem = (_a = class extends LitElement {
|
|
|
3051
3089
|
return menuItemTemplate.call(this, this.menuVariant);
|
|
3052
3090
|
}
|
|
3053
3091
|
}, _a.styles = menuItemStyles, _a._idCounter = 0, _a);
|
|
3054
|
-
__decorateClass$
|
|
3092
|
+
__decorateClass$16([
|
|
3055
3093
|
property({ type: String, reflect: true })
|
|
3056
3094
|
], _NLDDMenuItem.prototype, "text");
|
|
3057
|
-
__decorateClass$
|
|
3095
|
+
__decorateClass$16([
|
|
3058
3096
|
property({ type: String, reflect: true })
|
|
3059
3097
|
], _NLDDMenuItem.prototype, "value");
|
|
3060
|
-
__decorateClass$
|
|
3098
|
+
__decorateClass$16([
|
|
3061
3099
|
property({ type: String, reflect: true })
|
|
3062
3100
|
], _NLDDMenuItem.prototype, "aliases");
|
|
3063
|
-
__decorateClass$
|
|
3101
|
+
__decorateClass$16([
|
|
3064
3102
|
property({ type: String, reflect: true })
|
|
3065
3103
|
], _NLDDMenuItem.prototype, "details");
|
|
3066
|
-
__decorateClass$
|
|
3104
|
+
__decorateClass$16([
|
|
3067
3105
|
property({ type: String, reflect: true })
|
|
3068
3106
|
], _NLDDMenuItem.prototype, "icon");
|
|
3069
|
-
__decorateClass$
|
|
3107
|
+
__decorateClass$16([
|
|
3070
3108
|
property({ type: String, reflect: true })
|
|
3071
3109
|
], _NLDDMenuItem.prototype, "type");
|
|
3072
|
-
__decorateClass$
|
|
3110
|
+
__decorateClass$16([
|
|
3073
3111
|
property({ type: Boolean, reflect: true })
|
|
3074
3112
|
], _NLDDMenuItem.prototype, "selected");
|
|
3075
|
-
__decorateClass$
|
|
3113
|
+
__decorateClass$16([
|
|
3076
3114
|
property({ type: Boolean, reflect: true })
|
|
3077
3115
|
], _NLDDMenuItem.prototype, "disabled");
|
|
3078
|
-
__decorateClass$
|
|
3116
|
+
__decorateClass$16([
|
|
3079
3117
|
property({ type: String, reflect: true })
|
|
3080
3118
|
], _NLDDMenuItem.prototype, "query");
|
|
3081
|
-
__decorateClass$
|
|
3119
|
+
__decorateClass$16([
|
|
3082
3120
|
property({ type: String, reflect: true, attribute: "query-mark-mode" })
|
|
3083
3121
|
], _NLDDMenuItem.prototype, "queryMarkMode");
|
|
3084
|
-
__decorateClass$
|
|
3122
|
+
__decorateClass$16([
|
|
3085
3123
|
state()
|
|
3086
3124
|
], _NLDDMenuItem.prototype, "menuVariant");
|
|
3087
3125
|
let NLDDMenuItem = _NLDDMenuItem;
|
|
@@ -3413,50 +3451,50 @@ const _NLDDMenu = class _NLDDMenu extends LitElement {
|
|
|
3413
3451
|
};
|
|
3414
3452
|
_NLDDMenu.styles = menuStyles;
|
|
3415
3453
|
let NLDDMenu = _NLDDMenu;
|
|
3416
|
-
__decorateClass$
|
|
3454
|
+
__decorateClass$16([
|
|
3417
3455
|
property({ type: String, reflect: true })
|
|
3418
3456
|
], NLDDMenu.prototype, "anchor");
|
|
3419
|
-
__decorateClass$
|
|
3457
|
+
__decorateClass$16([
|
|
3420
3458
|
property({ attribute: false })
|
|
3421
3459
|
], NLDDMenu.prototype, "anchorElement");
|
|
3422
|
-
__decorateClass$
|
|
3460
|
+
__decorateClass$16([
|
|
3423
3461
|
property({ type: String, reflect: true })
|
|
3424
3462
|
], NLDDMenu.prototype, "placement");
|
|
3425
|
-
__decorateClass$
|
|
3463
|
+
__decorateClass$16([
|
|
3426
3464
|
property({ type: String, reflect: true })
|
|
3427
3465
|
], NLDDMenu.prototype, "variant");
|
|
3428
|
-
__decorateClass$
|
|
3466
|
+
__decorateClass$16([
|
|
3429
3467
|
property({ type: String, attribute: "empty-text" })
|
|
3430
3468
|
], NLDDMenu.prototype, "emptyText");
|
|
3431
|
-
__decorateClass$
|
|
3469
|
+
__decorateClass$16([
|
|
3432
3470
|
property({ type: String, attribute: "empty-supporting-text" })
|
|
3433
3471
|
], NLDDMenu.prototype, "emptySupportingText");
|
|
3434
|
-
__decorateClass$
|
|
3472
|
+
__decorateClass$16([
|
|
3435
3473
|
property({ type: String, reflect: true })
|
|
3436
3474
|
], NLDDMenu.prototype, "width");
|
|
3437
|
-
__decorateClass$
|
|
3475
|
+
__decorateClass$16([
|
|
3438
3476
|
property({ type: Number, attribute: "max-items" })
|
|
3439
3477
|
], NLDDMenu.prototype, "maxItems");
|
|
3440
|
-
__decorateClass$
|
|
3478
|
+
__decorateClass$16([
|
|
3441
3479
|
property({ type: Object })
|
|
3442
3480
|
], NLDDMenu.prototype, "translations");
|
|
3443
|
-
__decorateClass$
|
|
3481
|
+
__decorateClass$16([
|
|
3444
3482
|
property({ attribute: false })
|
|
3445
3483
|
], NLDDMenu.prototype, "filterFn");
|
|
3446
|
-
__decorateClass$
|
|
3484
|
+
__decorateClass$16([
|
|
3447
3485
|
state()
|
|
3448
3486
|
], NLDDMenu.prototype, "_isEmpty");
|
|
3449
3487
|
if (!customElements.get("nldd-menu")) {
|
|
3450
3488
|
customElements.define("nldd-menu", NLDDMenu);
|
|
3451
3489
|
}
|
|
3452
|
-
var __defProp$
|
|
3453
|
-
var __getOwnPropDesc$
|
|
3454
|
-
var __decorateClass$
|
|
3455
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
3490
|
+
var __defProp$13 = Object.defineProperty;
|
|
3491
|
+
var __getOwnPropDesc$14 = Object.getOwnPropertyDescriptor;
|
|
3492
|
+
var __decorateClass$15 = (decorators, target, key, kind) => {
|
|
3493
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$14(target, key) : target;
|
|
3456
3494
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
3457
3495
|
if (decorator = decorators[i])
|
|
3458
3496
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
3459
|
-
if (kind && result) __defProp$
|
|
3497
|
+
if (kind && result) __defProp$13(target, key, result);
|
|
3460
3498
|
return result;
|
|
3461
3499
|
};
|
|
3462
3500
|
let NLDDSplitButton = class extends LitElement {
|
|
@@ -3536,37 +3574,37 @@ let NLDDSplitButton = class extends LitElement {
|
|
|
3536
3574
|
}
|
|
3537
3575
|
};
|
|
3538
3576
|
NLDDSplitButton.styles = splitButtonStyles;
|
|
3539
|
-
__decorateClass$
|
|
3577
|
+
__decorateClass$15([
|
|
3540
3578
|
property({ type: String, reflect: true })
|
|
3541
3579
|
], NLDDSplitButton.prototype, "size", 2);
|
|
3542
|
-
__decorateClass$
|
|
3580
|
+
__decorateClass$15([
|
|
3543
3581
|
property({ type: String, reflect: true })
|
|
3544
3582
|
], NLDDSplitButton.prototype, "variant", 2);
|
|
3545
|
-
__decorateClass$
|
|
3583
|
+
__decorateClass$15([
|
|
3546
3584
|
property({ type: Boolean, reflect: true })
|
|
3547
3585
|
], NLDDSplitButton.prototype, "disabled", 2);
|
|
3548
|
-
__decorateClass$
|
|
3586
|
+
__decorateClass$15([
|
|
3549
3587
|
property({ type: String })
|
|
3550
3588
|
], NLDDSplitButton.prototype, "text", 2);
|
|
3551
|
-
__decorateClass$
|
|
3589
|
+
__decorateClass$15([
|
|
3552
3590
|
property({ type: String, attribute: "start-icon" })
|
|
3553
3591
|
], NLDDSplitButton.prototype, "startIcon", 2);
|
|
3554
|
-
__decorateClass$
|
|
3592
|
+
__decorateClass$15([
|
|
3555
3593
|
property({ type: Object })
|
|
3556
3594
|
], NLDDSplitButton.prototype, "translations", 2);
|
|
3557
|
-
__decorateClass$
|
|
3595
|
+
__decorateClass$15([
|
|
3558
3596
|
query(".split-button__trigger")
|
|
3559
3597
|
], NLDDSplitButton.prototype, "_trigger", 2);
|
|
3560
|
-
__decorateClass$
|
|
3598
|
+
__decorateClass$15([
|
|
3561
3599
|
query(".split-button__menu")
|
|
3562
3600
|
], NLDDSplitButton.prototype, "_menu", 2);
|
|
3563
|
-
__decorateClass$
|
|
3601
|
+
__decorateClass$15([
|
|
3564
3602
|
state()
|
|
3565
3603
|
], NLDDSplitButton.prototype, "_menuIsOpen", 2);
|
|
3566
|
-
__decorateClass$
|
|
3604
|
+
__decorateClass$15([
|
|
3567
3605
|
state()
|
|
3568
3606
|
], NLDDSplitButton.prototype, "_hasMenuItems", 2);
|
|
3569
|
-
NLDDSplitButton = __decorateClass$
|
|
3607
|
+
NLDDSplitButton = __decorateClass$15([
|
|
3570
3608
|
customElement("nldd-split-button")
|
|
3571
3609
|
], NLDDSplitButton);
|
|
3572
3610
|
const buttonBarStyles = css`
|
|
@@ -3695,14 +3733,14 @@ function renderChild(child) {
|
|
|
3695
3733
|
}
|
|
3696
3734
|
return html`<slot name="child-${child.id}"></slot>`;
|
|
3697
3735
|
}
|
|
3698
|
-
var __defProp$
|
|
3699
|
-
var __getOwnPropDesc$
|
|
3700
|
-
var __decorateClass$
|
|
3701
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
3736
|
+
var __defProp$12 = Object.defineProperty;
|
|
3737
|
+
var __getOwnPropDesc$13 = Object.getOwnPropertyDescriptor;
|
|
3738
|
+
var __decorateClass$14 = (decorators, target, key, kind) => {
|
|
3739
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$13(target, key) : target;
|
|
3702
3740
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
3703
3741
|
if (decorator = decorators[i])
|
|
3704
3742
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
3705
|
-
if (kind && result) __defProp$
|
|
3743
|
+
if (kind && result) __defProp$12(target, key, result);
|
|
3706
3744
|
return result;
|
|
3707
3745
|
};
|
|
3708
3746
|
if (!customElements.get("nldd-button-bar-divider")) {
|
|
@@ -3815,19 +3853,19 @@ let NLDDButtonBar = class extends LitElement {
|
|
|
3815
3853
|
}
|
|
3816
3854
|
};
|
|
3817
3855
|
NLDDButtonBar.styles = buttonBarStyles;
|
|
3818
|
-
__decorateClass$
|
|
3856
|
+
__decorateClass$14([
|
|
3819
3857
|
property({ type: String, reflect: true })
|
|
3820
3858
|
], NLDDButtonBar.prototype, "size", 2);
|
|
3821
|
-
__decorateClass$
|
|
3859
|
+
__decorateClass$14([
|
|
3822
3860
|
property({ type: String, reflect: true })
|
|
3823
3861
|
], NLDDButtonBar.prototype, "variant", 2);
|
|
3824
|
-
__decorateClass$
|
|
3862
|
+
__decorateClass$14([
|
|
3825
3863
|
property({ type: Boolean, reflect: true })
|
|
3826
3864
|
], NLDDButtonBar.prototype, "disabled", 2);
|
|
3827
|
-
__decorateClass$
|
|
3865
|
+
__decorateClass$14([
|
|
3828
3866
|
state()
|
|
3829
3867
|
], NLDDButtonBar.prototype, "_children", 2);
|
|
3830
|
-
NLDDButtonBar = __decorateClass$
|
|
3868
|
+
NLDDButtonBar = __decorateClass$14([
|
|
3831
3869
|
customElement("nldd-button-bar")
|
|
3832
3870
|
], NLDDButtonBar);
|
|
3833
3871
|
const toolbarStyles = css`
|
|
@@ -4213,14 +4251,14 @@ function template$f(startChildren, centerChildren, endChildren, overflowIds, siz
|
|
|
4213
4251
|
const nlddToolbarTranslations = {
|
|
4214
4252
|
"components.toolbar.overflow-action": "Meer"
|
|
4215
4253
|
};
|
|
4216
|
-
var __defProp$
|
|
4217
|
-
var __getOwnPropDesc$
|
|
4218
|
-
var __decorateClass$
|
|
4219
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
4254
|
+
var __defProp$11 = Object.defineProperty;
|
|
4255
|
+
var __getOwnPropDesc$12 = Object.getOwnPropertyDescriptor;
|
|
4256
|
+
var __decorateClass$13 = (decorators, target, key, kind) => {
|
|
4257
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$12(target, key) : target;
|
|
4220
4258
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
4221
4259
|
if (decorator = decorators[i])
|
|
4222
4260
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
4223
|
-
if (kind && result) __defProp$
|
|
4261
|
+
if (kind && result) __defProp$11(target, key, result);
|
|
4224
4262
|
return result;
|
|
4225
4263
|
};
|
|
4226
4264
|
if (!customElements.get("nldd-toolbar-item")) {
|
|
@@ -4651,43 +4689,43 @@ let NLDDToolbar = class extends LitElement {
|
|
|
4651
4689
|
}
|
|
4652
4690
|
};
|
|
4653
4691
|
NLDDToolbar.styles = toolbarStyles;
|
|
4654
|
-
__decorateClass$
|
|
4692
|
+
__decorateClass$13([
|
|
4655
4693
|
property({ type: String, reflect: true })
|
|
4656
4694
|
], NLDDToolbar.prototype, "size", 2);
|
|
4657
|
-
__decorateClass$
|
|
4695
|
+
__decorateClass$13([
|
|
4658
4696
|
property({ type: Boolean, reflect: true, attribute: "show-item-labels" })
|
|
4659
4697
|
], NLDDToolbar.prototype, "showItemLabels", 2);
|
|
4660
|
-
__decorateClass$
|
|
4698
|
+
__decorateClass$13([
|
|
4661
4699
|
property({ type: String, reflect: true })
|
|
4662
4700
|
], NLDDToolbar.prototype, "label", 2);
|
|
4663
|
-
__decorateClass$
|
|
4701
|
+
__decorateClass$13([
|
|
4664
4702
|
property({ type: Object })
|
|
4665
4703
|
], NLDDToolbar.prototype, "translations", 2);
|
|
4666
|
-
__decorateClass$
|
|
4704
|
+
__decorateClass$13([
|
|
4667
4705
|
state()
|
|
4668
4706
|
], NLDDToolbar.prototype, "_menuOpen", 2);
|
|
4669
|
-
__decorateClass$
|
|
4707
|
+
__decorateClass$13([
|
|
4670
4708
|
state()
|
|
4671
4709
|
], NLDDToolbar.prototype, "_startChildren", 2);
|
|
4672
|
-
__decorateClass$
|
|
4710
|
+
__decorateClass$13([
|
|
4673
4711
|
state()
|
|
4674
4712
|
], NLDDToolbar.prototype, "_centerChildren", 2);
|
|
4675
|
-
__decorateClass$
|
|
4713
|
+
__decorateClass$13([
|
|
4676
4714
|
state()
|
|
4677
4715
|
], NLDDToolbar.prototype, "_endChildren", 2);
|
|
4678
|
-
__decorateClass$
|
|
4716
|
+
__decorateClass$13([
|
|
4679
4717
|
state()
|
|
4680
4718
|
], NLDDToolbar.prototype, "_overflowIds", 2);
|
|
4681
|
-
__decorateClass$
|
|
4719
|
+
__decorateClass$13([
|
|
4682
4720
|
state()
|
|
4683
4721
|
], NLDDToolbar.prototype, "_leftSpacerZero", 2);
|
|
4684
|
-
__decorateClass$
|
|
4722
|
+
__decorateClass$13([
|
|
4685
4723
|
state()
|
|
4686
4724
|
], NLDDToolbar.prototype, "_rightSpacerZero", 2);
|
|
4687
|
-
__decorateClass$
|
|
4725
|
+
__decorateClass$13([
|
|
4688
4726
|
state()
|
|
4689
4727
|
], NLDDToolbar.prototype, "_pinnedOverflowItems", 2);
|
|
4690
|
-
NLDDToolbar = __decorateClass$
|
|
4728
|
+
NLDDToolbar = __decorateClass$13([
|
|
4691
4729
|
customElement("nldd-toolbar")
|
|
4692
4730
|
], NLDDToolbar);
|
|
4693
4731
|
const linkStyles = css`
|
|
@@ -4828,14 +4866,14 @@ function template$e(helpers) {
|
|
|
4828
4866
|
</a>
|
|
4829
4867
|
`;
|
|
4830
4868
|
}
|
|
4831
|
-
var __defProp
|
|
4832
|
-
var __getOwnPropDesc$
|
|
4833
|
-
var __decorateClass$
|
|
4834
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
4869
|
+
var __defProp$10 = Object.defineProperty;
|
|
4870
|
+
var __getOwnPropDesc$11 = Object.getOwnPropertyDescriptor;
|
|
4871
|
+
var __decorateClass$12 = (decorators, target, key, kind) => {
|
|
4872
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$11(target, key) : target;
|
|
4835
4873
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
4836
4874
|
if (decorator = decorators[i])
|
|
4837
4875
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
4838
|
-
if (kind && result) __defProp
|
|
4876
|
+
if (kind && result) __defProp$10(target, key, result);
|
|
4839
4877
|
return result;
|
|
4840
4878
|
};
|
|
4841
4879
|
let NLDDLink = class extends LitElement {
|
|
@@ -4873,44 +4911,44 @@ let NLDDLink = class extends LitElement {
|
|
|
4873
4911
|
}
|
|
4874
4912
|
};
|
|
4875
4913
|
NLDDLink.styles = linkStyles;
|
|
4876
|
-
__decorateClass$
|
|
4914
|
+
__decorateClass$12([
|
|
4877
4915
|
property({ type: String, reflect: true })
|
|
4878
4916
|
], NLDDLink.prototype, "href", 2);
|
|
4879
|
-
__decorateClass$
|
|
4917
|
+
__decorateClass$12([
|
|
4880
4918
|
property({ type: String })
|
|
4881
4919
|
], NLDDLink.prototype, "target", 2);
|
|
4882
|
-
__decorateClass$
|
|
4920
|
+
__decorateClass$12([
|
|
4883
4921
|
property({ type: String })
|
|
4884
4922
|
], NLDDLink.prototype, "rel", 2);
|
|
4885
|
-
__decorateClass$
|
|
4923
|
+
__decorateClass$12([
|
|
4886
4924
|
property({ type: String, reflect: true })
|
|
4887
4925
|
], NLDDLink.prototype, "size", 2);
|
|
4888
|
-
__decorateClass$
|
|
4926
|
+
__decorateClass$12([
|
|
4889
4927
|
property({ type: String })
|
|
4890
4928
|
], NLDDLink.prototype, "text", 2);
|
|
4891
|
-
__decorateClass$
|
|
4929
|
+
__decorateClass$12([
|
|
4892
4930
|
property({ type: String, attribute: "start-icon" })
|
|
4893
4931
|
], NLDDLink.prototype, "startIcon", 2);
|
|
4894
|
-
__decorateClass$
|
|
4932
|
+
__decorateClass$12([
|
|
4895
4933
|
property({ type: String, attribute: "end-icon" })
|
|
4896
4934
|
], NLDDLink.prototype, "endIcon", 2);
|
|
4897
|
-
__decorateClass$
|
|
4935
|
+
__decorateClass$12([
|
|
4898
4936
|
property({ type: String, attribute: "accessible-label" })
|
|
4899
4937
|
], NLDDLink.prototype, "accessibleLabel", 2);
|
|
4900
|
-
__decorateClass$
|
|
4938
|
+
__decorateClass$12([
|
|
4901
4939
|
property({ type: Boolean, reflect: true })
|
|
4902
4940
|
], NLDDLink.prototype, "disabled", 2);
|
|
4903
|
-
NLDDLink = __decorateClass$
|
|
4941
|
+
NLDDLink = __decorateClass$12([
|
|
4904
4942
|
customElement("nldd-link")
|
|
4905
4943
|
], NLDDLink);
|
|
4906
|
-
var __defProp
|
|
4907
|
-
var __getOwnPropDesc
|
|
4908
|
-
var __decorateClass$
|
|
4909
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc
|
|
4944
|
+
var __defProp$$ = Object.defineProperty;
|
|
4945
|
+
var __getOwnPropDesc$10 = Object.getOwnPropertyDescriptor;
|
|
4946
|
+
var __decorateClass$11 = (decorators, target, key, kind) => {
|
|
4947
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$10(target, key) : target;
|
|
4910
4948
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
4911
4949
|
if (decorator = decorators[i])
|
|
4912
4950
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
4913
|
-
if (kind && result) __defProp
|
|
4951
|
+
if (kind && result) __defProp$$(target, key, result);
|
|
4914
4952
|
return result;
|
|
4915
4953
|
};
|
|
4916
4954
|
let NLDDRichText = class extends LitElement {
|
|
@@ -4922,10 +4960,10 @@ let NLDDRichText = class extends LitElement {
|
|
|
4922
4960
|
return this;
|
|
4923
4961
|
}
|
|
4924
4962
|
};
|
|
4925
|
-
__decorateClass$
|
|
4963
|
+
__decorateClass$11([
|
|
4926
4964
|
property({ type: String, reflect: true })
|
|
4927
4965
|
], NLDDRichText.prototype, "spacing", 2);
|
|
4928
|
-
NLDDRichText = __decorateClass$
|
|
4966
|
+
NLDDRichText = __decorateClass$11([
|
|
4929
4967
|
customElement("nldd-rich-text")
|
|
4930
4968
|
], NLDDRichText);
|
|
4931
4969
|
const breakpoints = {
|
|
@@ -5184,14 +5222,14 @@ function titleTemplate() {
|
|
|
5184
5222
|
</div>
|
|
5185
5223
|
`;
|
|
5186
5224
|
}
|
|
5187
|
-
var __defProp$
|
|
5188
|
-
var __getOwnPropDesc
|
|
5189
|
-
var __decorateClass
|
|
5190
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc
|
|
5225
|
+
var __defProp$_ = Object.defineProperty;
|
|
5226
|
+
var __getOwnPropDesc$$ = Object.getOwnPropertyDescriptor;
|
|
5227
|
+
var __decorateClass$10 = (decorators, target, key, kind) => {
|
|
5228
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$$(target, key) : target;
|
|
5191
5229
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
5192
5230
|
if (decorator = decorators[i])
|
|
5193
5231
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
5194
|
-
if (kind && result) __defProp$
|
|
5232
|
+
if (kind && result) __defProp$_(target, key, result);
|
|
5195
5233
|
return result;
|
|
5196
5234
|
};
|
|
5197
5235
|
let NLDDTitle = class extends LitElement {
|
|
@@ -5204,10 +5242,10 @@ let NLDDTitle = class extends LitElement {
|
|
|
5204
5242
|
}
|
|
5205
5243
|
};
|
|
5206
5244
|
NLDDTitle.styles = titleStyles;
|
|
5207
|
-
__decorateClass
|
|
5245
|
+
__decorateClass$10([
|
|
5208
5246
|
property({ type: Number, reflect: true })
|
|
5209
5247
|
], NLDDTitle.prototype, "size", 2);
|
|
5210
|
-
NLDDTitle = __decorateClass
|
|
5248
|
+
NLDDTitle = __decorateClass$10([
|
|
5211
5249
|
customElement("nldd-title")
|
|
5212
5250
|
], NLDDTitle);
|
|
5213
5251
|
const smMax$b = unsafeCSS(breakpoints.smMax);
|
|
@@ -5306,13 +5344,13 @@ function template$d(component) {
|
|
|
5306
5344
|
</blockquote>
|
|
5307
5345
|
`;
|
|
5308
5346
|
}
|
|
5309
|
-
var __defProp$
|
|
5310
|
-
var __decorateClass
|
|
5347
|
+
var __defProp$Z = Object.defineProperty;
|
|
5348
|
+
var __decorateClass$$ = (decorators, target, key, kind) => {
|
|
5311
5349
|
var result = void 0;
|
|
5312
5350
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
5313
5351
|
if (decorator = decorators[i])
|
|
5314
5352
|
result = decorator(target, key, result) || result;
|
|
5315
|
-
if (result) __defProp$
|
|
5353
|
+
if (result) __defProp$Z(target, key, result);
|
|
5316
5354
|
return result;
|
|
5317
5355
|
};
|
|
5318
5356
|
function withTranslations(Base, defaults) {
|
|
@@ -5339,7 +5377,7 @@ function withTranslations(Base, defaults) {
|
|
|
5339
5377
|
}
|
|
5340
5378
|
}
|
|
5341
5379
|
}
|
|
5342
|
-
__decorateClass
|
|
5380
|
+
__decorateClass$$([
|
|
5343
5381
|
property({ type: Object })
|
|
5344
5382
|
], TranslationsMixin.prototype, "translations");
|
|
5345
5383
|
return TranslationsMixin;
|
|
@@ -5347,14 +5385,14 @@ function withTranslations(Base, defaults) {
|
|
|
5347
5385
|
const nlddBlockquoteTranslations = {
|
|
5348
5386
|
"components.blockquote.attribution-prefix": "— "
|
|
5349
5387
|
};
|
|
5350
|
-
var __defProp$
|
|
5351
|
-
var __getOwnPropDesc$
|
|
5352
|
-
var __decorateClass$
|
|
5353
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
5388
|
+
var __defProp$Y = Object.defineProperty;
|
|
5389
|
+
var __getOwnPropDesc$_ = Object.getOwnPropertyDescriptor;
|
|
5390
|
+
var __decorateClass$_ = (decorators, target, key, kind) => {
|
|
5391
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$_(target, key) : target;
|
|
5354
5392
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
5355
5393
|
if (decorator = decorators[i])
|
|
5356
5394
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
5357
|
-
if (kind && result) __defProp$
|
|
5395
|
+
if (kind && result) __defProp$Y(target, key, result);
|
|
5358
5396
|
return result;
|
|
5359
5397
|
};
|
|
5360
5398
|
let NLDDBlockquote = class extends withTranslations(LitElement, nlddBlockquoteTranslations) {
|
|
@@ -5378,13 +5416,13 @@ let NLDDBlockquote = class extends withTranslations(LitElement, nlddBlockquoteTr
|
|
|
5378
5416
|
}
|
|
5379
5417
|
};
|
|
5380
5418
|
NLDDBlockquote.styles = blockquoteStyles;
|
|
5381
|
-
__decorateClass$
|
|
5419
|
+
__decorateClass$_([
|
|
5382
5420
|
property({ type: String })
|
|
5383
5421
|
], NLDDBlockquote.prototype, "cite", 2);
|
|
5384
|
-
__decorateClass$
|
|
5422
|
+
__decorateClass$_([
|
|
5385
5423
|
state()
|
|
5386
5424
|
], NLDDBlockquote.prototype, "_hasAttribution", 2);
|
|
5387
|
-
NLDDBlockquote = __decorateClass$
|
|
5425
|
+
NLDDBlockquote = __decorateClass$_([
|
|
5388
5426
|
customElement("nldd-blockquote")
|
|
5389
5427
|
], NLDDBlockquote);
|
|
5390
5428
|
const tagStyles = css`
|
|
@@ -5509,14 +5547,14 @@ function template$c(component) {
|
|
|
5509
5547
|
</span>
|
|
5510
5548
|
`;
|
|
5511
5549
|
}
|
|
5512
|
-
var __defProp$
|
|
5513
|
-
var __getOwnPropDesc$
|
|
5514
|
-
var __decorateClass$
|
|
5515
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
5550
|
+
var __defProp$X = Object.defineProperty;
|
|
5551
|
+
var __getOwnPropDesc$Z = Object.getOwnPropertyDescriptor;
|
|
5552
|
+
var __decorateClass$Z = (decorators, target, key, kind) => {
|
|
5553
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Z(target, key) : target;
|
|
5516
5554
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
5517
5555
|
if (decorator = decorators[i])
|
|
5518
5556
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
5519
|
-
if (kind && result) __defProp$
|
|
5557
|
+
if (kind && result) __defProp$X(target, key, result);
|
|
5520
5558
|
return result;
|
|
5521
5559
|
};
|
|
5522
5560
|
let NLDDTag = class extends LitElement {
|
|
@@ -5567,28 +5605,28 @@ let NLDDTag = class extends LitElement {
|
|
|
5567
5605
|
}
|
|
5568
5606
|
};
|
|
5569
5607
|
NLDDTag.styles = tagStyles;
|
|
5570
|
-
__decorateClass$
|
|
5608
|
+
__decorateClass$Z([
|
|
5571
5609
|
property({ type: String, reflect: true })
|
|
5572
5610
|
], NLDDTag.prototype, "variant", 2);
|
|
5573
|
-
__decorateClass$
|
|
5611
|
+
__decorateClass$Z([
|
|
5574
5612
|
property({ type: String, reflect: true })
|
|
5575
5613
|
], NLDDTag.prototype, "size", 2);
|
|
5576
|
-
__decorateClass$
|
|
5614
|
+
__decorateClass$Z([
|
|
5577
5615
|
property({ type: String })
|
|
5578
5616
|
], NLDDTag.prototype, "text", 2);
|
|
5579
|
-
__decorateClass$
|
|
5617
|
+
__decorateClass$Z([
|
|
5580
5618
|
property({ type: String })
|
|
5581
5619
|
], NLDDTag.prototype, "icon", 2);
|
|
5582
|
-
__decorateClass$
|
|
5620
|
+
__decorateClass$Z([
|
|
5583
5621
|
property({ type: String, attribute: "accessible-label" })
|
|
5584
5622
|
], NLDDTag.prototype, "accessibleLabel", 2);
|
|
5585
|
-
__decorateClass$
|
|
5623
|
+
__decorateClass$Z([
|
|
5586
5624
|
state()
|
|
5587
5625
|
], NLDDTag.prototype, "_hasSlotText", 2);
|
|
5588
|
-
__decorateClass$
|
|
5626
|
+
__decorateClass$Z([
|
|
5589
5627
|
state()
|
|
5590
5628
|
], NLDDTag.prototype, "_hasSlotIcon", 2);
|
|
5591
|
-
NLDDTag = __decorateClass$
|
|
5629
|
+
NLDDTag = __decorateClass$Z([
|
|
5592
5630
|
customElement("nldd-tag")
|
|
5593
5631
|
], NLDDTag);
|
|
5594
5632
|
const keyboardShortcutStyles = css`
|
|
@@ -5685,14 +5723,14 @@ function template$b(component) {
|
|
|
5685
5723
|
</kbd>
|
|
5686
5724
|
`;
|
|
5687
5725
|
}
|
|
5688
|
-
var __defProp$
|
|
5689
|
-
var __getOwnPropDesc$
|
|
5690
|
-
var __decorateClass$
|
|
5691
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
5726
|
+
var __defProp$W = Object.defineProperty;
|
|
5727
|
+
var __getOwnPropDesc$Y = Object.getOwnPropertyDescriptor;
|
|
5728
|
+
var __decorateClass$Y = (decorators, target, key, kind) => {
|
|
5729
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Y(target, key) : target;
|
|
5692
5730
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
5693
5731
|
if (decorator = decorators[i])
|
|
5694
5732
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
5695
|
-
if (kind && result) __defProp$
|
|
5733
|
+
if (kind && result) __defProp$W(target, key, result);
|
|
5696
5734
|
return result;
|
|
5697
5735
|
};
|
|
5698
5736
|
let NLDDKeyboardShortcut = class extends LitElement {
|
|
@@ -5712,16 +5750,16 @@ let NLDDKeyboardShortcut = class extends LitElement {
|
|
|
5712
5750
|
}
|
|
5713
5751
|
};
|
|
5714
5752
|
NLDDKeyboardShortcut.styles = keyboardShortcutStyles;
|
|
5715
|
-
__decorateClass$
|
|
5753
|
+
__decorateClass$Y([
|
|
5716
5754
|
property({ type: String })
|
|
5717
5755
|
], NLDDKeyboardShortcut.prototype, "keys", 2);
|
|
5718
|
-
__decorateClass$
|
|
5756
|
+
__decorateClass$Y([
|
|
5719
5757
|
property({ type: String, reflect: true })
|
|
5720
5758
|
], NLDDKeyboardShortcut.prototype, "size", 2);
|
|
5721
|
-
__decorateClass$
|
|
5759
|
+
__decorateClass$Y([
|
|
5722
5760
|
property({ type: Boolean, reflect: true, attribute: "always-visible" })
|
|
5723
5761
|
], NLDDKeyboardShortcut.prototype, "alwaysVisible", 2);
|
|
5724
|
-
NLDDKeyboardShortcut = __decorateClass$
|
|
5762
|
+
NLDDKeyboardShortcut = __decorateClass$Y([
|
|
5725
5763
|
customElement("nldd-keyboard-shortcut")
|
|
5726
5764
|
], NLDDKeyboardShortcut);
|
|
5727
5765
|
const FORWARDED_ATTRIBUTES = [
|
|
@@ -5898,14 +5936,14 @@ function formActionsTemplate() {
|
|
|
5898
5936
|
</div>
|
|
5899
5937
|
`;
|
|
5900
5938
|
}
|
|
5901
|
-
var __defProp$
|
|
5902
|
-
var __getOwnPropDesc$
|
|
5903
|
-
var __decorateClass$
|
|
5904
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
5939
|
+
var __defProp$V = Object.defineProperty;
|
|
5940
|
+
var __getOwnPropDesc$X = Object.getOwnPropertyDescriptor;
|
|
5941
|
+
var __decorateClass$X = (decorators, target, key, kind) => {
|
|
5942
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$X(target, key) : target;
|
|
5905
5943
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
5906
5944
|
if (decorator = decorators[i])
|
|
5907
5945
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
5908
|
-
if (kind && result) __defProp$
|
|
5946
|
+
if (kind && result) __defProp$V(target, key, result);
|
|
5909
5947
|
return result;
|
|
5910
5948
|
};
|
|
5911
5949
|
let NLDDFormActions = class extends LitElement {
|
|
@@ -5918,10 +5956,10 @@ let NLDDFormActions = class extends LitElement {
|
|
|
5918
5956
|
}
|
|
5919
5957
|
};
|
|
5920
5958
|
NLDDFormActions.styles = formActionsStyles;
|
|
5921
|
-
__decorateClass$
|
|
5959
|
+
__decorateClass$X([
|
|
5922
5960
|
property({ type: String, reflect: true, attribute: "label-alignment" })
|
|
5923
5961
|
], NLDDFormActions.prototype, "labelAlignment", 2);
|
|
5924
|
-
NLDDFormActions = __decorateClass$
|
|
5962
|
+
NLDDFormActions = __decorateClass$X([
|
|
5925
5963
|
customElement("nldd-form-actions")
|
|
5926
5964
|
], NLDDFormActions);
|
|
5927
5965
|
const formFieldStyles = css`
|
|
@@ -6236,14 +6274,14 @@ function formFieldErrorTextTemplate(_component) {
|
|
|
6236
6274
|
</p>
|
|
6237
6275
|
`;
|
|
6238
6276
|
}
|
|
6239
|
-
var __defProp$
|
|
6240
|
-
var __getOwnPropDesc$
|
|
6241
|
-
var __decorateClass$
|
|
6242
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$
|
|
6277
|
+
var __defProp$U = Object.defineProperty;
|
|
6278
|
+
var __getOwnPropDesc$W = Object.getOwnPropertyDescriptor;
|
|
6279
|
+
var __decorateClass$W = (decorators, target, key, kind) => {
|
|
6280
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$W(target, key) : target;
|
|
6243
6281
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
6244
6282
|
if (decorator = decorators[i])
|
|
6245
6283
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
6246
|
-
if (kind && result) __defProp$
|
|
6284
|
+
if (kind && result) __defProp$U(target, key, result);
|
|
6247
6285
|
return result;
|
|
6248
6286
|
};
|
|
6249
6287
|
const HELPER_TAGS = ["nldd-form-field-help-text", "nldd-form-field-error-text"];
|
|
@@ -6374,25 +6412,25 @@ let NLDDFormField = class extends LitElement {
|
|
|
6374
6412
|
}
|
|
6375
6413
|
};
|
|
6376
6414
|
NLDDFormField.styles = formFieldStyles;
|
|
6377
|
-
__decorateClass$
|
|
6415
|
+
__decorateClass$W([
|
|
6378
6416
|
property({ type: String, attribute: "label-alignment", reflect: true })
|
|
6379
6417
|
], NLDDFormField.prototype, "labelAlignment", 2);
|
|
6380
|
-
__decorateClass$
|
|
6418
|
+
__decorateClass$W([
|
|
6381
6419
|
property({ type: String })
|
|
6382
6420
|
], NLDDFormField.prototype, "label", 2);
|
|
6383
|
-
__decorateClass$
|
|
6421
|
+
__decorateClass$W([
|
|
6384
6422
|
property({ type: String, attribute: "supporting-label" })
|
|
6385
6423
|
], NLDDFormField.prototype, "supportingLabel", 2);
|
|
6386
|
-
__decorateClass$
|
|
6424
|
+
__decorateClass$W([
|
|
6387
6425
|
property({ type: Boolean })
|
|
6388
6426
|
], NLDDFormField.prototype, "optional", 2);
|
|
6389
|
-
__decorateClass$
|
|
6427
|
+
__decorateClass$W([
|
|
6390
6428
|
property({ type: String, attribute: "optional-label" })
|
|
6391
6429
|
], NLDDFormField.prototype, "optionalLabel", 2);
|
|
6392
|
-
__decorateClass$
|
|
6430
|
+
__decorateClass$W([
|
|
6393
6431
|
state()
|
|
6394
6432
|
], NLDDFormField.prototype, "_hasErrors", 2);
|
|
6395
|
-
NLDDFormField = __decorateClass$
|
|
6433
|
+
NLDDFormField = __decorateClass$W([
|
|
6396
6434
|
customElement("nldd-form-field")
|
|
6397
6435
|
], NLDDFormField);
|
|
6398
6436
|
let NLDDFormFieldHelpText = class extends LitElement {
|
|
@@ -6405,7 +6443,7 @@ let NLDDFormFieldHelpText = class extends LitElement {
|
|
|
6405
6443
|
}
|
|
6406
6444
|
};
|
|
6407
6445
|
NLDDFormFieldHelpText.styles = formFieldHelpTextStyles;
|
|
6408
|
-
NLDDFormFieldHelpText = __decorateClass$
|
|
6446
|
+
NLDDFormFieldHelpText = __decorateClass$W([
|
|
6409
6447
|
customElement("nldd-form-field-help-text")
|
|
6410
6448
|
], NLDDFormFieldHelpText);
|
|
6411
6449
|
let NLDDFormFieldErrorText = class extends LitElement {
|
|
@@ -6422,10 +6460,10 @@ let NLDDFormFieldErrorText = class extends LitElement {
|
|
|
6422
6460
|
}
|
|
6423
6461
|
};
|
|
6424
6462
|
NLDDFormFieldErrorText.styles = formFieldErrorTextStyles;
|
|
6425
|
-
__decorateClass$
|
|
6463
|
+
__decorateClass$W([
|
|
6426
6464
|
property({ type: Boolean, reflect: true })
|
|
6427
6465
|
], NLDDFormFieldErrorText.prototype, "invalid", 2);
|
|
6428
|
-
NLDDFormFieldErrorText = __decorateClass$
|
|
6466
|
+
NLDDFormFieldErrorText = __decorateClass$W([
|
|
6429
6467
|
customElement("nldd-form-field-error-text")
|
|
6430
6468
|
], NLDDFormFieldErrorText);
|
|
6431
6469
|
const FIELDSET_CLASS = "form-section";
|
|
@@ -6552,52 +6590,425 @@ const textFieldStyles = css`
|
|
|
6552
6590
|
|
|
6553
6591
|
/* # Block */
|
|
6554
6592
|
|
|
6555
|
-
.text-field {
|
|
6556
|
-
display: flex;
|
|
6557
|
-
flex-direction: row;
|
|
6558
|
-
align-items: center;
|
|
6559
|
-
overflow: hidden;
|
|
6593
|
+
.text-field {
|
|
6594
|
+
display: flex;
|
|
6595
|
+
flex-direction: row;
|
|
6596
|
+
align-items: center;
|
|
6597
|
+
overflow: hidden;
|
|
6598
|
+
box-sizing: border-box;
|
|
6599
|
+
border: var(--semantics-input-fields-border);
|
|
6600
|
+
background-color: var(--_background-color);
|
|
6601
|
+
}
|
|
6602
|
+
|
|
6603
|
+
:host([size='sm']) .text-field {
|
|
6604
|
+
padding-left: calc(var(--semantics-controls-sm-inline-padding) - var(--semantics-input-fields-border-thickness));
|
|
6605
|
+
min-height: var(--semantics-controls-sm-min-size);
|
|
6606
|
+
border-radius: var(--semantics-controls-sm-corner-radius);
|
|
6607
|
+
}
|
|
6608
|
+
|
|
6609
|
+
:host([size='md']) .text-field,
|
|
6610
|
+
:host(:not([size])) .text-field {
|
|
6611
|
+
padding-left: calc(var(--semantics-controls-md-inline-padding) - var(--semantics-input-fields-border-thickness));
|
|
6612
|
+
min-height: var(--semantics-controls-md-min-size);
|
|
6613
|
+
border-radius: var(--semantics-controls-md-corner-radius);
|
|
6614
|
+
}
|
|
6615
|
+
|
|
6616
|
+
:host([valid]) .text-field {
|
|
6617
|
+
border-color: var(--semantics-input-fields-is-valid-border-color);
|
|
6618
|
+
}
|
|
6619
|
+
|
|
6620
|
+
:host([invalid]) .text-field {
|
|
6621
|
+
border-color: var(--semantics-input-fields-is-invalid-border-color);
|
|
6622
|
+
}
|
|
6623
|
+
|
|
6624
|
+
:host([readonly]) .text-field {
|
|
6625
|
+
border-color: var(--semantics-input-fields-is-read-only-border-color);
|
|
6626
|
+
--_background-color: var(--semantics-input-fields-is-read-only-background-color);
|
|
6627
|
+
}
|
|
6628
|
+
|
|
6629
|
+
:host([disabled]) .text-field {
|
|
6630
|
+
opacity: var(--primitives-opacity-disabled);
|
|
6631
|
+
}
|
|
6632
|
+
|
|
6633
|
+
.text-field:has(input:-webkit-autofill),
|
|
6634
|
+
.text-field:has(input:autofill) {
|
|
6635
|
+
--_background-color: var(--semantics-input-fields-is-autofill-background-color);
|
|
6636
|
+
}
|
|
6637
|
+
|
|
6638
|
+
.text-field:focus-within {
|
|
6639
|
+
outline: var(--semantics-focus-ring-outline);
|
|
6640
|
+
outline-offset: var(--semantics-focus-ring-outline-offset);
|
|
6641
|
+
box-shadow: var(--semantics-focus-ring-box-shadow);
|
|
6642
|
+
}
|
|
6643
|
+
|
|
6644
|
+
|
|
6645
|
+
/* # Input */
|
|
6646
|
+
|
|
6647
|
+
.text-field__input {
|
|
6648
|
+
flex-grow: 1;
|
|
6649
|
+
min-width: 0;
|
|
6650
|
+
overflow: hidden;
|
|
6651
|
+
box-sizing: border-box;
|
|
6652
|
+
padding: 0;
|
|
6653
|
+
margin: 0;
|
|
6654
|
+
color: var(--semantics-content-color);
|
|
6655
|
+
background: transparent;
|
|
6656
|
+
border: none;
|
|
6657
|
+
outline: none;
|
|
6658
|
+
appearance: none;
|
|
6659
|
+
}
|
|
6660
|
+
|
|
6661
|
+
:host([size='sm']) .text-field__input {
|
|
6662
|
+
min-height: calc(var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2);
|
|
6663
|
+
font: var(--semantics-input-fields-sm-text-font);
|
|
6664
|
+
}
|
|
6665
|
+
|
|
6666
|
+
:host([size='md']) .text-field__input,
|
|
6667
|
+
:host(:not([size])) .text-field__input {
|
|
6668
|
+
min-height: calc(var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2);
|
|
6669
|
+
font: var(--semantics-input-fields-md-text-font);
|
|
6670
|
+
}
|
|
6671
|
+
|
|
6672
|
+
:host([disabled]) .text-field__input {
|
|
6673
|
+
pointer-events: none;
|
|
6674
|
+
}
|
|
6675
|
+
|
|
6676
|
+
.text-field__input::placeholder {
|
|
6677
|
+
color: var(--semantics-input-fields-placeholder-color);
|
|
6678
|
+
}
|
|
6679
|
+
|
|
6680
|
+
.text-field__input:-webkit-autofill,
|
|
6681
|
+
.text-field__input:autofill {
|
|
6682
|
+
box-shadow: 0 0 0 999px var(--_background-color) inset;
|
|
6683
|
+
}
|
|
6684
|
+
|
|
6685
|
+
|
|
6686
|
+
/* # Input fade */
|
|
6687
|
+
|
|
6688
|
+
.text-field__input-fade {
|
|
6689
|
+
position: relative;
|
|
6690
|
+
flex-shrink: 0;
|
|
6691
|
+
align-self: stretch;
|
|
6692
|
+
width: 0;
|
|
6693
|
+
}
|
|
6694
|
+
|
|
6695
|
+
.text-field__input-fade::after {
|
|
6696
|
+
content: '';
|
|
6697
|
+
position: absolute;
|
|
6698
|
+
top: 0;
|
|
6699
|
+
bottom: 0;
|
|
6700
|
+
right: 0;
|
|
6701
|
+
width: var(--primitives-space-8);
|
|
6702
|
+
background: linear-gradient(90deg, color-mix(in oklch, var(--_background-color) 0%, transparent) 0%, var(--_background-color) 100%);
|
|
6703
|
+
pointer-events: none;
|
|
6704
|
+
}
|
|
6705
|
+
|
|
6706
|
+
:host([size='sm']) .text-field__input-fade::after {
|
|
6707
|
+
border-radius: var(--semantics-controls-sm-corner-radius);
|
|
6708
|
+
}
|
|
6709
|
+
|
|
6710
|
+
:host([size='md']) .text-field__input-fade::after,
|
|
6711
|
+
:host(:not([size])) .text-field__input-fade::after {
|
|
6712
|
+
border-radius: var(--semantics-controls-md-corner-radius);
|
|
6713
|
+
}
|
|
6714
|
+
|
|
6715
|
+
|
|
6716
|
+
/* # Validation icon area */
|
|
6717
|
+
|
|
6718
|
+
.text-field__validation-icon-area {
|
|
6719
|
+
display: flex;
|
|
6720
|
+
align-items: center;
|
|
6721
|
+
justify-content: center;
|
|
6722
|
+
flex-shrink: 0;
|
|
6723
|
+
height: 100%;
|
|
6724
|
+
}
|
|
6725
|
+
|
|
6726
|
+
:host([size='sm']) .text-field__validation-icon-area {
|
|
6727
|
+
width: calc(var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2);
|
|
6728
|
+
}
|
|
6729
|
+
|
|
6730
|
+
:host([size='md']) .text-field__validation-icon-area,
|
|
6731
|
+
:host(:not([size])) .text-field__validation-icon-area {
|
|
6732
|
+
width: calc(var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2);
|
|
6733
|
+
}
|
|
6734
|
+
|
|
6735
|
+
:host([valid]) .text-field__validation-icon-area {
|
|
6736
|
+
color: var(--semantics-input-fields-is-valid-icon-color);
|
|
6737
|
+
}
|
|
6738
|
+
|
|
6739
|
+
:host([invalid]) .text-field__validation-icon-area {
|
|
6740
|
+
color: var(--semantics-input-fields-is-invalid-icon-color);
|
|
6741
|
+
}
|
|
6742
|
+
|
|
6743
|
+
|
|
6744
|
+
/* # Validation icon */
|
|
6745
|
+
|
|
6746
|
+
:host([size='sm']) .text-field__validation-icon {
|
|
6747
|
+
width: var(--semantics-input-fields-sm-validation-icon-size);
|
|
6748
|
+
height: var(--semantics-input-fields-sm-validation-icon-size);
|
|
6749
|
+
}
|
|
6750
|
+
|
|
6751
|
+
:host([size='md']) .text-field__validation-icon,
|
|
6752
|
+
:host(:not([size])) .text-field__validation-icon {
|
|
6753
|
+
width: var(--semantics-input-fields-md-validation-icon-size);
|
|
6754
|
+
height: var(--semantics-input-fields-md-validation-icon-size);
|
|
6755
|
+
}
|
|
6756
|
+
`;
|
|
6757
|
+
function renderValidationIcon$4(component) {
|
|
6758
|
+
if (component.invalid) {
|
|
6759
|
+
return html`
|
|
6760
|
+
<div class="text-field__validation-icon-area">
|
|
6761
|
+
<nldd-icon class="text-field__validation-icon"
|
|
6762
|
+
name="invalid"
|
|
6763
|
+
aria-hidden="true"
|
|
6764
|
+
></nldd-icon>
|
|
6765
|
+
</div>
|
|
6766
|
+
`;
|
|
6767
|
+
}
|
|
6768
|
+
if (component.valid) {
|
|
6769
|
+
return html`
|
|
6770
|
+
<div class="text-field__validation-icon-area">
|
|
6771
|
+
<nldd-icon class="text-field__validation-icon"
|
|
6772
|
+
name="valid"
|
|
6773
|
+
aria-hidden="true"
|
|
6774
|
+
></nldd-icon>
|
|
6775
|
+
</div>
|
|
6776
|
+
`;
|
|
6777
|
+
}
|
|
6778
|
+
return nothing;
|
|
6779
|
+
}
|
|
6780
|
+
function textFieldTemplate(component) {
|
|
6781
|
+
return html`
|
|
6782
|
+
<div class="text-field">
|
|
6783
|
+
<input class="text-field__input"
|
|
6784
|
+
id=${component.inputId || nothing}
|
|
6785
|
+
type=${component.type}
|
|
6786
|
+
.value=${component.value}
|
|
6787
|
+
placeholder=${component.placeholder || nothing}
|
|
6788
|
+
?disabled=${component.disabled}
|
|
6789
|
+
?readonly=${component.readonly}
|
|
6790
|
+
?required=${component.required}
|
|
6791
|
+
name=${component.name || nothing}
|
|
6792
|
+
autocomplete=${component.autocomplete || nothing}
|
|
6793
|
+
aria-label=${component.accessibleLabel || nothing}
|
|
6794
|
+
aria-describedby=${component.errorMessageIds || nothing}
|
|
6795
|
+
aria-invalid=${component.invalid ? "true" : nothing}
|
|
6796
|
+
@input=${component._handleInput}
|
|
6797
|
+
@change=${component._handleChange}
|
|
6798
|
+
/>
|
|
6799
|
+
<div class="text-field__input-fade"></div>
|
|
6800
|
+
${renderValidationIcon$4(component)}
|
|
6801
|
+
</div>
|
|
6802
|
+
`;
|
|
6803
|
+
}
|
|
6804
|
+
var __defProp$T = Object.defineProperty;
|
|
6805
|
+
var __getOwnPropDesc$V = Object.getOwnPropertyDescriptor;
|
|
6806
|
+
var __decorateClass$V = (decorators, target, key, kind) => {
|
|
6807
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$V(target, key) : target;
|
|
6808
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
6809
|
+
if (decorator = decorators[i])
|
|
6810
|
+
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
6811
|
+
if (kind && result) __defProp$T(target, key, result);
|
|
6812
|
+
return result;
|
|
6813
|
+
};
|
|
6814
|
+
let NLDDTextField = class extends LitElement {
|
|
6815
|
+
constructor() {
|
|
6816
|
+
super(...arguments);
|
|
6817
|
+
this._internals = this.attachInternals();
|
|
6818
|
+
this._initialValue = "";
|
|
6819
|
+
this.size = "md";
|
|
6820
|
+
this.value = "";
|
|
6821
|
+
this.inputId = "";
|
|
6822
|
+
this.placeholder = "";
|
|
6823
|
+
this.invalid = false;
|
|
6824
|
+
this.valid = false;
|
|
6825
|
+
this.disabled = false;
|
|
6826
|
+
this.type = "text";
|
|
6827
|
+
this.name = "";
|
|
6828
|
+
this.readonly = false;
|
|
6829
|
+
this.required = false;
|
|
6830
|
+
this.autocomplete = "";
|
|
6831
|
+
this.accessibleLabel = "";
|
|
6832
|
+
this.errorMessageIds = "";
|
|
6833
|
+
this.width = "";
|
|
6834
|
+
}
|
|
6835
|
+
firstUpdated() {
|
|
6836
|
+
this._initialValue = this.value;
|
|
6837
|
+
}
|
|
6838
|
+
updated(changed) {
|
|
6839
|
+
if (changed.has("width")) {
|
|
6840
|
+
this.style.width = this.width || "";
|
|
6841
|
+
}
|
|
6842
|
+
if (changed.has("value")) {
|
|
6843
|
+
this._internals.setFormValue(this.value);
|
|
6844
|
+
}
|
|
6845
|
+
}
|
|
6846
|
+
formResetCallback() {
|
|
6847
|
+
this.value = this._initialValue;
|
|
6848
|
+
}
|
|
6849
|
+
formDisabledCallback(disabled) {
|
|
6850
|
+
this.disabled = disabled;
|
|
6851
|
+
}
|
|
6852
|
+
formStateRestoreCallback(state2) {
|
|
6853
|
+
if (typeof state2 === "string") this.value = state2;
|
|
6854
|
+
}
|
|
6855
|
+
_handleInput(e) {
|
|
6856
|
+
e.stopPropagation();
|
|
6857
|
+
const input = e.target;
|
|
6858
|
+
this.value = input.value;
|
|
6859
|
+
this.dispatchEvent(new CustomEvent("input", {
|
|
6860
|
+
detail: { value: this.value },
|
|
6861
|
+
bubbles: true,
|
|
6862
|
+
composed: true
|
|
6863
|
+
}));
|
|
6864
|
+
}
|
|
6865
|
+
_handleChange(e) {
|
|
6866
|
+
e.stopPropagation();
|
|
6867
|
+
const input = e.target;
|
|
6868
|
+
this.value = input.value;
|
|
6869
|
+
this.dispatchEvent(new CustomEvent("change", {
|
|
6870
|
+
detail: { value: this.value },
|
|
6871
|
+
bubbles: true,
|
|
6872
|
+
composed: true
|
|
6873
|
+
}));
|
|
6874
|
+
}
|
|
6875
|
+
focus() {
|
|
6876
|
+
this._input?.focus();
|
|
6877
|
+
}
|
|
6878
|
+
blur() {
|
|
6879
|
+
this._input?.blur();
|
|
6880
|
+
}
|
|
6881
|
+
render() {
|
|
6882
|
+
return textFieldTemplate(this);
|
|
6883
|
+
}
|
|
6884
|
+
};
|
|
6885
|
+
NLDDTextField.formAssociated = true;
|
|
6886
|
+
NLDDTextField.shadowRootOptions = {
|
|
6887
|
+
...LitElement.shadowRootOptions,
|
|
6888
|
+
delegatesFocus: true
|
|
6889
|
+
};
|
|
6890
|
+
NLDDTextField.styles = textFieldStyles;
|
|
6891
|
+
__decorateClass$V([
|
|
6892
|
+
property({ type: String, reflect: true })
|
|
6893
|
+
], NLDDTextField.prototype, "size", 2);
|
|
6894
|
+
__decorateClass$V([
|
|
6895
|
+
property({ type: String })
|
|
6896
|
+
], NLDDTextField.prototype, "value", 2);
|
|
6897
|
+
__decorateClass$V([
|
|
6898
|
+
property({ type: String, attribute: "input-id" })
|
|
6899
|
+
], NLDDTextField.prototype, "inputId", 2);
|
|
6900
|
+
__decorateClass$V([
|
|
6901
|
+
property({ type: String })
|
|
6902
|
+
], NLDDTextField.prototype, "placeholder", 2);
|
|
6903
|
+
__decorateClass$V([
|
|
6904
|
+
property({ type: Boolean, reflect: true })
|
|
6905
|
+
], NLDDTextField.prototype, "invalid", 2);
|
|
6906
|
+
__decorateClass$V([
|
|
6907
|
+
property({ type: Boolean, reflect: true })
|
|
6908
|
+
], NLDDTextField.prototype, "valid", 2);
|
|
6909
|
+
__decorateClass$V([
|
|
6910
|
+
property({ type: Boolean, reflect: true })
|
|
6911
|
+
], NLDDTextField.prototype, "disabled", 2);
|
|
6912
|
+
__decorateClass$V([
|
|
6913
|
+
property({ type: String })
|
|
6914
|
+
], NLDDTextField.prototype, "type", 2);
|
|
6915
|
+
__decorateClass$V([
|
|
6916
|
+
property({ type: String, reflect: true })
|
|
6917
|
+
], NLDDTextField.prototype, "name", 2);
|
|
6918
|
+
__decorateClass$V([
|
|
6919
|
+
property({ type: Boolean, reflect: true })
|
|
6920
|
+
], NLDDTextField.prototype, "readonly", 2);
|
|
6921
|
+
__decorateClass$V([
|
|
6922
|
+
property({ type: Boolean, reflect: true })
|
|
6923
|
+
], NLDDTextField.prototype, "required", 2);
|
|
6924
|
+
__decorateClass$V([
|
|
6925
|
+
property({ type: String })
|
|
6926
|
+
], NLDDTextField.prototype, "autocomplete", 2);
|
|
6927
|
+
__decorateClass$V([
|
|
6928
|
+
property({ type: String, attribute: "accessible-label" })
|
|
6929
|
+
], NLDDTextField.prototype, "accessibleLabel", 2);
|
|
6930
|
+
__decorateClass$V([
|
|
6931
|
+
property({ type: String, attribute: "error-message-ids" })
|
|
6932
|
+
], NLDDTextField.prototype, "errorMessageIds", 2);
|
|
6933
|
+
__decorateClass$V([
|
|
6934
|
+
property({ type: String, reflect: true })
|
|
6935
|
+
], NLDDTextField.prototype, "width", 2);
|
|
6936
|
+
__decorateClass$V([
|
|
6937
|
+
query(".text-field__input")
|
|
6938
|
+
], NLDDTextField.prototype, "_input", 2);
|
|
6939
|
+
NLDDTextField = __decorateClass$V([
|
|
6940
|
+
customElement("nldd-text-field")
|
|
6941
|
+
], NLDDTextField);
|
|
6942
|
+
const multiLineTextFieldStyles = css`
|
|
6943
|
+
|
|
6944
|
+
|
|
6945
|
+
/* # Host */
|
|
6946
|
+
|
|
6947
|
+
:host {
|
|
6948
|
+
display: block;
|
|
6949
|
+
--_background-color: var(--semantics-input-fields-background-color);
|
|
6950
|
+
-webkit-tap-highlight-color: transparent;
|
|
6951
|
+
}
|
|
6952
|
+
|
|
6953
|
+
:host([size='sm']) {
|
|
6954
|
+
--_inline-padding: calc(var(--semantics-controls-sm-inline-padding) - var(--semantics-input-fields-border-thickness));
|
|
6955
|
+
--_icon-area-size: calc(var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2);
|
|
6956
|
+
}
|
|
6957
|
+
|
|
6958
|
+
:host([size='md']),
|
|
6959
|
+
:host(:not([size])) {
|
|
6960
|
+
--_inline-padding: calc(var(--semantics-controls-md-inline-padding) - var(--semantics-input-fields-border-thickness));
|
|
6961
|
+
--_icon-area-size: calc(var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2);
|
|
6962
|
+
}
|
|
6963
|
+
|
|
6964
|
+
:host([hidden]) {
|
|
6965
|
+
display: none;
|
|
6966
|
+
}
|
|
6967
|
+
|
|
6968
|
+
|
|
6969
|
+
/* # Block */
|
|
6970
|
+
|
|
6971
|
+
.multi-line-text-field {
|
|
6972
|
+
position: relative;
|
|
6973
|
+
display: block;
|
|
6560
6974
|
box-sizing: border-box;
|
|
6561
6975
|
border: var(--semantics-input-fields-border);
|
|
6562
6976
|
background-color: var(--_background-color);
|
|
6977
|
+
overflow: hidden;
|
|
6563
6978
|
}
|
|
6564
6979
|
|
|
6565
|
-
:host([size='sm']) .text-field {
|
|
6566
|
-
padding-left: calc(var(--semantics-controls-sm-inline-padding) - var(--semantics-input-fields-border-thickness));
|
|
6567
|
-
min-height: var(--semantics-controls-sm-min-size);
|
|
6980
|
+
:host([size='sm']) .multi-line-text-field {
|
|
6568
6981
|
border-radius: var(--semantics-controls-sm-corner-radius);
|
|
6569
6982
|
}
|
|
6570
6983
|
|
|
6571
|
-
:host([size='md']) .text-field,
|
|
6572
|
-
:host(:not([size])) .text-field {
|
|
6573
|
-
padding-left: calc(var(--semantics-controls-md-inline-padding) - var(--semantics-input-fields-border-thickness));
|
|
6574
|
-
min-height: var(--semantics-controls-md-min-size);
|
|
6984
|
+
:host([size='md']) .multi-line-text-field,
|
|
6985
|
+
:host(:not([size])) .multi-line-text-field {
|
|
6575
6986
|
border-radius: var(--semantics-controls-md-corner-radius);
|
|
6576
6987
|
}
|
|
6577
6988
|
|
|
6578
|
-
:host([valid]) .text-field {
|
|
6989
|
+
:host([valid]) .multi-line-text-field {
|
|
6579
6990
|
border-color: var(--semantics-input-fields-is-valid-border-color);
|
|
6580
6991
|
}
|
|
6581
6992
|
|
|
6582
|
-
:host([invalid]) .text-field {
|
|
6993
|
+
:host([invalid]) .multi-line-text-field {
|
|
6583
6994
|
border-color: var(--semantics-input-fields-is-invalid-border-color);
|
|
6584
6995
|
}
|
|
6585
6996
|
|
|
6586
|
-
:host([readonly]) .text-field {
|
|
6997
|
+
:host([readonly]) .multi-line-text-field {
|
|
6587
6998
|
border-color: var(--semantics-input-fields-is-read-only-border-color);
|
|
6588
6999
|
--_background-color: var(--semantics-input-fields-is-read-only-background-color);
|
|
6589
7000
|
}
|
|
6590
7001
|
|
|
6591
|
-
:host([disabled]) .text-field {
|
|
7002
|
+
:host([disabled]) .multi-line-text-field {
|
|
6592
7003
|
opacity: var(--primitives-opacity-disabled);
|
|
6593
7004
|
}
|
|
6594
7005
|
|
|
6595
|
-
.text-field:has(
|
|
6596
|
-
.text-field:has(
|
|
7006
|
+
.multi-line-text-field:has(textarea:-webkit-autofill),
|
|
7007
|
+
.multi-line-text-field:has(textarea:autofill) {
|
|
6597
7008
|
--_background-color: var(--semantics-input-fields-is-autofill-background-color);
|
|
6598
7009
|
}
|
|
6599
7010
|
|
|
6600
|
-
.text-field:focus-within {
|
|
7011
|
+
.multi-line-text-field:focus-within {
|
|
6601
7012
|
outline: var(--semantics-focus-ring-outline);
|
|
6602
7013
|
outline-offset: var(--semantics-focus-ring-outline-offset);
|
|
6603
7014
|
box-shadow: var(--semantics-focus-ring-box-shadow);
|
|
@@ -6606,112 +7017,96 @@ const textFieldStyles = css`
|
|
|
6606
7017
|
|
|
6607
7018
|
/* # Input */
|
|
6608
7019
|
|
|
6609
|
-
.text-field__input {
|
|
6610
|
-
|
|
6611
|
-
|
|
6612
|
-
overflow: hidden;
|
|
7020
|
+
.multi-line-text-field__input {
|
|
7021
|
+
display: block;
|
|
7022
|
+
width: 100%;
|
|
6613
7023
|
box-sizing: border-box;
|
|
6614
|
-
padding: 0;
|
|
6615
7024
|
margin: 0;
|
|
6616
7025
|
color: var(--semantics-content-color);
|
|
6617
7026
|
background: transparent;
|
|
6618
7027
|
border: none;
|
|
6619
7028
|
outline: none;
|
|
6620
7029
|
appearance: none;
|
|
7030
|
+
padding-inline: var(--_inline-padding);
|
|
6621
7031
|
}
|
|
6622
7032
|
|
|
6623
|
-
:host([
|
|
6624
|
-
|
|
6625
|
-
font: var(--semantics-input-fields-sm-text-font);
|
|
7033
|
+
:host([resize='vertical']) .multi-line-text-field__input {
|
|
7034
|
+
resize: vertical;
|
|
6626
7035
|
}
|
|
6627
7036
|
|
|
6628
|
-
:host([
|
|
6629
|
-
|
|
6630
|
-
min-height: calc(var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2);
|
|
6631
|
-
font: var(--semantics-input-fields-md-text-font);
|
|
7037
|
+
:host([resize='none']) .multi-line-text-field__input {
|
|
7038
|
+
resize: none;
|
|
6632
7039
|
}
|
|
6633
7040
|
|
|
6634
|
-
:host([
|
|
6635
|
-
|
|
7041
|
+
:host([resize='auto']) .multi-line-text-field__input {
|
|
7042
|
+
resize: none;
|
|
7043
|
+
field-sizing: content;
|
|
6636
7044
|
}
|
|
6637
7045
|
|
|
6638
|
-
.text-field__input
|
|
6639
|
-
|
|
7046
|
+
:host([size='sm']) .multi-line-text-field__input {
|
|
7047
|
+
font: var(--semantics-input-fields-sm-text-font);
|
|
7048
|
+
padding-block: calc((var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2 - 1lh) / 2);
|
|
7049
|
+
min-height: calc(var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2);
|
|
6640
7050
|
}
|
|
6641
7051
|
|
|
6642
|
-
.text-field__input
|
|
6643
|
-
.text-field__input
|
|
6644
|
-
|
|
7052
|
+
:host([size='md']) .multi-line-text-field__input,
|
|
7053
|
+
:host(:not([size])) .multi-line-text-field__input {
|
|
7054
|
+
font: var(--semantics-input-fields-md-text-font);
|
|
7055
|
+
padding-block: calc((var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2 - 1lh) / 2);
|
|
7056
|
+
min-height: calc(var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2);
|
|
6645
7057
|
}
|
|
6646
7058
|
|
|
6647
|
-
|
|
6648
|
-
|
|
6649
|
-
|
|
6650
|
-
.text-field__input-fade {
|
|
6651
|
-
position: relative;
|
|
6652
|
-
flex-shrink: 0;
|
|
6653
|
-
align-self: stretch;
|
|
6654
|
-
width: 0;
|
|
7059
|
+
:host([valid]) .multi-line-text-field__input,
|
|
7060
|
+
:host([invalid]) .multi-line-text-field__input {
|
|
7061
|
+
padding-inline-end: var(--_icon-area-size);
|
|
6655
7062
|
}
|
|
6656
7063
|
|
|
6657
|
-
.text-field__input
|
|
6658
|
-
content: '';
|
|
6659
|
-
position: absolute;
|
|
6660
|
-
top: 0;
|
|
6661
|
-
bottom: 0;
|
|
6662
|
-
right: 0;
|
|
6663
|
-
width: var(--primitives-space-8);
|
|
6664
|
-
background: linear-gradient(90deg, color-mix(in oklch, var(--_background-color) 0%, transparent) 0%, var(--_background-color) 100%);
|
|
7064
|
+
:host([disabled]) .multi-line-text-field__input {
|
|
6665
7065
|
pointer-events: none;
|
|
6666
7066
|
}
|
|
6667
7067
|
|
|
6668
|
-
|
|
6669
|
-
|
|
7068
|
+
.multi-line-text-field__input::placeholder {
|
|
7069
|
+
color: var(--semantics-input-fields-placeholder-color);
|
|
6670
7070
|
}
|
|
6671
7071
|
|
|
6672
|
-
|
|
6673
|
-
|
|
6674
|
-
|
|
7072
|
+
.multi-line-text-field__input:-webkit-autofill,
|
|
7073
|
+
.multi-line-text-field__input:autofill {
|
|
7074
|
+
box-shadow: 0 0 0 999px var(--_background-color) inset;
|
|
6675
7075
|
}
|
|
6676
7076
|
|
|
6677
7077
|
|
|
6678
7078
|
/* # Validation icon area */
|
|
6679
7079
|
|
|
6680
|
-
.text-field__validation-icon-area {
|
|
7080
|
+
.multi-line-text-field__validation-icon-area {
|
|
7081
|
+
position: absolute;
|
|
7082
|
+
top: 0;
|
|
7083
|
+
right: 0;
|
|
6681
7084
|
display: flex;
|
|
6682
7085
|
align-items: center;
|
|
6683
7086
|
justify-content: center;
|
|
6684
|
-
|
|
6685
|
-
height:
|
|
6686
|
-
|
|
6687
|
-
|
|
6688
|
-
:host([size='sm']) .text-field__validation-icon-area {
|
|
6689
|
-
width: calc(var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2);
|
|
6690
|
-
}
|
|
6691
|
-
|
|
6692
|
-
:host([size='md']) .text-field__validation-icon-area,
|
|
6693
|
-
:host(:not([size])) .text-field__validation-icon-area {
|
|
6694
|
-
width: calc(var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2);
|
|
7087
|
+
width: var(--_icon-area-size);
|
|
7088
|
+
height: var(--_icon-area-size);
|
|
7089
|
+
pointer-events: none;
|
|
6695
7090
|
}
|
|
6696
7091
|
|
|
6697
|
-
:host([valid]) .text-field__validation-icon-area {
|
|
7092
|
+
:host([valid]) .multi-line-text-field__validation-icon-area {
|
|
6698
7093
|
color: var(--semantics-input-fields-is-valid-icon-color);
|
|
6699
7094
|
}
|
|
6700
7095
|
|
|
6701
|
-
:host([invalid]) .text-field__validation-icon-area {
|
|
7096
|
+
:host([invalid]) .multi-line-text-field__validation-icon-area {
|
|
6702
7097
|
color: var(--semantics-input-fields-is-invalid-icon-color);
|
|
6703
7098
|
}
|
|
6704
7099
|
|
|
6705
7100
|
|
|
6706
7101
|
/* # Validation icon */
|
|
6707
7102
|
|
|
6708
|
-
:host([size='sm']) .text-field__validation-icon {
|
|
7103
|
+
:host([size='sm']) .multi-line-text-field__validation-icon {
|
|
6709
7104
|
width: var(--semantics-input-fields-sm-validation-icon-size);
|
|
6710
7105
|
height: var(--semantics-input-fields-sm-validation-icon-size);
|
|
6711
7106
|
}
|
|
6712
7107
|
|
|
6713
|
-
:host([size='md']) .text-field__validation-icon,
|
|
6714
|
-
:host(:not([size])) .text-field__validation-icon {
|
|
7108
|
+
:host([size='md']) .multi-line-text-field__validation-icon,
|
|
7109
|
+
:host(:not([size])) .multi-line-text-field__validation-icon {
|
|
6715
7110
|
width: var(--semantics-input-fields-md-validation-icon-size);
|
|
6716
7111
|
height: var(--semantics-input-fields-md-validation-icon-size);
|
|
6717
7112
|
}
|
|
@@ -6719,8 +7114,8 @@ const textFieldStyles = css`
|
|
|
6719
7114
|
function renderValidationIcon$3(component) {
|
|
6720
7115
|
if (component.invalid) {
|
|
6721
7116
|
return html`
|
|
6722
|
-
<div class="text-field__validation-icon-area">
|
|
6723
|
-
<nldd-icon class="text-field__validation-icon"
|
|
7117
|
+
<div class="multi-line-text-field__validation-icon-area">
|
|
7118
|
+
<nldd-icon class="multi-line-text-field__validation-icon"
|
|
6724
7119
|
name="invalid"
|
|
6725
7120
|
aria-hidden="true"
|
|
6726
7121
|
></nldd-icon>
|
|
@@ -6729,8 +7124,8 @@ function renderValidationIcon$3(component) {
|
|
|
6729
7124
|
}
|
|
6730
7125
|
if (component.valid) {
|
|
6731
7126
|
return html`
|
|
6732
|
-
<div class="text-field__validation-icon-area">
|
|
6733
|
-
<nldd-icon class="text-field__validation-icon"
|
|
7127
|
+
<div class="multi-line-text-field__validation-icon-area">
|
|
7128
|
+
<nldd-icon class="multi-line-text-field__validation-icon"
|
|
6734
7129
|
name="valid"
|
|
6735
7130
|
aria-hidden="true"
|
|
6736
7131
|
></nldd-icon>
|
|
@@ -6739,26 +7134,24 @@ function renderValidationIcon$3(component) {
|
|
|
6739
7134
|
}
|
|
6740
7135
|
return nothing;
|
|
6741
7136
|
}
|
|
6742
|
-
function
|
|
7137
|
+
function multiLineTextFieldTemplate(component) {
|
|
6743
7138
|
return html`
|
|
6744
|
-
<div class="text-field">
|
|
6745
|
-
<
|
|
7139
|
+
<div class="multi-line-text-field">
|
|
7140
|
+
<textarea class="multi-line-text-field__input"
|
|
6746
7141
|
id=${component.inputId || nothing}
|
|
6747
|
-
|
|
7142
|
+
rows=${component.rows}
|
|
6748
7143
|
.value=${component.value}
|
|
6749
7144
|
placeholder=${component.placeholder || nothing}
|
|
6750
7145
|
?disabled=${component.disabled}
|
|
6751
7146
|
?readonly=${component.readonly}
|
|
6752
7147
|
?required=${component.required}
|
|
6753
|
-
name=${component.name || nothing}
|
|
6754
7148
|
autocomplete=${component.autocomplete || nothing}
|
|
6755
7149
|
aria-label=${component.accessibleLabel || nothing}
|
|
6756
7150
|
aria-describedby=${component.errorMessageIds || nothing}
|
|
6757
7151
|
aria-invalid=${component.invalid ? "true" : nothing}
|
|
6758
7152
|
@input=${component._handleInput}
|
|
6759
7153
|
@change=${component._handleChange}
|
|
6760
|
-
|
|
6761
|
-
<div class="text-field__input-fade"></div>
|
|
7154
|
+
></textarea>
|
|
6762
7155
|
${renderValidationIcon$3(component)}
|
|
6763
7156
|
</div>
|
|
6764
7157
|
`;
|
|
@@ -6773,9 +7166,11 @@ var __decorateClass$U = (decorators, target, key, kind) => {
|
|
|
6773
7166
|
if (kind && result) __defProp$S(target, key, result);
|
|
6774
7167
|
return result;
|
|
6775
7168
|
};
|
|
6776
|
-
let
|
|
7169
|
+
let NLDDMultiLineTextField = class extends LitElement {
|
|
6777
7170
|
constructor() {
|
|
6778
7171
|
super(...arguments);
|
|
7172
|
+
this._internals = this.attachInternals();
|
|
7173
|
+
this._initialValue = "";
|
|
6779
7174
|
this.size = "md";
|
|
6780
7175
|
this.value = "";
|
|
6781
7176
|
this.inputId = "";
|
|
@@ -6783,24 +7178,44 @@ let NLDDTextField = class extends LitElement {
|
|
|
6783
7178
|
this.invalid = false;
|
|
6784
7179
|
this.valid = false;
|
|
6785
7180
|
this.disabled = false;
|
|
6786
|
-
this.type = "text";
|
|
6787
7181
|
this.name = "";
|
|
6788
7182
|
this.readonly = false;
|
|
6789
7183
|
this.required = false;
|
|
6790
7184
|
this.autocomplete = "";
|
|
7185
|
+
this.rows = 3;
|
|
7186
|
+
this.resize = "vertical";
|
|
6791
7187
|
this.accessibleLabel = "";
|
|
6792
7188
|
this.errorMessageIds = "";
|
|
6793
7189
|
this.width = "";
|
|
6794
7190
|
}
|
|
7191
|
+
firstUpdated() {
|
|
7192
|
+
this._initialValue = this.value;
|
|
7193
|
+
}
|
|
6795
7194
|
updated(changed) {
|
|
6796
7195
|
if (changed.has("width")) {
|
|
6797
7196
|
this.style.width = this.width || "";
|
|
6798
7197
|
}
|
|
7198
|
+
if (changed.has("resize") && this.resize === "auto" && this._textarea) {
|
|
7199
|
+
this._textarea.style.width = "";
|
|
7200
|
+
this._textarea.style.height = "";
|
|
7201
|
+
}
|
|
7202
|
+
if (changed.has("value")) {
|
|
7203
|
+
this._internals.setFormValue(this.value);
|
|
7204
|
+
}
|
|
7205
|
+
}
|
|
7206
|
+
formResetCallback() {
|
|
7207
|
+
this.value = this._initialValue;
|
|
7208
|
+
}
|
|
7209
|
+
formDisabledCallback(disabled) {
|
|
7210
|
+
this.disabled = disabled;
|
|
7211
|
+
}
|
|
7212
|
+
formStateRestoreCallback(state2) {
|
|
7213
|
+
if (typeof state2 === "string") this.value = state2;
|
|
6799
7214
|
}
|
|
6800
7215
|
_handleInput(e) {
|
|
6801
7216
|
e.stopPropagation();
|
|
6802
|
-
const
|
|
6803
|
-
this.value =
|
|
7217
|
+
const textarea = e.target;
|
|
7218
|
+
this.value = textarea.value;
|
|
6804
7219
|
this.dispatchEvent(new CustomEvent("input", {
|
|
6805
7220
|
detail: { value: this.value },
|
|
6806
7221
|
bubbles: true,
|
|
@@ -6809,80 +7224,78 @@ let NLDDTextField = class extends LitElement {
|
|
|
6809
7224
|
}
|
|
6810
7225
|
_handleChange(e) {
|
|
6811
7226
|
e.stopPropagation();
|
|
6812
|
-
const
|
|
6813
|
-
this.value =
|
|
7227
|
+
const textarea = e.target;
|
|
7228
|
+
this.value = textarea.value;
|
|
6814
7229
|
this.dispatchEvent(new CustomEvent("change", {
|
|
6815
7230
|
detail: { value: this.value },
|
|
6816
7231
|
bubbles: true,
|
|
6817
7232
|
composed: true
|
|
6818
7233
|
}));
|
|
6819
7234
|
}
|
|
6820
|
-
focus() {
|
|
6821
|
-
this._input?.focus();
|
|
6822
|
-
}
|
|
6823
|
-
blur() {
|
|
6824
|
-
this._input?.blur();
|
|
6825
|
-
}
|
|
6826
7235
|
render() {
|
|
6827
|
-
return
|
|
7236
|
+
return multiLineTextFieldTemplate(this);
|
|
6828
7237
|
}
|
|
6829
7238
|
};
|
|
6830
|
-
|
|
7239
|
+
NLDDMultiLineTextField.formAssociated = true;
|
|
7240
|
+
NLDDMultiLineTextField.shadowRootOptions = {
|
|
6831
7241
|
...LitElement.shadowRootOptions,
|
|
6832
7242
|
delegatesFocus: true
|
|
6833
7243
|
};
|
|
6834
|
-
|
|
7244
|
+
NLDDMultiLineTextField.styles = multiLineTextFieldStyles;
|
|
6835
7245
|
__decorateClass$U([
|
|
6836
7246
|
property({ type: String, reflect: true })
|
|
6837
|
-
],
|
|
7247
|
+
], NLDDMultiLineTextField.prototype, "size", 2);
|
|
6838
7248
|
__decorateClass$U([
|
|
6839
7249
|
property({ type: String })
|
|
6840
|
-
],
|
|
7250
|
+
], NLDDMultiLineTextField.prototype, "value", 2);
|
|
6841
7251
|
__decorateClass$U([
|
|
6842
7252
|
property({ type: String, attribute: "input-id" })
|
|
6843
|
-
],
|
|
7253
|
+
], NLDDMultiLineTextField.prototype, "inputId", 2);
|
|
6844
7254
|
__decorateClass$U([
|
|
6845
7255
|
property({ type: String })
|
|
6846
|
-
],
|
|
7256
|
+
], NLDDMultiLineTextField.prototype, "placeholder", 2);
|
|
6847
7257
|
__decorateClass$U([
|
|
6848
7258
|
property({ type: Boolean, reflect: true })
|
|
6849
|
-
],
|
|
7259
|
+
], NLDDMultiLineTextField.prototype, "invalid", 2);
|
|
6850
7260
|
__decorateClass$U([
|
|
6851
7261
|
property({ type: Boolean, reflect: true })
|
|
6852
|
-
],
|
|
7262
|
+
], NLDDMultiLineTextField.prototype, "valid", 2);
|
|
6853
7263
|
__decorateClass$U([
|
|
6854
7264
|
property({ type: Boolean, reflect: true })
|
|
6855
|
-
],
|
|
7265
|
+
], NLDDMultiLineTextField.prototype, "disabled", 2);
|
|
6856
7266
|
__decorateClass$U([
|
|
6857
|
-
property({ type: String })
|
|
6858
|
-
],
|
|
6859
|
-
__decorateClass$U([
|
|
6860
|
-
property({ type: String })
|
|
6861
|
-
], NLDDTextField.prototype, "name", 2);
|
|
7267
|
+
property({ type: String, reflect: true })
|
|
7268
|
+
], NLDDMultiLineTextField.prototype, "name", 2);
|
|
6862
7269
|
__decorateClass$U([
|
|
6863
7270
|
property({ type: Boolean, reflect: true })
|
|
6864
|
-
],
|
|
7271
|
+
], NLDDMultiLineTextField.prototype, "readonly", 2);
|
|
6865
7272
|
__decorateClass$U([
|
|
6866
7273
|
property({ type: Boolean, reflect: true })
|
|
6867
|
-
],
|
|
7274
|
+
], NLDDMultiLineTextField.prototype, "required", 2);
|
|
6868
7275
|
__decorateClass$U([
|
|
6869
7276
|
property({ type: String })
|
|
6870
|
-
],
|
|
7277
|
+
], NLDDMultiLineTextField.prototype, "autocomplete", 2);
|
|
7278
|
+
__decorateClass$U([
|
|
7279
|
+
property({ type: Number })
|
|
7280
|
+
], NLDDMultiLineTextField.prototype, "rows", 2);
|
|
7281
|
+
__decorateClass$U([
|
|
7282
|
+
property({ type: String, reflect: true })
|
|
7283
|
+
], NLDDMultiLineTextField.prototype, "resize", 2);
|
|
6871
7284
|
__decorateClass$U([
|
|
6872
7285
|
property({ type: String, attribute: "accessible-label" })
|
|
6873
|
-
],
|
|
7286
|
+
], NLDDMultiLineTextField.prototype, "accessibleLabel", 2);
|
|
6874
7287
|
__decorateClass$U([
|
|
6875
7288
|
property({ type: String, attribute: "error-message-ids" })
|
|
6876
|
-
],
|
|
7289
|
+
], NLDDMultiLineTextField.prototype, "errorMessageIds", 2);
|
|
6877
7290
|
__decorateClass$U([
|
|
6878
7291
|
property({ type: String, reflect: true })
|
|
6879
|
-
],
|
|
7292
|
+
], NLDDMultiLineTextField.prototype, "width", 2);
|
|
6880
7293
|
__decorateClass$U([
|
|
6881
|
-
query(".text-field__input")
|
|
6882
|
-
],
|
|
6883
|
-
|
|
6884
|
-
customElement("nldd-text-field")
|
|
6885
|
-
],
|
|
7294
|
+
query(".multi-line-text-field__input")
|
|
7295
|
+
], NLDDMultiLineTextField.prototype, "_textarea", 2);
|
|
7296
|
+
NLDDMultiLineTextField = __decorateClass$U([
|
|
7297
|
+
customElement("nldd-multi-line-text-field")
|
|
7298
|
+
], NLDDMultiLineTextField);
|
|
6886
7299
|
const passwordFieldStyles = css`
|
|
6887
7300
|
|
|
6888
7301
|
|
|
@@ -7183,6 +7596,8 @@ var __decorateClass$T = (decorators, target, key, kind) => {
|
|
|
7183
7596
|
let NLDDPasswordField = class extends LitElement {
|
|
7184
7597
|
constructor() {
|
|
7185
7598
|
super(...arguments);
|
|
7599
|
+
this._internals = this.attachInternals();
|
|
7600
|
+
this._initialValue = "";
|
|
7186
7601
|
this.size = "md";
|
|
7187
7602
|
this.value = "";
|
|
7188
7603
|
this.inputId = "";
|
|
@@ -7203,10 +7618,25 @@ let NLDDPasswordField = class extends LitElement {
|
|
|
7203
7618
|
this.errorMessageIds = "";
|
|
7204
7619
|
this.width = "";
|
|
7205
7620
|
}
|
|
7621
|
+
firstUpdated() {
|
|
7622
|
+
this._initialValue = this.value;
|
|
7623
|
+
}
|
|
7206
7624
|
updated(changed) {
|
|
7207
7625
|
if (changed.has("width")) {
|
|
7208
7626
|
this.style.width = this.width || "";
|
|
7209
7627
|
}
|
|
7628
|
+
if (changed.has("value")) {
|
|
7629
|
+
this._internals.setFormValue(this.value);
|
|
7630
|
+
}
|
|
7631
|
+
}
|
|
7632
|
+
formResetCallback() {
|
|
7633
|
+
this.value = this._initialValue;
|
|
7634
|
+
}
|
|
7635
|
+
formDisabledCallback(disabled) {
|
|
7636
|
+
this.disabled = disabled;
|
|
7637
|
+
}
|
|
7638
|
+
formStateRestoreCallback(state2) {
|
|
7639
|
+
if (typeof state2 === "string") this.value = state2;
|
|
7210
7640
|
}
|
|
7211
7641
|
_handleInput(e) {
|
|
7212
7642
|
e.stopPropagation();
|
|
@@ -7241,6 +7671,7 @@ let NLDDPasswordField = class extends LitElement {
|
|
|
7241
7671
|
return passwordFieldTemplate(this);
|
|
7242
7672
|
}
|
|
7243
7673
|
};
|
|
7674
|
+
NLDDPasswordField.formAssociated = true;
|
|
7244
7675
|
NLDDPasswordField.shadowRootOptions = {
|
|
7245
7676
|
...LitElement.shadowRootOptions,
|
|
7246
7677
|
delegatesFocus: true
|
|
@@ -7289,7 +7720,7 @@ __decorateClass$T([
|
|
|
7289
7720
|
property({ type: Boolean, reflect: true })
|
|
7290
7721
|
], NLDDPasswordField.prototype, "required", 2);
|
|
7291
7722
|
__decorateClass$T([
|
|
7292
|
-
property({ type: String })
|
|
7723
|
+
property({ type: String, reflect: true })
|
|
7293
7724
|
], NLDDPasswordField.prototype, "name", 2);
|
|
7294
7725
|
__decorateClass$T([
|
|
7295
7726
|
property({ type: String })
|
|
@@ -7549,6 +7980,8 @@ var __decorateClass$S = (decorators, target, key, kind) => {
|
|
|
7549
7980
|
let NLDDSearchField = class extends LitElement {
|
|
7550
7981
|
constructor() {
|
|
7551
7982
|
super(...arguments);
|
|
7983
|
+
this._internals = this.attachInternals();
|
|
7984
|
+
this._initialValue = "";
|
|
7552
7985
|
this.value = "";
|
|
7553
7986
|
this.placeholder = "Zoeken";
|
|
7554
7987
|
this.accessibleLabel = "";
|
|
@@ -7559,10 +7992,25 @@ let NLDDSearchField = class extends LitElement {
|
|
|
7559
7992
|
this.translations = {};
|
|
7560
7993
|
this.width = "";
|
|
7561
7994
|
}
|
|
7995
|
+
firstUpdated() {
|
|
7996
|
+
this._initialValue = this.value;
|
|
7997
|
+
}
|
|
7562
7998
|
updated(changed) {
|
|
7563
7999
|
if (changed.has("width")) {
|
|
7564
8000
|
this.style.width = this.width || "";
|
|
7565
8001
|
}
|
|
8002
|
+
if (changed.has("value")) {
|
|
8003
|
+
this._internals.setFormValue(this.value);
|
|
8004
|
+
}
|
|
8005
|
+
}
|
|
8006
|
+
formResetCallback() {
|
|
8007
|
+
this.value = this._initialValue;
|
|
8008
|
+
}
|
|
8009
|
+
formDisabledCallback(disabled) {
|
|
8010
|
+
this.disabled = disabled;
|
|
8011
|
+
}
|
|
8012
|
+
formStateRestoreCallback(state2) {
|
|
8013
|
+
if (typeof state2 === "string") this.value = state2;
|
|
7566
8014
|
}
|
|
7567
8015
|
// — i18n ——————————————————————————————————————————————————————————————————
|
|
7568
8016
|
_t(key) {
|
|
@@ -7620,6 +8068,7 @@ let NLDDSearchField = class extends LitElement {
|
|
|
7620
8068
|
return searchFieldTemplate(this);
|
|
7621
8069
|
}
|
|
7622
8070
|
};
|
|
8071
|
+
NLDDSearchField.formAssociated = true;
|
|
7623
8072
|
NLDDSearchField.styles = searchFieldStyles;
|
|
7624
8073
|
__decorateClass$S([
|
|
7625
8074
|
property({ type: String })
|
|
@@ -7637,7 +8086,7 @@ __decorateClass$S([
|
|
|
7637
8086
|
property({ type: Boolean, reflect: true })
|
|
7638
8087
|
], NLDDSearchField.prototype, "disabled", 2);
|
|
7639
8088
|
__decorateClass$S([
|
|
7640
|
-
property({ type: String })
|
|
8089
|
+
property({ type: String, reflect: true })
|
|
7641
8090
|
], NLDDSearchField.prototype, "name", 2);
|
|
7642
8091
|
__decorateClass$S([
|
|
7643
8092
|
property({ type: Boolean, reflect: true, attribute: "show-search-button" })
|
|
@@ -7872,6 +8321,8 @@ var __decorateClass$R = (decorators, target, key, kind) => {
|
|
|
7872
8321
|
let NLDDNumberField = class extends LitElement {
|
|
7873
8322
|
constructor() {
|
|
7874
8323
|
super(...arguments);
|
|
8324
|
+
this._internals = this.attachInternals();
|
|
8325
|
+
this._initialValue = 0;
|
|
7875
8326
|
this.value = 0;
|
|
7876
8327
|
this.min = -Infinity;
|
|
7877
8328
|
this.max = Infinity;
|
|
@@ -7888,6 +8339,7 @@ let NLDDNumberField = class extends LitElement {
|
|
|
7888
8339
|
}
|
|
7889
8340
|
firstUpdated() {
|
|
7890
8341
|
this._lastValidValue = this._clamp(this.value);
|
|
8342
|
+
this._initialValue = this._lastValidValue;
|
|
7891
8343
|
}
|
|
7892
8344
|
updated(changedProperties) {
|
|
7893
8345
|
if (changedProperties.has("width")) {
|
|
@@ -7899,6 +8351,20 @@ let NLDDNumberField = class extends LitElement {
|
|
|
7899
8351
|
this.removeAttribute("width");
|
|
7900
8352
|
}
|
|
7901
8353
|
}
|
|
8354
|
+
if (changedProperties.has("value")) {
|
|
8355
|
+
this._internals.setFormValue(String(this.value));
|
|
8356
|
+
}
|
|
8357
|
+
}
|
|
8358
|
+
formResetCallback() {
|
|
8359
|
+
this.value = this._initialValue;
|
|
8360
|
+
}
|
|
8361
|
+
formDisabledCallback(disabled) {
|
|
8362
|
+
this.disabled = disabled;
|
|
8363
|
+
}
|
|
8364
|
+
formStateRestoreCallback(state2) {
|
|
8365
|
+
if (typeof state2 !== "string") return;
|
|
8366
|
+
const parsed = parseFloat(state2);
|
|
8367
|
+
if (!isNaN(parsed)) this.value = this._clamp(parsed);
|
|
7902
8368
|
}
|
|
7903
8369
|
// — i18n —————————————————————————————————————————————————————————————————
|
|
7904
8370
|
_t(key) {
|
|
@@ -7959,6 +8425,7 @@ let NLDDNumberField = class extends LitElement {
|
|
|
7959
8425
|
return numberFieldTemplate(this);
|
|
7960
8426
|
}
|
|
7961
8427
|
};
|
|
8428
|
+
NLDDNumberField.formAssociated = true;
|
|
7962
8429
|
NLDDNumberField.styles = numberFieldStyles;
|
|
7963
8430
|
__decorateClass$R([
|
|
7964
8431
|
property({ type: Number })
|
|
@@ -7979,7 +8446,7 @@ __decorateClass$R([
|
|
|
7979
8446
|
property({ type: Boolean, reflect: true })
|
|
7980
8447
|
], NLDDNumberField.prototype, "disabled", 2);
|
|
7981
8448
|
__decorateClass$R([
|
|
7982
|
-
property({ type: String })
|
|
8449
|
+
property({ type: String, reflect: true })
|
|
7983
8450
|
], NLDDNumberField.prototype, "name", 2);
|
|
7984
8451
|
__decorateClass$R([
|
|
7985
8452
|
property({ type: Boolean, reflect: true, attribute: "full-width" })
|
|
@@ -8601,6 +9068,9 @@ var __decorateClass$P = (decorators, target, key, kind) => {
|
|
|
8601
9068
|
let NLDDComboBox = class extends LitElement {
|
|
8602
9069
|
constructor() {
|
|
8603
9070
|
super(...arguments);
|
|
9071
|
+
this._internals = this.attachInternals();
|
|
9072
|
+
this._initialValue = "";
|
|
9073
|
+
this._initialDisplayValue = "";
|
|
8604
9074
|
this.value = "";
|
|
8605
9075
|
this.placeholder = "";
|
|
8606
9076
|
this.size = "md";
|
|
@@ -8662,6 +9132,8 @@ let NLDDComboBox = class extends LitElement {
|
|
|
8662
9132
|
}
|
|
8663
9133
|
// — Lifecycle ————————————————————————————————————————————————————————————
|
|
8664
9134
|
firstUpdated() {
|
|
9135
|
+
this._initialValue = this.value;
|
|
9136
|
+
this._initialDisplayValue = this._displayValue;
|
|
8665
9137
|
}
|
|
8666
9138
|
updated(changedProperties) {
|
|
8667
9139
|
if (changedProperties.has("maxItems") && this._menu) {
|
|
@@ -8670,6 +9142,28 @@ let NLDDComboBox = class extends LitElement {
|
|
|
8670
9142
|
if (changedProperties.has("width")) {
|
|
8671
9143
|
this.style.width = this.width || "";
|
|
8672
9144
|
}
|
|
9145
|
+
if (changedProperties.has("value") || changedProperties.has("_displayValue")) {
|
|
9146
|
+
const state2 = new FormData();
|
|
9147
|
+
state2.append("value", this.value);
|
|
9148
|
+
state2.append("display", this._displayValue);
|
|
9149
|
+
this._internals.setFormValue(this.value, state2);
|
|
9150
|
+
}
|
|
9151
|
+
}
|
|
9152
|
+
formResetCallback() {
|
|
9153
|
+
this.value = this._initialValue;
|
|
9154
|
+
this._displayValue = this._initialDisplayValue;
|
|
9155
|
+
}
|
|
9156
|
+
formDisabledCallback(disabled) {
|
|
9157
|
+
this.disabled = disabled;
|
|
9158
|
+
}
|
|
9159
|
+
formStateRestoreCallback(state2) {
|
|
9160
|
+
if (state2 instanceof FormData) {
|
|
9161
|
+
this.value = String(state2.get("value") ?? "");
|
|
9162
|
+
this._displayValue = String(state2.get("display") ?? "");
|
|
9163
|
+
} else if (typeof state2 === "string") {
|
|
9164
|
+
this.value = state2;
|
|
9165
|
+
this._displayValue = state2;
|
|
9166
|
+
}
|
|
8673
9167
|
}
|
|
8674
9168
|
connectedCallback() {
|
|
8675
9169
|
super.connectedCallback();
|
|
@@ -8840,6 +9334,7 @@ let NLDDComboBox = class extends LitElement {
|
|
|
8840
9334
|
return comboBoxTemplate(this);
|
|
8841
9335
|
}
|
|
8842
9336
|
};
|
|
9337
|
+
NLDDComboBox.formAssociated = true;
|
|
8843
9338
|
NLDDComboBox.styles = comboBoxStyles;
|
|
8844
9339
|
NLDDComboBox._idCounter = 0;
|
|
8845
9340
|
__decorateClass$P([
|
|
@@ -8861,7 +9356,7 @@ __decorateClass$P([
|
|
|
8861
9356
|
property({ type: Boolean, reflect: true })
|
|
8862
9357
|
], NLDDComboBox.prototype, "disabled", 2);
|
|
8863
9358
|
__decorateClass$P([
|
|
8864
|
-
property({ type: String })
|
|
9359
|
+
property({ type: String, reflect: true })
|
|
8865
9360
|
], NLDDComboBox.prototype, "name", 2);
|
|
8866
9361
|
__decorateClass$P([
|
|
8867
9362
|
property({ type: String })
|
|
@@ -9034,14 +9529,36 @@ var __decorateClass$O = (decorators, target, key, kind) => {
|
|
|
9034
9529
|
let NLDDStepper = class extends LitElement {
|
|
9035
9530
|
constructor() {
|
|
9036
9531
|
super(...arguments);
|
|
9532
|
+
this._internals = this.attachInternals();
|
|
9533
|
+
this._initialValue = 0;
|
|
9037
9534
|
this.value = 0;
|
|
9038
9535
|
this.min = 0;
|
|
9039
9536
|
this.max = Infinity;
|
|
9040
9537
|
this.step = 1;
|
|
9041
9538
|
this.disabled = false;
|
|
9042
9539
|
this.size = "md";
|
|
9540
|
+
this.name = "";
|
|
9043
9541
|
this.translations = {};
|
|
9044
9542
|
}
|
|
9543
|
+
firstUpdated() {
|
|
9544
|
+
this._initialValue = this.value;
|
|
9545
|
+
}
|
|
9546
|
+
updated(changed) {
|
|
9547
|
+
if (changed.has("value")) {
|
|
9548
|
+
this._internals.setFormValue(String(this.value));
|
|
9549
|
+
}
|
|
9550
|
+
}
|
|
9551
|
+
formResetCallback() {
|
|
9552
|
+
this.value = this._initialValue;
|
|
9553
|
+
}
|
|
9554
|
+
formDisabledCallback(disabled) {
|
|
9555
|
+
this.disabled = disabled;
|
|
9556
|
+
}
|
|
9557
|
+
formStateRestoreCallback(state2) {
|
|
9558
|
+
if (typeof state2 !== "string") return;
|
|
9559
|
+
const parsed = parseFloat(state2);
|
|
9560
|
+
if (!isNaN(parsed)) this.value = Math.max(this.min, Math.min(this.max, parsed));
|
|
9561
|
+
}
|
|
9045
9562
|
// — i18n —————————————————————————————————————————————————————————————————
|
|
9046
9563
|
_t(key) {
|
|
9047
9564
|
return this.translations[key] ?? nlddStepperTranslations[key];
|
|
@@ -9102,6 +9619,7 @@ let NLDDStepper = class extends LitElement {
|
|
|
9102
9619
|
return stepperTemplate(this);
|
|
9103
9620
|
}
|
|
9104
9621
|
};
|
|
9622
|
+
NLDDStepper.formAssociated = true;
|
|
9105
9623
|
NLDDStepper.styles = stepperStyles;
|
|
9106
9624
|
__decorateClass$O([
|
|
9107
9625
|
property({ type: Number })
|
|
@@ -9121,6 +9639,9 @@ __decorateClass$O([
|
|
|
9121
9639
|
__decorateClass$O([
|
|
9122
9640
|
property({ type: String, reflect: true })
|
|
9123
9641
|
], NLDDStepper.prototype, "size", 2);
|
|
9642
|
+
__decorateClass$O([
|
|
9643
|
+
property({ type: String, reflect: true })
|
|
9644
|
+
], NLDDStepper.prototype, "name", 2);
|
|
9124
9645
|
__decorateClass$O([
|
|
9125
9646
|
property({ type: Object })
|
|
9126
9647
|
], NLDDStepper.prototype, "translations", 2);
|
|
@@ -9284,6 +9805,8 @@ var __decorateClass$N = (decorators, target, key, kind) => {
|
|
|
9284
9805
|
let NLDDCheckbox = class extends LitElement {
|
|
9285
9806
|
constructor() {
|
|
9286
9807
|
super(...arguments);
|
|
9808
|
+
this._internals = this.attachInternals();
|
|
9809
|
+
this._initialChecked = false;
|
|
9287
9810
|
this.checked = false;
|
|
9288
9811
|
this.disabled = false;
|
|
9289
9812
|
this.indeterminate = false;
|
|
@@ -9291,6 +9814,24 @@ let NLDDCheckbox = class extends LitElement {
|
|
|
9291
9814
|
this.name = "";
|
|
9292
9815
|
this.accessibleLabel = "";
|
|
9293
9816
|
}
|
|
9817
|
+
firstUpdated() {
|
|
9818
|
+
this._initialChecked = this.checked;
|
|
9819
|
+
}
|
|
9820
|
+
updated(changed) {
|
|
9821
|
+
if (changed.has("checked") || changed.has("value")) {
|
|
9822
|
+
this._internals.setFormValue(this.checked ? this.value : null);
|
|
9823
|
+
}
|
|
9824
|
+
}
|
|
9825
|
+
formResetCallback() {
|
|
9826
|
+
this.checked = this._initialChecked;
|
|
9827
|
+
this.indeterminate = false;
|
|
9828
|
+
}
|
|
9829
|
+
formDisabledCallback(disabled) {
|
|
9830
|
+
this.disabled = disabled;
|
|
9831
|
+
}
|
|
9832
|
+
formStateRestoreCallback(state2) {
|
|
9833
|
+
this.checked = state2 !== null;
|
|
9834
|
+
}
|
|
9294
9835
|
toggle() {
|
|
9295
9836
|
if (this.disabled) return;
|
|
9296
9837
|
this.checked = !this.checked;
|
|
@@ -9315,6 +9856,7 @@ let NLDDCheckbox = class extends LitElement {
|
|
|
9315
9856
|
return checkboxTemplate(this);
|
|
9316
9857
|
}
|
|
9317
9858
|
};
|
|
9859
|
+
NLDDCheckbox.formAssociated = true;
|
|
9318
9860
|
NLDDCheckbox.styles = checkboxStyles;
|
|
9319
9861
|
__decorateClass$N([
|
|
9320
9862
|
property({ type: Boolean, reflect: true })
|
|
@@ -9329,7 +9871,7 @@ __decorateClass$N([
|
|
|
9329
9871
|
property({ type: String })
|
|
9330
9872
|
], NLDDCheckbox.prototype, "value", 2);
|
|
9331
9873
|
__decorateClass$N([
|
|
9332
|
-
property({ type: String })
|
|
9874
|
+
property({ type: String, reflect: true })
|
|
9333
9875
|
], NLDDCheckbox.prototype, "name", 2);
|
|
9334
9876
|
__decorateClass$N([
|
|
9335
9877
|
property({ type: String, attribute: "accessible-label" })
|
|
@@ -9619,6 +10161,8 @@ var __decorateClass$L = (decorators, target, key, kind) => {
|
|
|
9619
10161
|
let NLDDRadioButton = class extends LitElement {
|
|
9620
10162
|
constructor() {
|
|
9621
10163
|
super(...arguments);
|
|
10164
|
+
this._internals = this.attachInternals();
|
|
10165
|
+
this._initialChecked = false;
|
|
9622
10166
|
this.checked = false;
|
|
9623
10167
|
this.disabled = false;
|
|
9624
10168
|
this.required = false;
|
|
@@ -9626,6 +10170,23 @@ let NLDDRadioButton = class extends LitElement {
|
|
|
9626
10170
|
this.value = "";
|
|
9627
10171
|
this.accessibleLabel = "";
|
|
9628
10172
|
}
|
|
10173
|
+
firstUpdated() {
|
|
10174
|
+
this._initialChecked = this.checked;
|
|
10175
|
+
}
|
|
10176
|
+
updated(changed) {
|
|
10177
|
+
if (changed.has("checked") || changed.has("value")) {
|
|
10178
|
+
this._internals.setFormValue(this.checked ? this.value : null);
|
|
10179
|
+
}
|
|
10180
|
+
}
|
|
10181
|
+
formResetCallback() {
|
|
10182
|
+
this.checked = this._initialChecked;
|
|
10183
|
+
}
|
|
10184
|
+
formDisabledCallback(disabled) {
|
|
10185
|
+
this.disabled = disabled;
|
|
10186
|
+
}
|
|
10187
|
+
formStateRestoreCallback(state2) {
|
|
10188
|
+
this.checked = state2 !== null;
|
|
10189
|
+
}
|
|
9629
10190
|
select() {
|
|
9630
10191
|
if (this.disabled || this.checked) return;
|
|
9631
10192
|
const input = this.shadowRoot?.querySelector("input");
|
|
@@ -9646,6 +10207,7 @@ let NLDDRadioButton = class extends LitElement {
|
|
|
9646
10207
|
return radioButtonTemplate(this);
|
|
9647
10208
|
}
|
|
9648
10209
|
};
|
|
10210
|
+
NLDDRadioButton.formAssociated = true;
|
|
9649
10211
|
NLDDRadioButton.styles = radioButtonStyles;
|
|
9650
10212
|
__decorateClass$L([
|
|
9651
10213
|
property({ type: Boolean, reflect: true })
|
|
@@ -9657,7 +10219,7 @@ __decorateClass$L([
|
|
|
9657
10219
|
property({ type: Boolean, reflect: true })
|
|
9658
10220
|
], NLDDRadioButton.prototype, "required", 2);
|
|
9659
10221
|
__decorateClass$L([
|
|
9660
|
-
property({ type: String })
|
|
10222
|
+
property({ type: String, reflect: true })
|
|
9661
10223
|
], NLDDRadioButton.prototype, "name", 2);
|
|
9662
10224
|
__decorateClass$L([
|
|
9663
10225
|
property({ type: String })
|
|
@@ -10141,15 +10703,33 @@ var __decorateClass$I = (decorators, target, key, kind) => {
|
|
|
10141
10703
|
let NLDDSwitch = class extends LitElement {
|
|
10142
10704
|
constructor() {
|
|
10143
10705
|
super(...arguments);
|
|
10706
|
+
this._internals = this.attachInternals();
|
|
10707
|
+
this.name = "";
|
|
10144
10708
|
this.checked = false;
|
|
10145
10709
|
this.disabled = false;
|
|
10146
10710
|
this.size = "sm";
|
|
10147
10711
|
this.accessibleLabel = "";
|
|
10148
10712
|
this.value = "on";
|
|
10713
|
+
this._initialChecked = false;
|
|
10149
10714
|
this._pointerStartX = null;
|
|
10150
10715
|
this._swiped = false;
|
|
10151
10716
|
}
|
|
10152
10717
|
firstUpdated() {
|
|
10718
|
+
this._initialChecked = this.checked;
|
|
10719
|
+
}
|
|
10720
|
+
updated(changed) {
|
|
10721
|
+
if (changed.has("checked") || changed.has("value")) {
|
|
10722
|
+
this._internals.setFormValue(this.checked ? this.value : null);
|
|
10723
|
+
}
|
|
10724
|
+
}
|
|
10725
|
+
formResetCallback() {
|
|
10726
|
+
this.checked = this._initialChecked;
|
|
10727
|
+
}
|
|
10728
|
+
formDisabledCallback(disabled) {
|
|
10729
|
+
this.disabled = disabled;
|
|
10730
|
+
}
|
|
10731
|
+
formStateRestoreCallback(state2) {
|
|
10732
|
+
this.checked = state2 !== null;
|
|
10153
10733
|
}
|
|
10154
10734
|
_handlePointerDown(e) {
|
|
10155
10735
|
this._pointerStartX = e.clientX;
|
|
@@ -10212,8 +10792,12 @@ let NLDDSwitch = class extends LitElement {
|
|
|
10212
10792
|
return switchTemplate(this);
|
|
10213
10793
|
}
|
|
10214
10794
|
};
|
|
10795
|
+
NLDDSwitch.formAssociated = true;
|
|
10215
10796
|
NLDDSwitch.styles = switchStyles;
|
|
10216
10797
|
NLDDSwitch.SWIPE_THRESHOLD = 10;
|
|
10798
|
+
__decorateClass$I([
|
|
10799
|
+
property({ type: String, reflect: true })
|
|
10800
|
+
], NLDDSwitch.prototype, "name", 2);
|
|
10217
10801
|
__decorateClass$I([
|
|
10218
10802
|
property({ type: Boolean, reflect: true })
|
|
10219
10803
|
], NLDDSwitch.prototype, "checked", 2);
|
|
@@ -10678,6 +11262,9 @@ NLDDSegmentedControlItem = __decorateClass$G([
|
|
|
10678
11262
|
let NLDDSegmentedControl = class extends LitElement {
|
|
10679
11263
|
constructor() {
|
|
10680
11264
|
super(...arguments);
|
|
11265
|
+
this._internals = this.attachInternals();
|
|
11266
|
+
this._initialValue = "";
|
|
11267
|
+
this._initialValues = [];
|
|
10681
11268
|
this.value = "";
|
|
10682
11269
|
this.values = [];
|
|
10683
11270
|
this.size = "md";
|
|
@@ -10769,11 +11356,44 @@ let NLDDSegmentedControl = class extends LitElement {
|
|
|
10769
11356
|
}
|
|
10770
11357
|
firstUpdated() {
|
|
10771
11358
|
this._syncItems();
|
|
11359
|
+
this._initialValue = this.value;
|
|
11360
|
+
this._initialValues = [...this.values];
|
|
11361
|
+
}
|
|
11362
|
+
_syncFormValue() {
|
|
11363
|
+
if (this.type === "checkbox") {
|
|
11364
|
+
if (this.values.length === 0 || !this.name) {
|
|
11365
|
+
this._internals.setFormValue(null);
|
|
11366
|
+
return;
|
|
11367
|
+
}
|
|
11368
|
+
const data = new FormData();
|
|
11369
|
+
for (const v of this.values) data.append(this.name, v);
|
|
11370
|
+
this._internals.setFormValue(data);
|
|
11371
|
+
} else {
|
|
11372
|
+
this._internals.setFormValue(this.value || null);
|
|
11373
|
+
}
|
|
11374
|
+
}
|
|
11375
|
+
formResetCallback() {
|
|
11376
|
+
this.value = this._initialValue;
|
|
11377
|
+
this.values = [...this._initialValues];
|
|
11378
|
+
}
|
|
11379
|
+
formDisabledCallback(disabled) {
|
|
11380
|
+
this.disabled = disabled;
|
|
11381
|
+
}
|
|
11382
|
+
formStateRestoreCallback(state2) {
|
|
11383
|
+
if (state2 === null) return;
|
|
11384
|
+
if (this.type === "checkbox" && state2 instanceof FormData && this.name) {
|
|
11385
|
+
this.values = state2.getAll(this.name).map(String);
|
|
11386
|
+
} else if (typeof state2 === "string") {
|
|
11387
|
+
this.value = state2;
|
|
11388
|
+
}
|
|
10772
11389
|
}
|
|
10773
11390
|
updated(changedProperties) {
|
|
10774
11391
|
if (changedProperties.has("value") || changedProperties.has("values") || changedProperties.has("size") || changedProperties.has("disabled") || changedProperties.has("type") || changedProperties.has("variant") || changedProperties.has("name")) {
|
|
10775
11392
|
this._syncItems();
|
|
10776
11393
|
}
|
|
11394
|
+
if (changedProperties.has("value") || changedProperties.has("values") || changedProperties.has("type") || changedProperties.has("name")) {
|
|
11395
|
+
this._syncFormValue();
|
|
11396
|
+
}
|
|
10777
11397
|
if (changedProperties.has("type")) {
|
|
10778
11398
|
this.setAttribute("role", this.type === "checkbox" ? "group" : "radiogroup");
|
|
10779
11399
|
}
|
|
@@ -10842,6 +11462,7 @@ let NLDDSegmentedControl = class extends LitElement {
|
|
|
10842
11462
|
return segmentedControlTemplate(this);
|
|
10843
11463
|
}
|
|
10844
11464
|
};
|
|
11465
|
+
NLDDSegmentedControl.formAssociated = true;
|
|
10845
11466
|
NLDDSegmentedControl.styles = segmentedControlStyles;
|
|
10846
11467
|
NLDDSegmentedControl._idCounter = 0;
|
|
10847
11468
|
__decorateClass$G([
|
|
@@ -10866,7 +11487,7 @@ __decorateClass$G([
|
|
|
10866
11487
|
property({ type: Boolean, reflect: true, attribute: "full-width" })
|
|
10867
11488
|
], NLDDSegmentedControl.prototype, "fullWidth", 2);
|
|
10868
11489
|
__decorateClass$G([
|
|
10869
|
-
property({ type: String })
|
|
11490
|
+
property({ type: String, reflect: true })
|
|
10870
11491
|
], NLDDSegmentedControl.prototype, "name", 2);
|
|
10871
11492
|
__decorateClass$G([
|
|
10872
11493
|
property({ type: String, attribute: "accessible-label" })
|
|
@@ -11100,6 +11721,8 @@ var __decorateClass$F = (decorators, target, key, kind) => {
|
|
|
11100
11721
|
let NLDDToggleButton = class extends LitElement {
|
|
11101
11722
|
constructor() {
|
|
11102
11723
|
super(...arguments);
|
|
11724
|
+
this._internals = this.attachInternals();
|
|
11725
|
+
this._initialSelected = false;
|
|
11103
11726
|
this.type = "button";
|
|
11104
11727
|
this.size = "md";
|
|
11105
11728
|
this.selected = false;
|
|
@@ -11117,13 +11740,29 @@ let NLDDToggleButton = class extends LitElement {
|
|
|
11117
11740
|
const slot = this.shadowRoot?.querySelector('slot[name="icon"]');
|
|
11118
11741
|
return (slot?.assignedElements().length ?? 0) > 0;
|
|
11119
11742
|
}
|
|
11120
|
-
|
|
11743
|
+
firstUpdated() {
|
|
11744
|
+
this._initialSelected = this.selected;
|
|
11745
|
+
}
|
|
11746
|
+
updated(changed) {
|
|
11121
11747
|
const iconOnly = this._hasIcon && !this.text;
|
|
11122
11748
|
this.toggleAttribute("icon-only", iconOnly);
|
|
11123
11749
|
const inaccessible = iconOnly && !this.accessibleLabel;
|
|
11124
11750
|
if (!inaccessible) {
|
|
11125
11751
|
this._warnedA11y = false;
|
|
11126
11752
|
}
|
|
11753
|
+
if (changed.has("selected") || changed.has("value") || changed.has("type")) {
|
|
11754
|
+
const submits = this.type === "checkbox" || this.type === "radio";
|
|
11755
|
+
this._internals.setFormValue(submits && this.selected ? this.value : null);
|
|
11756
|
+
}
|
|
11757
|
+
}
|
|
11758
|
+
formResetCallback() {
|
|
11759
|
+
this.selected = this._initialSelected;
|
|
11760
|
+
}
|
|
11761
|
+
formDisabledCallback(disabled) {
|
|
11762
|
+
this.disabled = disabled;
|
|
11763
|
+
}
|
|
11764
|
+
formStateRestoreCallback(state2) {
|
|
11765
|
+
this.selected = state2 !== null;
|
|
11127
11766
|
}
|
|
11128
11767
|
_handleButtonClick() {
|
|
11129
11768
|
if (this.disabled) return;
|
|
@@ -11158,6 +11797,7 @@ let NLDDToggleButton = class extends LitElement {
|
|
|
11158
11797
|
return toggleButtonTemplate(this);
|
|
11159
11798
|
}
|
|
11160
11799
|
};
|
|
11800
|
+
NLDDToggleButton.formAssociated = true;
|
|
11161
11801
|
NLDDToggleButton.styles = toggleButtonStyles;
|
|
11162
11802
|
__decorateClass$F([
|
|
11163
11803
|
property({ type: String, reflect: true })
|
|
@@ -11175,7 +11815,7 @@ __decorateClass$F([
|
|
|
11175
11815
|
property({ type: String })
|
|
11176
11816
|
], NLDDToggleButton.prototype, "value", 2);
|
|
11177
11817
|
__decorateClass$F([
|
|
11178
|
-
property({ type: String })
|
|
11818
|
+
property({ type: String, reflect: true })
|
|
11179
11819
|
], NLDDToggleButton.prototype, "name", 2);
|
|
11180
11820
|
__decorateClass$F([
|
|
11181
11821
|
property({ type: String })
|
|
@@ -23815,7 +24455,10 @@ let NLDDModalDialog = class extends LitElement {
|
|
|
23815
24455
|
});
|
|
23816
24456
|
}
|
|
23817
24457
|
_handleBackdropClick(e) {
|
|
23818
|
-
if (e.target
|
|
24458
|
+
if (e.target !== this._dialog) return;
|
|
24459
|
+
const rect = this._dialog.getBoundingClientRect();
|
|
24460
|
+
const insideDialog = e.clientX >= rect.left && e.clientX <= rect.right && e.clientY >= rect.top && e.clientY <= rect.bottom;
|
|
24461
|
+
if (!insideDialog) this.hide();
|
|
23819
24462
|
}
|
|
23820
24463
|
_handleCancel(e) {
|
|
23821
24464
|
e.preventDefault();
|
|
@@ -24108,6 +24751,7 @@ export {
|
|
|
24108
24751
|
NLDDMenuBar,
|
|
24109
24752
|
NLDDMenuBarItem,
|
|
24110
24753
|
NLDDModalDialog,
|
|
24754
|
+
NLDDMultiLineTextField,
|
|
24111
24755
|
NLDDNavigationSplitView,
|
|
24112
24756
|
NLDDNumberField,
|
|
24113
24757
|
NLDDOneHalfOneHalfSection,
|