cx 26.1.0 → 26.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/build/ui/Widget.js +0 -5
  2. package/build/util/Component.js +5 -0
  3. package/build/util/test/createTestRenderer.d.ts +3 -1
  4. package/build/util/test/createTestRenderer.js +8 -2
  5. package/build/widgets/icons/calendar.js +4 -3
  6. package/build/widgets/icons/check.js +2 -2
  7. package/build/widgets/icons/clear.js +2 -2
  8. package/build/widgets/icons/close.js +2 -2
  9. package/build/widgets/icons/cx.js +2 -2
  10. package/build/widgets/icons/drop-down.js +2 -2
  11. package/build/widgets/icons/file.js +2 -2
  12. package/build/widgets/icons/folder-open.js +2 -2
  13. package/build/widgets/icons/folder.js +2 -2
  14. package/build/widgets/icons/forward.js +2 -2
  15. package/build/widgets/icons/loading.js +2 -2
  16. package/build/widgets/icons/menu.js +2 -2
  17. package/build/widgets/icons/pixel-picker.js +2 -2
  18. package/build/widgets/icons/search.js +2 -2
  19. package/build/widgets/icons/sort-asc.js +2 -2
  20. package/build/widgets/icons/square.js +2 -2
  21. package/dist/manifest.js +896 -896
  22. package/dist/ui.js +1 -8
  23. package/dist/util.js +4 -0
  24. package/dist/widgets.js +377 -313
  25. package/package.json +3 -1
  26. package/src/core.d.ts +182 -182
  27. package/src/data/ArrayElementView.ts +90 -90
  28. package/src/data/AugmentedViewBase.ts +88 -88
  29. package/src/data/Binding.ts +104 -104
  30. package/src/data/ExposedRecordView.ts +95 -95
  31. package/src/data/ExposedValueView.ts +89 -89
  32. package/src/data/Grouper.spec.ts +57 -57
  33. package/src/data/NestedDataView.ts +43 -43
  34. package/src/data/ReadOnlyDataView.ts +39 -39
  35. package/src/data/Ref.ts +104 -104
  36. package/src/data/Store.ts +52 -52
  37. package/src/data/StoreProxy.ts +19 -19
  38. package/src/data/StoreRef.ts +66 -66
  39. package/src/data/StringTemplate.ts +93 -93
  40. package/src/data/StructuredSelector.spec.ts +113 -113
  41. package/src/data/SubscribableView.ts +63 -63
  42. package/src/data/ZoomIntoPropertyView.ts +45 -45
  43. package/src/data/comparer.ts +78 -78
  44. package/src/data/ops/updateArray.ts +31 -31
  45. package/src/hooks/invokeCallback.spec.tsx +4 -4
  46. package/src/hooks/resolveCallback.spec.tsx +4 -4
  47. package/src/hooks/store.spec.tsx +15 -15
  48. package/src/hooks/useTrigger.spec.tsx +16 -10
  49. package/src/jsx-dev-runtime.ts +4 -4
  50. package/src/jsx-runtime.ts +79 -79
  51. package/src/ui/CSS.ts +87 -87
  52. package/src/ui/ContentResolver.spec.tsx +31 -29
  53. package/src/ui/Controller.spec.tsx +47 -39
  54. package/src/ui/Cx.spec.tsx +10 -8
  55. package/src/ui/DataProxy.spec.tsx +18 -18
  56. package/src/ui/DataProxy.ts +55 -55
  57. package/src/ui/FocusManager.ts +171 -171
  58. package/src/ui/IsolatedScope.spec.tsx +16 -9
  59. package/src/ui/PureContainer.spec.tsx +20 -18
  60. package/src/ui/Repeater.spec.tsx +8 -6
  61. package/src/ui/Rescope.spec.tsx +13 -13
  62. package/src/ui/Rescope.ts +49 -49
  63. package/src/ui/Restate.spec.tsx +31 -27
  64. package/src/ui/VDOM.ts +1 -1
  65. package/src/ui/Widget.tsx +0 -7
  66. package/src/ui/adapter/ArrayAdapter.spec.ts +55 -55
  67. package/src/ui/createFunctionalComponent.spec.tsx +20 -18
  68. package/src/ui/layout/Content.ts +30 -30
  69. package/src/ui/layout/ContentPlaceholder.spec.tsx +46 -34
  70. package/src/ui/layout/FirstVisibleChildLayout.spec.tsx +31 -19
  71. package/src/ui/selection/PropertySelection.ts +87 -87
  72. package/src/util/Component.spec.ts +30 -0
  73. package/src/util/Component.ts +301 -296
  74. package/src/util/DOM.ts +88 -88
  75. package/src/util/Format.spec.ts +69 -69
  76. package/src/util/Format.ts +267 -267
  77. package/src/util/addEventListenerWithOptions.ts +41 -41
  78. package/src/util/browserSupportsPassiveEventHandlers.ts +20 -20
  79. package/src/util/color/rgbToHsl.ts +35 -35
  80. package/src/util/getActiveElement.ts +4 -4
  81. package/src/util/innerTextTrim.ts +10 -10
  82. package/src/util/isDataRecord.ts +5 -5
  83. package/src/util/test/createTestRenderer.tsx +9 -2
  84. package/src/widgets/AccessorBindings.spec.tsx +4 -4
  85. package/src/widgets/HtmlElement.spec.tsx +6 -6
  86. package/src/widgets/ReactElementWrapper.spec.tsx +37 -37
  87. package/src/widgets/Sandbox.ts +103 -103
  88. package/src/widgets/form/ValidationGroup.spec.tsx +12 -12
  89. package/src/widgets/grid/GridCell.ts +143 -143
  90. package/src/widgets/icons/calendar.tsx +22 -17
  91. package/src/widgets/icons/check.tsx +14 -13
  92. package/src/widgets/icons/clear.tsx +16 -15
  93. package/src/widgets/icons/close.tsx +20 -20
  94. package/src/widgets/icons/cx.tsx +39 -38
  95. package/src/widgets/icons/drop-down.tsx +16 -15
  96. package/src/widgets/icons/file.tsx +14 -13
  97. package/src/widgets/icons/folder-open.tsx +16 -15
  98. package/src/widgets/icons/folder.tsx +14 -13
  99. package/src/widgets/icons/forward.tsx +23 -22
  100. package/src/widgets/icons/loading.tsx +25 -24
  101. package/src/widgets/icons/menu.tsx +18 -17
  102. package/src/widgets/icons/pixel-picker.tsx +18 -18
  103. package/src/widgets/icons/search.tsx +14 -13
  104. package/src/widgets/icons/sort-asc.tsx +15 -14
  105. package/src/widgets/icons/square.tsx +19 -18
  106. package/src/widgets/nav/Route.spec.tsx +2 -2
  107. package/src/widgets/nav/Route.ts +142 -142
  108. package/src/widgets/overlay/Dropdown.tsx +762 -762
  109. package/src/widgets/overlay/MsgBox.tsx +141 -141
  110. package/src/widgets/overlay/Toast.ts +111 -111
  111. package/src/widgets/overlay/Window.tsx +299 -299
  112. package/src/widgets/overlay/alerts.ts +46 -46
  113. package/src/widgets/overlay/index.ts +11 -11
package/dist/widgets.js CHANGED
@@ -542,171 +542,203 @@ function restoreDefaultIcons() {
542
542
 
543
543
  registerIcon(
544
544
  "calendar",
545
- (props) => {
546
- return jsxs("svg", {
547
- ...props,
548
- viewBox: "0 0 32 32",
549
- children: [
550
- jsx("path", {
551
- d: "M4 3h6m10 0h6",
552
- fill: "none",
553
- stroke: "currentColor",
554
- strokeWidth: "2",
555
- }),
556
- jsx("path", {
557
- d: "M19 21h4v4h-4z",
558
- fill: "currentColor",
559
- }),
560
- jsx("path", {
561
- d: "M3 25h24M3 21h24M3 17h24M7 28V13m-4 0h24M11 28V13.2M15 28V13.27M19 28V13.03M23 28V13.5",
562
- fill: "none",
563
- stroke: "currentColor",
564
- }),
565
- jsx("path", {
566
- fill: "currentColor",
567
- d: "M10 8h10v2H10z",
568
- }),
569
- jsx("path", {
570
- fill: "none",
571
- stroke: "currentColor",
572
- strokeWidth: "2",
573
- d: "M3 5h24v24H3z",
574
- }),
575
- ],
576
- });
545
+ ({ key, ...props }) => {
546
+ return jsxs(
547
+ "svg",
548
+ {
549
+ ...props,
550
+ viewBox: "0 0 32 32",
551
+ children: [
552
+ jsx("path", {
553
+ d: "M4 3h6m10 0h6",
554
+ fill: "none",
555
+ stroke: "currentColor",
556
+ strokeWidth: "2",
557
+ }),
558
+ jsx("path", {
559
+ d: "M19 21h4v4h-4z",
560
+ fill: "currentColor",
561
+ }),
562
+ jsx("path", {
563
+ d: "M3 25h24M3 21h24M3 17h24M7 28V13m-4 0h24M11 28V13.2M15 28V13.27M19 28V13.03M23 28V13.5",
564
+ fill: "none",
565
+ stroke: "currentColor",
566
+ }),
567
+ jsx("path", {
568
+ fill: "currentColor",
569
+ d: "M10 8h10v2H10z",
570
+ }),
571
+ jsx("path", {
572
+ fill: "none",
573
+ stroke: "currentColor",
574
+ strokeWidth: "2",
575
+ d: "M3 5h24v24H3z",
576
+ }),
577
+ ],
578
+ },
579
+ key,
580
+ );
577
581
  },
578
582
  true,
579
583
  );
580
584
 
581
585
  var CheckIcon = registerIcon(
582
586
  "check",
583
- (props) => {
584
- return jsx("svg", {
585
- ...props,
586
- viewBox: "0 0 64 64",
587
- children: jsx("path", {
588
- d: "M7.136 42.94l20.16 14.784 29.568-40.32-9.72-7.128-22.598 30.816-10.44-7.656z",
589
- fill: "currentColor",
590
- }),
591
- });
587
+ ({ key, ...props }) => {
588
+ return jsx(
589
+ "svg",
590
+ {
591
+ ...props,
592
+ viewBox: "0 0 64 64",
593
+ children: jsx("path", {
594
+ d: "M7.136 42.94l20.16 14.784 29.568-40.32-9.72-7.128-22.598 30.816-10.44-7.656z",
595
+ fill: "currentColor",
596
+ }),
597
+ },
598
+ key,
599
+ );
592
600
  },
593
601
  true,
594
602
  );
595
603
 
596
604
  var ClearIcon = registerIcon(
597
605
  "clear",
598
- (props) => {
599
- return jsx("svg", {
600
- ...props,
601
- viewBox: "0 0 32 32",
602
- children: jsx("path", {
603
- fill: "currentColor",
604
- strokeWidth: "1",
605
- stroke: "currentColor",
606
- d: "M16.9 16l4.92-4.92c.24-.24.24-.6 0-.84s-.6-.24-.84 0l-4.92 4.92-5.04-4.98c-.24-.24-.6-.24-.84 0s-.24.6 0 .84L15.16 16l-4.98 4.98c-.24.24-.24.6 0 .84s.6.24.84 0L16 16.84l4.98 4.98c.24.24.6.24.84 0s.24-.6 0-.84L16.9 16z",
607
- }),
608
- });
606
+ ({ key, ...props }) => {
607
+ return jsx(
608
+ "svg",
609
+ {
610
+ ...props,
611
+ viewBox: "0 0 32 32",
612
+ children: jsx("path", {
613
+ fill: "currentColor",
614
+ strokeWidth: "1",
615
+ stroke: "currentColor",
616
+ d: "M16.9 16l4.92-4.92c.24-.24.24-.6 0-.84s-.6-.24-.84 0l-4.92 4.92-5.04-4.98c-.24-.24-.6-.24-.84 0s-.24.6 0 .84L15.16 16l-4.98 4.98c-.24.24-.24.6 0 .84s.6.24.84 0L16 16.84l4.98 4.98c.24.24.6.24.84 0s.24-.6 0-.84L16.9 16z",
617
+ }),
618
+ },
619
+ key,
620
+ );
609
621
  },
610
622
  true,
611
623
  );
612
624
 
613
625
  registerIcon(
614
626
  "close",
615
- (props) => {
616
- return jsx("svg", {
617
- ...props,
618
- viewBox: "0 0 32 32",
619
- children: jsx("path", {
620
- fill: "currentColor",
621
- strokeWidth: "1",
622
- stroke: "currentColor",
623
- d: "M17.8 16l9.84-9.84c.48-.48.48-1.2 0-1.68s-1.2-.48-1.68 0l-9.84 9.84L6.04 4.36c-.48-.48-1.2-.48-1.68 0s-.48 1.2 0 1.68L14.32 16l-9.96 9.96c-.48.48-.48 1.2 0 1.68s1.2.48 1.68 0L16 17.68l9.96 9.96c.48.48 1.2.48 1.68 0s.48-1.2 0-1.68L17.8 16z",
624
- }),
625
- });
627
+ ({ key, ...props }) => {
628
+ return jsx(
629
+ "svg",
630
+ {
631
+ ...props,
632
+ viewBox: "0 0 32 32",
633
+ children: jsx("path", {
634
+ fill: "currentColor",
635
+ strokeWidth: "1",
636
+ stroke: "currentColor",
637
+ d: "M17.8 16l9.84-9.84c.48-.48.48-1.2 0-1.68s-1.2-.48-1.68 0l-9.84 9.84L6.04 4.36c-.48-.48-1.2-.48-1.68 0s-.48 1.2 0 1.68L14.32 16l-9.96 9.96c-.48.48-.48 1.2 0 1.68s1.2.48 1.68 0L16 17.68l9.96 9.96c.48.48 1.2.48 1.68 0s.48-1.2 0-1.68L17.8 16z",
638
+ }),
639
+ },
640
+ key,
641
+ );
626
642
  },
627
643
  true,
628
644
  );
629
645
 
630
646
  var DropdownIcon = registerIcon(
631
647
  "drop-down",
632
- (props) => {
633
- return jsx("svg", {
634
- ...props,
635
- viewBox: "0 0 20 20",
636
- children: jsx("path", {
637
- fill: "currentColor",
638
- strokeWidth: "0",
639
- stroke: "currentColor",
640
- d: "M4.516 8.147L10.01 12.5l5.474-4.33-.473-.65-5 3.98-5-4z",
641
- }),
642
- });
648
+ ({ key, ...props }) => {
649
+ return jsx(
650
+ "svg",
651
+ {
652
+ ...props,
653
+ viewBox: "0 0 20 20",
654
+ children: jsx("path", {
655
+ fill: "currentColor",
656
+ strokeWidth: "0",
657
+ stroke: "currentColor",
658
+ d: "M4.516 8.147L10.01 12.5l5.474-4.33-.473-.65-5 3.98-5-4z",
659
+ }),
660
+ },
661
+ key,
662
+ );
643
663
  },
644
664
  true,
645
665
  );
646
666
 
647
667
  registerIcon(
648
668
  "folder",
649
- (props) => {
650
- return jsx("svg", {
651
- ...props,
652
- viewBox: "0 0 16 16",
653
- children: jsx("path", {
654
- d: "M1 5h13v9H1zm1 0h6L7 3H3z",
655
- fill: "currentColor",
656
- stroke: "none",
657
- }),
658
- });
669
+ ({ key, ...props }) => {
670
+ return jsx(
671
+ "svg",
672
+ {
673
+ ...props,
674
+ viewBox: "0 0 16 16",
675
+ children: jsx("path", {
676
+ d: "M1 5h13v9H1zm1 0h6L7 3H3z",
677
+ fill: "currentColor",
678
+ stroke: "none",
679
+ }),
680
+ },
681
+ key,
682
+ );
659
683
  },
660
684
  true,
661
685
  );
662
686
 
663
687
  registerIcon(
664
688
  "folder-open",
665
- (props) => {
666
- return jsxs("svg", {
667
- ...props,
668
- viewBox: "0 0 16 16",
669
- children: [
670
- jsx("path", {
671
- d: "M0 5v7l2.5-6H13V5zm1 0h6L6 3H2z",
672
- fill: "currentColor",
673
- stroke: "none",
674
- }),
675
- jsx("path", {
676
- d: "M3 7h13l-3 7H0z",
677
- fill: "currentColor",
678
- stroke: "none",
679
- }),
680
- ],
681
- });
689
+ ({ key, ...props }) => {
690
+ return jsxs(
691
+ "svg",
692
+ {
693
+ ...props,
694
+ viewBox: "0 0 16 16",
695
+ children: [
696
+ jsx("path", {
697
+ d: "M0 5v7l2.5-6H13V5zm1 0h6L6 3H2z",
698
+ fill: "currentColor",
699
+ stroke: "none",
700
+ }),
701
+ jsx("path", {
702
+ d: "M3 7h13l-3 7H0z",
703
+ fill: "currentColor",
704
+ stroke: "none",
705
+ }),
706
+ ],
707
+ },
708
+ key,
709
+ );
682
710
  },
683
711
  true,
684
712
  );
685
713
 
686
714
  registerIcon(
687
715
  "menu",
688
- (props) => {
689
- return jsxs("svg", {
690
- ...props,
691
- viewBox: "0 0 24 24",
692
- children: [
693
- jsx("path", {
694
- d: "M0 0h24v24H0z",
695
- fill: "none",
696
- }),
697
- jsx("path", {
698
- d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
699
- fill: "currentColor",
700
- }),
701
- ],
702
- });
716
+ ({ key, ...props }) => {
717
+ return jsxs(
718
+ "svg",
719
+ {
720
+ ...props,
721
+ viewBox: "0 0 24 24",
722
+ children: [
723
+ jsx("path", {
724
+ d: "M0 0h24v24H0z",
725
+ fill: "none",
726
+ }),
727
+ jsx("path", {
728
+ d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
729
+ fill: "currentColor",
730
+ }),
731
+ ],
732
+ },
733
+ key,
734
+ );
703
735
  },
704
736
  true,
705
737
  );
706
738
 
707
739
  registerIcon(
708
740
  "loading",
709
- (props) => {
741
+ ({ key, ...props }) => {
710
742
  let style = {
711
743
  animation: "linear infinite 0.5s cx-rotate",
712
744
  };
@@ -715,173 +747,189 @@ registerIcon(
715
747
  ...props,
716
748
  style,
717
749
  };
718
- return jsx("svg", {
719
- ...props,
720
- viewBox: "0 0 50 50",
721
- children: jsx("path", {
722
- fill: "currentColor",
723
- d: "M43.94 25.14c0-10.3-8.37-18.68-18.7-18.68-10.3 0-18.67 8.37-18.67 18.68h4.07c0-8.07 6.54-14.6 14.6-14.6 8.08 0 14.63 6.53 14.63 14.6h4.07z",
724
- }),
725
- });
750
+ return jsx(
751
+ "svg",
752
+ {
753
+ ...props,
754
+ viewBox: "0 0 50 50",
755
+ children: jsx("path", {
756
+ fill: "currentColor",
757
+ d: "M43.94 25.14c0-10.3-8.37-18.68-18.7-18.68-10.3 0-18.67 8.37-18.67 18.68h4.07c0-8.07 6.54-14.6 14.6-14.6 8.08 0 14.63 6.53 14.63 14.6h4.07z",
758
+ }),
759
+ },
760
+ key,
761
+ );
726
762
  },
727
763
  true,
728
764
  );
729
765
 
730
766
  registerIcon(
731
767
  "search",
732
- (props) => {
733
- return jsx("svg", {
734
- ...props,
735
- viewBox: "0 0 32 32",
736
- children: jsx("path", {
737
- fill: "currentColor",
738
- d: "M25.595 22.036l-5.26-5.075c.75-1.18 1.206-2.56 1.206-4.05 0-4.32-3.63-7.82-8.103-7.82-4.477 0-8.107 3.503-8.107 7.82 0 4.32 3.63 7.825 8.106 7.825 1.544 0 2.972-.44 4.198-1.162l5.26 5.074c.37.356.98.354 1.35 0l1.352-1.304c.37-.357.37-.947 0-1.304zm-12.16-3.91c-2.985 0-5.405-2.336-5.405-5.216 0-2.88 2.42-5.214 5.405-5.214 2.984 0 5.404 2.335 5.404 5.214 0 2.88-2.42 5.215-5.407 5.215z",
739
- }),
740
- });
768
+ ({ key, ...props }) => {
769
+ return jsx(
770
+ "svg",
771
+ {
772
+ ...props,
773
+ viewBox: "0 0 32 32",
774
+ children: jsx("path", {
775
+ fill: "currentColor",
776
+ d: "M25.595 22.036l-5.26-5.075c.75-1.18 1.206-2.56 1.206-4.05 0-4.32-3.63-7.82-8.103-7.82-4.477 0-8.107 3.503-8.107 7.82 0 4.32 3.63 7.825 8.106 7.825 1.544 0 2.972-.44 4.198-1.162l5.26 5.074c.37.356.98.354 1.35 0l1.352-1.304c.37-.357.37-.947 0-1.304zm-12.16-3.91c-2.985 0-5.405-2.336-5.405-5.216 0-2.88 2.42-5.214 5.405-5.214 2.984 0 5.404 2.335 5.404 5.214 0 2.88-2.42 5.215-5.407 5.215z",
777
+ }),
778
+ },
779
+ key,
780
+ );
741
781
  },
742
782
  true,
743
783
  );
744
784
 
745
785
  registerIcon(
746
786
  "cx",
747
- (props) => {
748
- return jsx("svg", {
749
- ...props,
750
- viewBox: "-347 249.7 48 48",
751
- children: jsxs("g", {
787
+ ({ key, ...props }) => {
788
+ return jsx(
789
+ "svg",
790
+ {
791
+ ...props,
792
+ viewBox: "-347 249.7 48 48",
793
+ children: jsxs("g", {
794
+ children: [
795
+ jsx("path", {
796
+ fill: "currentColor",
797
+ opacity: "0.7",
798
+ d: "M-337.1 273.16l-4.23-7.33h8.46z",
799
+ }),
800
+ jsx("path", {
801
+ fill: "currentColor",
802
+ d: "M-318.32 273.16l-4.23-7.33h8.46z",
803
+ }),
804
+ jsx("path", {
805
+ fill: "currentColor",
806
+ opacity: "0.7",
807
+ d: "M-337.53 273.43h-8.45l4.22-7.33z",
808
+ }),
809
+ jsx("path", {
810
+ fill: "currentColor",
811
+ d: "M-309.38 273.43h-8.46l4.23-7.33z",
812
+ }),
813
+ jsx("path", {
814
+ fill: "currentColor",
815
+ opacity: "0.7",
816
+ d: "M-332.4 265.03l-4.22-7.33h8.46z",
817
+ }),
818
+ jsx("path", {
819
+ fill: "currentColor",
820
+ d: "M-304.24 265.03l-4.23-7.33h8.45z",
821
+ }),
822
+ jsx("path", {
823
+ fill: "currentColor",
824
+ d: "M-322.97 265.03l-4.28-7.33h8.5z",
825
+ }),
826
+ jsx("path", {
827
+ fill: "currentColor",
828
+ opacity: "0.7",
829
+ d: "M-332.87 265.3h-8.46l4.23-7.33z",
830
+ }),
831
+ jsx("path", {
832
+ fill: "currentColor",
833
+ opacity: "0.7",
834
+ d: "M-323.45 265.3h-8.46l4.2-7.33z",
835
+ }),
836
+ jsx("path", {
837
+ fill: "currentColor",
838
+ d: "M-314.1 265.3h-8.45l4.23-7.33z",
839
+ }),
840
+ jsx("path", {
841
+ fill: "currentColor",
842
+ d: "M-308.9 273.16l-4.23-7.33h8.46z",
843
+ }),
844
+ jsx("path", {
845
+ fill: "currentColor",
846
+ d: "M-304.67 265.3h-8.46l4.23-7.33z",
847
+ }),
848
+ jsx("path", {
849
+ fill: "currentColor",
850
+ d: "M-314.1 281.57h-8.45l4.23-7.33z",
851
+ }),
852
+ jsx("path", {
853
+ fill: "currentColor",
854
+ d: "M-313.6 281.3l-4.24-7.33h8.46z",
855
+ }),
856
+ jsx("path", {
857
+ fill: "currentColor",
858
+ d: "M-318.32 289.43l-4.23-7.33h8.46z",
859
+ }),
860
+ jsx("path", {
861
+ fill: "currentColor",
862
+ d: "M-304.67 281.57h-8.46l4.23-7.33z",
863
+ }),
864
+ jsx("path", {
865
+ fill: "currentColor",
866
+ d: "M-308.9 289.43l-4.23-7.33h8.46z",
867
+ }),
868
+ jsx("path", {
869
+ fill: "currentColor",
870
+ opacity: "0.7",
871
+ d: "M-341.76 281.3l-4.22-7.33h8.45z",
872
+ }),
873
+ jsx("path", {
874
+ fill: "currentColor",
875
+ opacity: "0.7",
876
+ d: "M-332.87 281.57h-8.46l4.23-7.33z",
877
+ }),
878
+ jsx("path", {
879
+ fill: "currentColor",
880
+ opacity: "0.7",
881
+ d: "M-337.1 289.43l-4.23-7.33h8.46z",
882
+ }),
883
+ jsx("path", {
884
+ fill: "currentColor",
885
+ opacity: "0.7",
886
+ d: "M-327.68 289.43l-4.23-7.33h8.43z",
887
+ }),
888
+ jsx("path", {
889
+ fill: "currentColor",
890
+ opacity: "0.7",
891
+ d: "M-328.16 289.7h-8.46l4.23-7.33z",
892
+ }),
893
+ jsx("path", {
894
+ fill: "currentColor",
895
+ d: "M-318.75 289.7h-8.5l4.28-7.33z",
896
+ }),
897
+ jsx("path", {
898
+ fill: "currentColor",
899
+ d: "M-300.02 289.7h-8.45l4.23-7.33z",
900
+ }),
901
+ ],
902
+ }),
903
+ },
904
+ key,
905
+ );
906
+ },
907
+ true,
908
+ );
909
+
910
+ registerIcon(
911
+ "file",
912
+ ({ key, ...props }) => {
913
+ return jsxs(
914
+ "svg",
915
+ {
916
+ ...props,
917
+ viewBox: "0 0 16 16",
752
918
  children: [
753
919
  jsx("path", {
920
+ d: "M2 2h5v5h5v7H2z",
754
921
  fill: "currentColor",
755
- opacity: "0.7",
756
- d: "M-337.1 273.16l-4.23-7.33h8.46z",
757
- }),
758
- jsx("path", {
759
- fill: "currentColor",
760
- d: "M-318.32 273.16l-4.23-7.33h8.46z",
761
- }),
762
- jsx("path", {
763
- fill: "currentColor",
764
- opacity: "0.7",
765
- d: "M-337.53 273.43h-8.45l4.22-7.33z",
766
- }),
767
- jsx("path", {
768
- fill: "currentColor",
769
- d: "M-309.38 273.43h-8.46l4.23-7.33z",
770
- }),
771
- jsx("path", {
772
- fill: "currentColor",
773
- opacity: "0.7",
774
- d: "M-332.4 265.03l-4.22-7.33h8.46z",
775
- }),
776
- jsx("path", {
777
- fill: "currentColor",
778
- d: "M-304.24 265.03l-4.23-7.33h8.45z",
779
- }),
780
- jsx("path", {
781
- fill: "currentColor",
782
- d: "M-322.97 265.03l-4.28-7.33h8.5z",
783
- }),
784
- jsx("path", {
785
- fill: "currentColor",
786
- opacity: "0.7",
787
- d: "M-332.87 265.3h-8.46l4.23-7.33z",
788
- }),
789
- jsx("path", {
790
- fill: "currentColor",
791
- opacity: "0.7",
792
- d: "M-323.45 265.3h-8.46l4.2-7.33z",
793
- }),
794
- jsx("path", {
795
- fill: "currentColor",
796
- d: "M-314.1 265.3h-8.45l4.23-7.33z",
797
- }),
798
- jsx("path", {
799
- fill: "currentColor",
800
- d: "M-308.9 273.16l-4.23-7.33h8.46z",
801
- }),
802
- jsx("path", {
803
- fill: "currentColor",
804
- d: "M-304.67 265.3h-8.46l4.23-7.33z",
805
- }),
806
- jsx("path", {
807
- fill: "currentColor",
808
- d: "M-314.1 281.57h-8.45l4.23-7.33z",
809
- }),
810
- jsx("path", {
811
- fill: "currentColor",
812
- d: "M-313.6 281.3l-4.24-7.33h8.46z",
813
- }),
814
- jsx("path", {
815
- fill: "currentColor",
816
- d: "M-318.32 289.43l-4.23-7.33h8.46z",
817
- }),
818
- jsx("path", {
819
- fill: "currentColor",
820
- d: "M-304.67 281.57h-8.46l4.23-7.33z",
821
- }),
822
- jsx("path", {
823
- fill: "currentColor",
824
- d: "M-308.9 289.43l-4.23-7.33h8.46z",
825
- }),
826
- jsx("path", {
827
- fill: "currentColor",
828
- opacity: "0.7",
829
- d: "M-341.76 281.3l-4.22-7.33h8.45z",
830
- }),
831
- jsx("path", {
832
- fill: "currentColor",
833
- opacity: "0.7",
834
- d: "M-332.87 281.57h-8.46l4.23-7.33z",
835
- }),
836
- jsx("path", {
837
- fill: "currentColor",
838
- opacity: "0.7",
839
- d: "M-337.1 289.43l-4.23-7.33h8.46z",
840
- }),
841
- jsx("path", {
842
- fill: "currentColor",
843
- opacity: "0.7",
844
- d: "M-327.68 289.43l-4.23-7.33h8.43z",
845
- }),
846
- jsx("path", {
847
- fill: "currentColor",
848
- opacity: "0.7",
849
- d: "M-328.16 289.7h-8.46l4.23-7.33z",
922
+ stroke: "none",
850
923
  }),
851
924
  jsx("path", {
925
+ d: "M8 2v4h4z",
852
926
  fill: "currentColor",
853
- d: "M-318.75 289.7h-8.5l4.28-7.33z",
854
- }),
855
- jsx("path", {
856
- fill: "currentColor",
857
- d: "M-300.02 289.7h-8.45l4.23-7.33z",
927
+ stroke: "none",
858
928
  }),
859
929
  ],
860
- }),
861
- });
862
- },
863
- true,
864
- );
865
-
866
- registerIcon(
867
- "file",
868
- (props) => {
869
- return jsxs("svg", {
870
- ...props,
871
- viewBox: "0 0 16 16",
872
- children: [
873
- jsx("path", {
874
- d: "M2 2h5v5h5v7H2z",
875
- fill: "currentColor",
876
- stroke: "none",
877
- }),
878
- jsx("path", {
879
- d: "M8 2v4h4z",
880
- fill: "currentColor",
881
- stroke: "none",
882
- }),
883
- ],
884
- });
930
+ },
931
+ key,
932
+ );
885
933
  },
886
934
  true,
887
935
  );
@@ -6603,18 +6651,22 @@ Widget.alias("textfield", TextField);
6603
6651
 
6604
6652
  var SquareIcon = registerIcon(
6605
6653
  "square",
6606
- (props) => {
6607
- return jsx("svg", {
6608
- ...props,
6609
- viewBox: "0 0 64 64",
6610
- children: jsx("rect", {
6611
- x: "12",
6612
- y: "12",
6613
- width: "40",
6614
- height: "40",
6615
- fill: "currentColor",
6616
- }),
6617
- });
6654
+ ({ key, ...props }) => {
6655
+ return jsx(
6656
+ "svg",
6657
+ {
6658
+ ...props,
6659
+ viewBox: "0 0 64 64",
6660
+ children: jsx("rect", {
6661
+ x: "12",
6662
+ y: "12",
6663
+ width: "40",
6664
+ height: "40",
6665
+ fill: "currentColor",
6666
+ }),
6667
+ },
6668
+ key,
6669
+ );
6618
6670
  },
6619
6671
  true,
6620
6672
  );
@@ -7266,25 +7318,29 @@ Widget.alias("option", Option);
7266
7318
 
7267
7319
  var ForwardIcon = registerIcon(
7268
7320
  "forward",
7269
- (props) => {
7270
- return jsxs("svg", {
7271
- ...props,
7272
- viewBox: "0 0 20 20",
7273
- children: [
7274
- jsx("path", {
7275
- fill: "currentColor",
7276
- strokeWidth: "0",
7277
- stroke: "currentColor",
7278
- d: "M10.15 15.5L14.5 10l-4.33-5.47-.65.47 3.98 5-4 5z",
7279
- }),
7280
- jsx("path", {
7281
- fill: "currentColor",
7282
- strokeWidth: "0",
7283
- stroke: "currentColor",
7284
- d: "M6.15 15.5L10.5 10 6.17 4.53 5.52 5l3.98 5-4 5z",
7285
- }),
7286
- ],
7287
- });
7321
+ ({ key, ...props }) => {
7322
+ return jsxs(
7323
+ "svg",
7324
+ {
7325
+ ...props,
7326
+ viewBox: "0 0 20 20",
7327
+ children: [
7328
+ jsx("path", {
7329
+ fill: "currentColor",
7330
+ strokeWidth: "0",
7331
+ stroke: "currentColor",
7332
+ d: "M10.15 15.5L14.5 10l-4.33-5.47-.65.47 3.98 5-4 5z",
7333
+ }),
7334
+ jsx("path", {
7335
+ fill: "currentColor",
7336
+ strokeWidth: "0",
7337
+ stroke: "currentColor",
7338
+ d: "M6.15 15.5L10.5 10 6.17 4.53 5.52 5l3.98 5-4 5z",
7339
+ }),
7340
+ ],
7341
+ },
7342
+ key,
7343
+ );
7288
7344
  },
7289
7345
  true,
7290
7346
  );
@@ -10321,15 +10377,19 @@ function floor5(x) {
10321
10377
 
10322
10378
  var PixelPickerIcon = registerIcon(
10323
10379
  "pixel-picker",
10324
- (props) => {
10325
- return jsx("svg", {
10326
- ...props,
10327
- viewBox: "0 0 30 30",
10328
- children: jsx("path", {
10329
- d: "M27.7,3.3c-1.5-1.5-3.9-1.5-5.4,0L17,8.6l-1.3-1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l1.3,1.3L5,20.6 c-0.6,0.6-1,1.4-1.1,2.3C3.3,23.4,3,24.2,3,25c0,1.7,1.3,3,3,3c0.8,0,1.6-0.3,2.2-0.9C9,27,9.8,26.6,10.4,26L21,15.4l1.3,1.3 c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L22.4,14l5.3-5.3C29.2,7.2,29.2,4.8,27.7,3.3z M9,24.6 c-0.4,0.4-0.8,0.6-1.3,0.5c-0.4,0-0.7,0.2-0.9,0.5C6.7,25.8,6.3,26,6,26c-0.6,0-1-0.4-1-1c0-0.3,0.2-0.7,0.5-0.8 c0.3-0.2,0.5-0.5,0.5-0.9c0-0.5,0.2-1,0.5-1.3L17,11.4l2.6,2.6L9,24.6z",
10330
- fill: "currentColor",
10331
- }),
10332
- });
10380
+ ({ key, ...props }) => {
10381
+ return jsx(
10382
+ "svg",
10383
+ {
10384
+ ...props,
10385
+ viewBox: "0 0 30 30",
10386
+ children: jsx("path", {
10387
+ d: "M27.7,3.3c-1.5-1.5-3.9-1.5-5.4,0L17,8.6l-1.3-1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l1.3,1.3L5,20.6 c-0.6,0.6-1,1.4-1.1,2.3C3.3,23.4,3,24.2,3,25c0,1.7,1.3,3,3,3c0.8,0,1.6-0.3,2.2-0.9C9,27,9.8,26.6,10.4,26L21,15.4l1.3,1.3 c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L22.4,14l5.3-5.3C29.2,7.2,29.2,4.8,27.7,3.3z M9,24.6 c-0.4,0.4-0.8,0.6-1.3,0.5c-0.4,0-0.7,0.2-0.9,0.5C6.7,25.8,6.3,26,6,26c-0.6,0-1-0.4-1-1c0-0.3,0.2-0.7,0.5-0.8 c0.3-0.2,0.5-0.5,0.5-0.9c0-0.5,0.2-1,0.5-1.3L17,11.4l2.6,2.6L9,24.6z",
10388
+ fill: "currentColor",
10389
+ }),
10390
+ },
10391
+ key,
10392
+ );
10333
10393
  },
10334
10394
  true,
10335
10395
  );
@@ -13652,15 +13712,19 @@ class Validator extends Field {
13652
13712
 
13653
13713
  var DropDownIcon = registerIcon(
13654
13714
  "sort-asc",
13655
- (props) => {
13656
- return jsx("svg", {
13657
- ...props,
13658
- viewBox: "0 0 16 16",
13659
- children: jsx("path", {
13660
- fill: "currentColor",
13661
- d: "M10.5 5.8l-3-3-3 3 .707.708L7 4.688v8.312h1V4.69l1.793 1.817z",
13662
- }),
13663
- });
13715
+ ({ key, ...props }) => {
13716
+ return jsx(
13717
+ "svg",
13718
+ {
13719
+ ...props,
13720
+ viewBox: "0 0 16 16",
13721
+ children: jsx("path", {
13722
+ fill: "currentColor",
13723
+ d: "M10.5 5.8l-3-3-3 3 .707.708L7 4.688v8.312h1V4.69l1.793 1.817z",
13724
+ }),
13725
+ },
13726
+ key,
13727
+ );
13664
13728
  },
13665
13729
  true,
13666
13730
  );