npm - cx - Versions diffs - 24.9.1 → 24.9.2 - Mend

cx 24.9.1 → 24.9.2

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 (55) hide show

package/dist/charts.js +22 -25
package/dist/data.js +26 -29
package/dist/manifest.js +775 -775
package/dist/svg.js +59 -56
package/dist/ui.js +51 -52
package/dist/widgets.js +46 -49
package/package.json +32 -32
package/src/charts/Legend.js +151 -151
package/src/charts/PieLabel.js +71 -71
package/src/charts/axis/NumericAxis.js +347 -347
package/src/charts/axis/Stack.js +55 -55
package/src/charts/helpers/PointReducer.js +43 -43
package/src/charts/helpers/SnapPointFinder.js +69 -69
package/src/data/Binding.spec.js +69 -69
package/src/data/StringTemplate.spec.js +105 -105
package/src/data/getAccessor.spec.js +11 -11
package/src/index.scss +6 -6
package/src/svg/Text.d.ts +40 -40
package/src/ui/Culture.d.ts +55 -55
package/src/ui/Culture.js +139 -139
package/src/ui/FocusManager.js +171 -171
package/src/ui/Instance.d.ts +72 -72
package/src/ui/VDOM.d.ts +12 -12
package/src/ui/app/startAppLoop.js +58 -58
package/src/ui/index.d.ts +42 -42
package/src/ui/layout/LabelsTopLayout.js +134 -134
package/src/util/Console.d.ts +4 -4
package/src/util/scss/add-rules.scss +38 -38
package/src/widgets/CxCredit.scss +37 -37
package/src/widgets/List.scss +91 -91
package/src/widgets/drag-drop/DropZone.js +214 -214
package/src/widgets/form/Calendar.scss +196 -196
package/src/widgets/form/ColorField.js +397 -397
package/src/widgets/form/ColorPicker.scss +283 -283
package/src/widgets/form/DateTimeField.js +573 -573
package/src/widgets/form/MonthField.js +516 -516
package/src/widgets/form/MonthPicker.scss +118 -118
package/src/widgets/form/NumberField.js +459 -459
package/src/widgets/form/NumberField.scss +61 -61
package/src/widgets/form/Select.scss +99 -99
package/src/widgets/form/Slider.scss +118 -118
package/src/widgets/form/Switch.scss +140 -140
package/src/widgets/form/TextArea.scss +43 -43
package/src/widgets/form/TextField.js +290 -289
package/src/widgets/form/TextField.scss +55 -55
package/src/widgets/form/UploadButton.d.ts +34 -34
package/src/widgets/grid/TreeNode.scss +88 -88
package/src/widgets/grid/variables.scss +88 -88
package/src/widgets/nav/Menu.scss +74 -74
package/src/widgets/overlay/Dropdown.js +612 -612
package/src/widgets/overlay/FlyweightTooltipTracker.js +39 -39
package/src/widgets/overlay/Tooltip.js +300 -300
package/src/widgets/overlay/Window.js +196 -196
package/src/widgets/overlay/captureMouse.js +124 -124
package/src/widgets/overlay/variables.scss +83 -83

package/src/util/scss/add-rules.scss CHANGED Viewed

@@ -1,38 +1,38 @@
-@mixin cx-add-rules($styles) {
-   @each $rule, $value in $styles {
-      #{$rule}: $value;
-   }
-}
-@mixin cx-add-state-rules($state-style-map, $key) {
-   @include cx-add-rules(map-get($state-style-map, $key));
-}
-@function cx-merge-state-style-maps($state-style-map, $override-style-map) {
-   $result: $state-style-map;
-   @if ($override-style-map != null) {
-      @each $key, $new-value in $override-style-map {
-         $old-value: map-get($state-style-map, $key);
-         @if ($old-value != null) {
-            $new-value: map-merge($old-value, $new-value);
-         }
-         $result: map-merge(
-            $result,
-            (
-               $key: $new-value,
-            )
-         );
-      }
-   }
-   @return $result;
-}
-@function cx-get-state-rule($state-style-map, $key, $rule, $default: null) {
-   $result: map-get(map-get($state-style-map, $key), $rule);
-   @if ($result != null) {
-      @return $result;
-   }
-   @return $default;
-}
+@mixin cx-add-rules($styles) {
+   @each $rule, $value in $styles {
+      #{$rule}: $value;
+   }
+}
+@mixin cx-add-state-rules($state-style-map, $key) {
+   @include cx-add-rules(map-get($state-style-map, $key));
+}
+@function cx-merge-state-style-maps($state-style-map, $override-style-map) {
+   $result: $state-style-map;
+   @if ($override-style-map != null) {
+      @each $key, $new-value in $override-style-map {
+         $old-value: map-get($state-style-map, $key);
+         @if ($old-value != null) {
+            $new-value: map-merge($old-value, $new-value);
+         }
+         $result: map-merge(
+            $result,
+            (
+               $key: $new-value,
+            )
+         );
+      }
+   }
+   @return $result;
+}
+@function cx-get-state-rule($state-style-map, $key, $rule, $default: null) {
+   $result: map-get(map-get($state-style-map, $key), $rule);
+   @if ($result != null) {
+      @return $result;
+   }
+   @return $default;
+}

package/src/widgets/CxCredit.scss CHANGED Viewed

@@ -1,37 +1,37 @@
-@mixin cx-cxcredit($name: "cxcredit", $besm: $cx-besm) {
-   $block: map-get($besm, block);
-   $element: map-get($besm, element);
-   $state: map-get($besm, state);
-   $mod: map-get($besm, mod);
-   .#{$block}#{$name} {
-      width: 50px;
-      height: 50px;
-      opacity: 0.5;
-      transition: opacity 0.3s ease-in-out;
-      background: rgba(255, 255, 255, 0.1);
-      cursor: pointer;
-      position: fixed;
-      bottom: 20px;
-      right: 20px;
-      &:hover {
-         opacity: 1;
-      }
-      &.#{$mod}inline {
-         position: relative;
-         bottom: auto;
-         right: auto;
-      }
-   }
-   .#{$element}#{$name}-icon {
-      width: 100%;
-      height: 100%;
-   }
-}
-@if (cx-should-include("cx/widgets/CxCredit")) {
-   @include cx-cxcredit();
-}
+@mixin cx-cxcredit($name: "cxcredit", $besm: $cx-besm) {
+   $block: map-get($besm, block);
+   $element: map-get($besm, element);
+   $state: map-get($besm, state);
+   $mod: map-get($besm, mod);
+   .#{$block}#{$name} {
+      width: 50px;
+      height: 50px;
+      opacity: 0.5;
+      transition: opacity 0.3s ease-in-out;
+      background: rgba(255, 255, 255, 0.1);
+      cursor: pointer;
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      &:hover {
+         opacity: 1;
+      }
+      &.#{$mod}inline {
+         position: relative;
+         bottom: auto;
+         right: auto;
+      }
+   }
+   .#{$element}#{$name}-icon {
+      width: 100%;
+      height: 100%;
+   }
+}
+@if (cx-should-include("cx/widgets/CxCredit")) {
+   @include cx-cxcredit();
+}

package/src/widgets/List.scss CHANGED Viewed

@@ -1,91 +1,91 @@
-@mixin cx-list($name: "list", $besm: $cx-besm) {
-   $block: map-get($besm, block);
-   $element: map-get($besm, element);
-   $state: map-get($besm, state);
-   $mod: map-get($besm, mod);
-   .#{$block}#{$name} {
-      list-style: none;
-      margin: 0;
-      padding: 0;
-      overflow: auto;
-      border: 0 solid $cx-default-border-color;
-      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-      @include cx-add-state-rules($cx-list, default);
-      &:hover {
-         @include cx-add-state-rules($cx-list, hover);
-      }
-      &.#{$state}focused {
-         @include cx-add-state-rules($cx-list, focus);
-      }
-      &.#{$mod}bordered {
-         border-width: 1px;
-         & > .#{$element}#{$name}-item:not(:first-child) {
-            border-top-width: 1px;
-         }
-      }
-   }
-   .#{$element}#{$name}-item {
-      margin: 0;
-      border: 0 solid $cx-default-border-color;
-      @include cx-add-state-rules($cx-list-item, default);
-      &.#{$state}pad {
-         padding: $cx-default-list-item-padding;
-      }
-      .#{$state}selectable > & {
-         cursor: pointer;
-      }
-      &:hover {
-         @include cx-add-state-rules($cx-list-item, hover);
-      }
-      &.#{$state}cursor {
-         @include cx-add-state-rules($cx-list-item, hover);
-         .#{$block}#{$name}.#{$state}focused > &,
-         .#{$block}#{$name}:focus > & {
-            @include cx-add-state-rules($cx-list-item, cursor);
-            &:active {
-               @include cx-add-state-rules($cx-list-item, active);
-            }
-         }
-      }
-      &.#{$state}selected {
-         @include cx-add-state-rules($cx-list-item, selected);
-         &.#{$state}cursor {
-            @include cx-add-state-rules($cx-list-item, selected-hover);
-            .#{$block}#{$name}.#{$state}focused > &,
-            .#{$block}#{$name}:focus > & {
-               @include cx-add-state-rules($cx-list-item, selected-cursor);
-            }
-         }
-      }
-      &.#{$state}disabled {
-         @include cx-add-state-rules($cx-list-item, disabled);
-      }
-   }
-   .#{$element}#{$name}-empty-text {
-      padding: $cx-default-list-item-padding;
-      color: $cx-default-empty-text-color;
-   }
-}
-@if (cx-should-include("cx/widgets/List")) {
-   @include cx-list();
-}
+@mixin cx-list($name: "list", $besm: $cx-besm) {
+   $block: map-get($besm, block);
+   $element: map-get($besm, element);
+   $state: map-get($besm, state);
+   $mod: map-get($besm, mod);
+   .#{$block}#{$name} {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      overflow: auto;
+      border: 0 solid $cx-default-border-color;
+      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      @include cx-add-state-rules($cx-list, default);
+      &:hover {
+         @include cx-add-state-rules($cx-list, hover);
+      }
+      &.#{$state}focused {
+         @include cx-add-state-rules($cx-list, focus);
+      }
+      &.#{$mod}bordered {
+         border-width: 1px;
+         & > .#{$element}#{$name}-item:not(:first-child) {
+            border-top-width: 1px;
+         }
+      }
+   }
+   .#{$element}#{$name}-item {
+      margin: 0;
+      border: 0 solid $cx-default-border-color;
+      @include cx-add-state-rules($cx-list-item, default);
+      &.#{$state}pad {
+         padding: $cx-default-list-item-padding;
+      }
+      .#{$state}selectable > & {
+         cursor: pointer;
+      }
+      &:hover {
+         @include cx-add-state-rules($cx-list-item, hover);
+      }
+      &.#{$state}cursor {
+         @include cx-add-state-rules($cx-list-item, hover);
+         .#{$block}#{$name}.#{$state}focused > &,
+         .#{$block}#{$name}:focus > & {
+            @include cx-add-state-rules($cx-list-item, cursor);
+            &:active {
+               @include cx-add-state-rules($cx-list-item, active);
+            }
+         }
+      }
+      &.#{$state}selected {
+         @include cx-add-state-rules($cx-list-item, selected);
+         &.#{$state}cursor {
+            @include cx-add-state-rules($cx-list-item, selected-hover);
+            .#{$block}#{$name}.#{$state}focused > &,
+            .#{$block}#{$name}:focus > & {
+               @include cx-add-state-rules($cx-list-item, selected-cursor);
+            }
+         }
+      }
+      &.#{$state}disabled {
+         @include cx-add-state-rules($cx-list-item, disabled);
+      }
+   }
+   .#{$element}#{$name}-empty-text {
+      padding: $cx-default-list-item-padding;
+      color: $cx-default-empty-text-color;
+   }
+}
+@if (cx-should-include("cx/widgets/List")) {
+   @include cx-list();
+}