cx 24.7.2 → 24.7.4

package/src/ui/layout/LabelsLeftLayout.scss

@@ -1,45 +1,45 @@
-
-@mixin cx-labelsleftlayout(
-   $name: 'labelsleftlayout',
-   $besm: $cx-besm
-) {
-   $block: map-get($besm, block);
-   $element: map-get($besm, element);
-   $state: map-get($besm, state);
-   $mod: map-get($besm, mod);
-
-   .#{$block}labelsleftlayout {
-      border-spacing: 0;
-
-      &.#{$mod}stretch {
-         width: 100%;
-
-         .#{$element}labelsleftlayout-label {
-            width: 5em;
-
-            .#{$block}label {
-               white-space: nowrap;
-            }
-         }
-      }
-   }
-
-   .#{$element}labelsleftlayout-field {
-      padding: 5px 0 5px 5px;
-   }
-
-   .#{$element}labelsleftlayout-label {
-      text-align: right;
-      vertical-align: top;
-
-      padding: 5px 5px 5px 0;
-
-      .#{$block}label {
-         padding-right: 0;
-      }
-   }
-}
-
-@if (cx-should-include('cx/ui/LabelsLeftLayout')) {
-  @include cx-labelsleftlayout();
+
+@mixin cx-labelsleftlayout(
+   $name: 'labelsleftlayout',
+   $besm: $cx-besm
+) {
+   $block: map-get($besm, block);
+   $element: map-get($besm, element);
+   $state: map-get($besm, state);
+   $mod: map-get($besm, mod);
+
+   .#{$block}labelsleftlayout {
+      border-spacing: 0;
+
+      &.#{$mod}stretch {
+         width: 100%;
+
+         .#{$element}labelsleftlayout-label {
+            width: 5em;
+
+            .#{$block}label {
+               white-space: nowrap;
+            }
+         }
+      }
+   }
+
+   .#{$element}labelsleftlayout-field {
+      padding: 5px 0 5px 5px;
+   }
+
+   .#{$element}labelsleftlayout-label {
+      text-align: right;
+      vertical-align: top;
+
+      padding: 5px 5px 5px 0;
+
+      .#{$block}label {
+         padding-right: 0;
+      }
+   }
+}
+
+@if (cx-should-include('cx/ui/LabelsLeftLayout')) {
+  @include cx-labelsleftlayout();
 }

package/src/ui/layout/LabelsTopLayout.d.ts

@@ -1,15 +1,15 @@
-import * as Cx from "../../core";
-
-interface LabelsTopLayoutProps extends Cx.StyledContainerProps {
-   vertical?: boolean;
-   columns?: number;
-}
-
-export class LabelsTopLayout extends Cx.Widget<LabelsTopLayoutProps> {}
-
-interface LabelsTopLayoutCellProps extends Cx.StyledContainerProps {
-   colSpan?: number;
-   rowSpan?: number;
-}
-
-export class LabelsTopLayoutCell extends Cx.Widget<LabelsTopLayoutCellProps> {}
+import * as Cx from "../../core";
+
+interface LabelsTopLayoutProps extends Cx.StyledContainerProps {
+   vertical?: boolean;
+   columns?: number;
+}
+
+export class LabelsTopLayout extends Cx.Widget<LabelsTopLayoutProps> {}
+
+interface LabelsTopLayoutCellProps extends Cx.StyledContainerProps {
+   colSpan?: number;
+   rowSpan?: number;
+}
+
+export class LabelsTopLayoutCell extends Cx.Widget<LabelsTopLayoutCellProps> {}

package/src/ui/layout/LabelsTopLayout.js

@@ -1,135 +1,135 @@
-import {VDOM, getContent, contentAppend} from '../Widget';
-import {Container} from '../Container';
-import {PureContainer} from '../PureContainer';
-import {isArray} from '../../util/isArray';
-import {isUndefined} from '../../util/isUndefined';
-import {isNumber} from "../../util/isNumber";
-
-function validContent(r) {
-   let content = [];
-   for (let key in r)
-      if (key != "label")
-         contentAppend(content, r[key]);
-   return content;
-}
-
-export class LabelsTopLayout extends Container {
-
-   init() {
-      if (this.vertical && isUndefined(this.columns))
-         this.columns = 1;
-
-      super.init();
-   }
-
-   render(context, instance, key) {
-      let {children, data} = instance;
-
-      let state = {
-         rows: [],
-         currentRow: 0,
-         labelCells: [],
-         fieldCells: [],
-         rowCapacities: [this.columns]
-      };
-
-      const processContent = (r) => {
-         if (!r)
-            return;
-         if (isArray(r.content) && r.useParentLayout)
-            r.content.forEach((x) => processContent(x));
-         else if (r.atomic && r.type == "layout-cell")
-            this.addItem(state, isArray(r.content) && r.content.length == 1 ? r.content[0] : r.content, r.data);
-         else
-            this.addItem(state, r, {});
-      };
-
-      children.forEach(item => processContent(item.vdom));
-
-      this.addRow(state);
-
-      return <table key={key} className={data.classNames} style={data.style}>
-         <tbody>
-         {state.rows}
-         </tbody>
-      </table>;
-   }
-
-   addRow(state) {
-      if (state.labelCells.length > 0)
-         state.rows.push(<tr key={state.rows.length}>{state.labelCells}</tr>);
-
-      if (state.fieldCells.length > 0)
-         state.rows.push(<tr key={state.rows.length}>{state.fieldCells}</tr>);
-
-      state.labelCells = [];
-      state.fieldCells = [];
-      state.currentRow++;
-      if (state.currentRow == state.rowCapacities.length)
-         state.rowCapacities.push(this.columns);
-   }
-
-
-   addItem(state, item, data) {
-
-      while (state.labelCells.length == state.rowCapacities[state.currentRow])
-         this.addRow(state);
-
-      if (data.rowSpan > 1) {
-         for (let row = state.currentRow + 1; row < state.currentRow + data.rowSpan; row++) {
-            if (row == state.rowCapacities.length)
-               state.rowCapacities.push(this.columns);
-            state.rowCapacities[row] -= data.colSpan || 1;
-         }
-      }
-
-      if (data.colSpan > 1)
-         state.rowCapacities[state.currentRow] -= data.colSpan - 1;
-
-      state.labelCells.push(
-         <td className={this.CSS.element(this.baseClass, "label")} key={state.labelCells.length} colSpan={data.colSpan}>
-            {getContent(item.label)}
-         </td>
-      );
-      state.fieldCells.push(
-         <td className={this.CSS.element(this.baseClass, "field")}
-             key={state.fieldCells.length}
-             colSpan={data.colSpan}
-             rowSpan={isNumber(data.rowSpan) ? 2 * data.rowSpan - 1 : undefined}
-             style={data.style}
-         >
-            {validContent(item)}
-         </td>
-      );
-   }
-}
-
-LabelsTopLayout.prototype.baseClass = 'labelstoplayout';
-LabelsTopLayout.prototype.vertical = false;
-LabelsTopLayout.prototype.columns = undefined;
-LabelsTopLayout.prototype.styled = true;
-
-export class LabelsTopLayoutCell extends PureContainer {
-
-   declareData(...args) {
-      super.declareData(...args, {
-         colSpan: undefined,
-         rowSpan: undefined
-      })
-   }
-
-   render(context, instance, key) {
-
-      let { content } = this.renderChildren(context, instance);
-
-      return {
-         atomic: true,
-         type: 'layout-cell',
-         data: instance.data,
-         content
-      }
-   }
-}
-
-LabelsTopLayoutCell.prototype.styled = true;
+import {VDOM, getContent, contentAppend} from '../Widget';
+import {Container} from '../Container';
+import {PureContainer} from '../PureContainer';
+import {isArray} from '../../util/isArray';
+import {isUndefined} from '../../util/isUndefined';
+import {isNumber} from "../../util/isNumber";
+
+function validContent(r) {
+   let content = [];
+   for (let key in r)
+      if (key != "label")
+         contentAppend(content, r[key]);
+   return content;
+}
+
+export class LabelsTopLayout extends Container {
+
+   init() {
+      if (this.vertical && isUndefined(this.columns))
+         this.columns = 1;
+
+      super.init();
+   }
+
+   render(context, instance, key) {
+      let {children, data} = instance;
+
+      let state = {
+         rows: [],
+         currentRow: 0,
+         labelCells: [],
+         fieldCells: [],
+         rowCapacities: [this.columns]
+      };
+
+      const processContent = (r) => {
+         if (!r)
+            return;
+         if (isArray(r.content) && r.useParentLayout)
+            r.content.forEach((x) => processContent(x));
+         else if (r.atomic && r.type == "layout-cell")
+            this.addItem(state, isArray(r.content) && r.content.length == 1 ? r.content[0] : r.content, r.data);
+         else
+            this.addItem(state, r, {});
+      };
+
+      children.forEach(item => processContent(item.vdom));
+
+      this.addRow(state);
+
+      return <table key={key} className={data.classNames} style={data.style}>
+         <tbody>
+         {state.rows}
+         </tbody>
+      </table>;
+   }
+
+   addRow(state) {
+      if (state.labelCells.length > 0)
+         state.rows.push(<tr key={state.rows.length}>{state.labelCells}</tr>);
+
+      if (state.fieldCells.length > 0)
+         state.rows.push(<tr key={state.rows.length}>{state.fieldCells}</tr>);
+
+      state.labelCells = [];
+      state.fieldCells = [];
+      state.currentRow++;
+      if (state.currentRow == state.rowCapacities.length)
+         state.rowCapacities.push(this.columns);
+   }
+
+
+   addItem(state, item, data) {
+
+      while (state.labelCells.length == state.rowCapacities[state.currentRow])
+         this.addRow(state);
+
+      if (data.rowSpan > 1) {
+         for (let row = state.currentRow + 1; row < state.currentRow + data.rowSpan; row++) {
+            if (row == state.rowCapacities.length)
+               state.rowCapacities.push(this.columns);
+            state.rowCapacities[row] -= data.colSpan || 1;
+         }
+      }
+
+      if (data.colSpan > 1)
+         state.rowCapacities[state.currentRow] -= data.colSpan - 1;
+
+      state.labelCells.push(
+         <td className={this.CSS.element(this.baseClass, "label")} key={state.labelCells.length} colSpan={data.colSpan}>
+            {getContent(item.label)}
+         </td>
+      );
+      state.fieldCells.push(
+         <td className={this.CSS.element(this.baseClass, "field")}
+             key={state.fieldCells.length}
+             colSpan={data.colSpan}
+             rowSpan={isNumber(data.rowSpan) ? 2 * data.rowSpan - 1 : undefined}
+             style={data.style}
+         >
+            {validContent(item)}
+         </td>
+      );
+   }
+}
+
+LabelsTopLayout.prototype.baseClass = 'labelstoplayout';
+LabelsTopLayout.prototype.vertical = false;
+LabelsTopLayout.prototype.columns = undefined;
+LabelsTopLayout.prototype.styled = true;
+
+export class LabelsTopLayoutCell extends PureContainer {
+
+   declareData(...args) {
+      super.declareData(...args, {
+         colSpan: undefined,
+         rowSpan: undefined
+      })
+   }
+
+   render(context, instance, key) {
+
+      let { content } = this.renderChildren(context, instance);
+
+      return {
+         atomic: true,
+         type: 'layout-cell',
+         data: instance.data,
+         content
+      }
+   }
+}
+
+LabelsTopLayoutCell.prototype.styled = true;
 LabelsTopLayoutCell.prototype.useParentLayout = true;

package/src/ui/layout/LabelsTopLayout.scss

@@ -1,64 +1,64 @@
-
-@mixin cx-labelstoplayout(
-   $name: 'labelstoplayout',
-   $besm: $cx-besm
-) {
-   $block: map-get($besm, block);
-   $element: map-get($besm, element);
-   $state: map-get($besm, state);
-   $mod: map-get($besm, mod);
-
-   .#{$block}labelstoplayout {
-      border-spacing: 0 3px;
-
-      &.#{$mod}stretch {
-         width: 100%;
-
-         //unsure what it does
-         //.#{$element}labelstoplayout-label {
-         //   width: 10em;
-         //}
-      }
-   }
-
-   .#{$element}labelstoplayout-field {
-      padding: 0 5px;
-      box-sizing: border-box;
-      vertical-align: top;
-
-      &:first-child {
-         padding-left: 0;
-      }
-
-      &:last-child {
-         padding-right: 0;
-      }
-   }
-
-   .#{$element}labelstoplayout-label {
-      vertical-align: bottom;
-      padding: 5px 5px 0 5px;
-      box-sizing: border-box;
-
-      .#{$block}label {
-         padding-left: 0;
-         padding-bottom: 0;
-      }
-
-      &:first-child {
-         padding-left: 0;
-      }
-
-      &:last-child {
-         padding-right: 0;
-      }
-   }
-
-   .#{$mod}fixed {
-      table-layout: fixed;
-   }
-}
-
-@if (cx-should-include('cx/ui/LabelsTopLayout')) {
-   @include cx-labelstoplayout();
+
+@mixin cx-labelstoplayout(
+   $name: 'labelstoplayout',
+   $besm: $cx-besm
+) {
+   $block: map-get($besm, block);
+   $element: map-get($besm, element);
+   $state: map-get($besm, state);
+   $mod: map-get($besm, mod);
+
+   .#{$block}labelstoplayout {
+      border-spacing: 0 3px;
+
+      &.#{$mod}stretch {
+         width: 100%;
+
+         //unsure what it does
+         //.#{$element}labelstoplayout-label {
+         //   width: 10em;
+         //}
+      }
+   }
+
+   .#{$element}labelstoplayout-field {
+      padding: 0 5px;
+      box-sizing: border-box;
+      vertical-align: top;
+
+      &:first-child {
+         padding-left: 0;
+      }
+
+      &:last-child {
+         padding-right: 0;
+      }
+   }
+
+   .#{$element}labelstoplayout-label {
+      vertical-align: bottom;
+      padding: 5px 5px 0 5px;
+      box-sizing: border-box;
+
+      .#{$block}label {
+         padding-left: 0;
+         padding-bottom: 0;
+      }
+
+      &:first-child {
+         padding-left: 0;
+      }
+
+      &:last-child {
+         padding-right: 0;
+      }
+   }
+
+   .#{$mod}fixed {
+      table-layout: fixed;
+   }
+}
+
+@if (cx-should-include('cx/ui/LabelsTopLayout')) {
+   @include cx-labelstoplayout();
 }

package/src/ui/layout/UseParentLayout.d.ts

@@ -1,4 +1,4 @@
-import * as Cx from '../../core';
-import { PureContainer } from '../PureContainer';
-
-export class UseParentLayout extends PureContainer {}
+import * as Cx from '../../core';
+import { PureContainer } from '../PureContainer';
+
+export class UseParentLayout extends PureContainer {}

package/src/ui/layout/UseParentLayout.js

@@ -1,6 +1,6 @@
-import {PureContainer} from "../PureContainer";
-
-export class UseParentLayout extends PureContainer {}
-
-UseParentLayout.prototype.noLayout = true;
-UseParentLayout.prototype.useParentLayout = true;
+import {PureContainer} from "../PureContainer";
+
+export class UseParentLayout extends PureContainer {}
+
+UseParentLayout.prototype.noLayout = true;
+UseParentLayout.prototype.useParentLayout = true;

package/src/ui/layout/exploreChildren.d.ts

@@ -1,15 +1,15 @@
-import * as Cx from '../../core';
-import {RenderingContext} from '../RenderingContext';
-import {View} from '../../data/View';
-import {Instance} from '../Instance';
-
-export function exploreChildren(
-   context: RenderingContext,
-   instance: Instance,
-   children: Instance[],
-   previousResult: Instance[],
-   key?: string,
-   store?: View,
-   beforeCallback?: () => void,
-   afterCallback?: () => void
+import * as Cx from '../../core';
+import {RenderingContext} from '../RenderingContext';
+import {View} from '../../data/View';
+import {Instance} from '../Instance';
+
+export function exploreChildren(
+   context: RenderingContext,
+   instance: Instance,
+   children: Instance[],
+   previousResult: Instance[],
+   key?: string,
+   store?: View,
+   beforeCallback?: () => void,
+   afterCallback?: () => void
 ) : Instance[];

package/src/ui/layout/exploreChildren.js

@@ -1,40 +1,40 @@
-import {reverseSlice} from "../../util/reverseSlice";
-
-export function exploreChildren(context, instance, children, previousResult, key, store, beforeCallback, afterCallback) {
-   let newChildren = previousResult || [];
-   let oldChildren = previousResult || newChildren;
-   let identical = previousResult ? 0 : -1;
-
-   // if (children.length)
-   //    context.exploreStack.hop();
-
-   for (let c = 0; c < children.length; c++) {
-      let cell = instance.getChild(context, children[c], key, store);
-
-      // if (beforeCallback)
-      //    beforeCallback(cell);
-
-      if (cell.checkVisible(context)) {
-         if (identical >= 0) {
-            if (cell == oldChildren[identical])
-               identical++;
-            else {
-               newChildren = newChildren.slice(0, identical);
-               identical = -1;
-               newChildren.push(cell);
-            }
-         }
-         else
-            newChildren.push(cell);
-
-         context.exploreStack.push(cell);
-         if (cell.needsExploreCleanup)
-            context.exploreStack.push(cell);
-      }
-   }
-
-   if (identical >= 0 && identical != newChildren.length)
-      newChildren = newChildren.slice(0, identical);
-
-   return newChildren;
-}
+import {reverseSlice} from "../../util/reverseSlice";
+
+export function exploreChildren(context, instance, children, previousResult, key, store, beforeCallback, afterCallback) {
+   let newChildren = previousResult || [];
+   let oldChildren = previousResult || newChildren;
+   let identical = previousResult ? 0 : -1;
+
+   // if (children.length)
+   //    context.exploreStack.hop();
+
+   for (let c = 0; c < children.length; c++) {
+      let cell = instance.getChild(context, children[c], key, store);
+
+      // if (beforeCallback)
+      //    beforeCallback(cell);
+
+      if (cell.checkVisible(context)) {
+         if (identical >= 0) {
+            if (cell == oldChildren[identical])
+               identical++;
+            else {
+               newChildren = newChildren.slice(0, identical);
+               identical = -1;
+               newChildren.push(cell);
+            }
+         }
+         else
+            newChildren.push(cell);
+
+         context.exploreStack.push(cell);
+         if (cell.needsExploreCleanup)
+            context.exploreStack.push(cell);
+      }
+   }
+
+   if (identical >= 0 && identical != newChildren.length)
+      newChildren = newChildren.slice(0, identical);
+
+   return newChildren;
+}

package/src/ui/layout/index.d.ts

@@ -1,10 +1,10 @@
-export * from './FirstVisibleChildLayout';
-export * from './UseParentLayout';
-
-export * from './LabelsLeftLayout';
-export * from './LabelsTopLayout';
-
-export * from './Content';
-export * from './ContentPlaceholder';
-
-export * from './exploreChildren';
+export * from './FirstVisibleChildLayout';
+export * from './UseParentLayout';
+
+export * from './LabelsLeftLayout';
+export * from './LabelsTopLayout';
+
+export * from './Content';
+export * from './ContentPlaceholder';
+
+export * from './exploreChildren';