intergalactic 15.106.0-prerelease.0 → 15.107.0-prerelease.0

package/data-table/lib/es6/Head.js

@@ -17,7 +17,6 @@ import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
 import { flattenColumns, getFixedStyle, getScrollOffsetValue } from './utils';
 import logger from 'intergalactic/utils/lib/logger';
 import { setRef } from 'intergalactic/utils/lib/ref';
-import cssToIntDefault from 'intergalactic/utils/lib/cssToIntDefault';
 export var SORT_ICON_WIDTH = 20;
 var SORTING_ICON = {
   desc: SortDesc,
@@ -30,6 +29,14 @@ var ariaSort = {
 var displayContents = {
   display: 'contents'
 };
+function cssToIntDefault(value) {
+  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var result = parseFloat(value);
+  if (Number.isNaN(result)) {
+    result = defaultValue;
+  }
+  return Math.round(result);
+}
 var Head = /*#__PURE__*/function (_Component) {
   _inherits(Head, _Component);
   var _super = _createSuper(Head);
@@ -70,59 +77,121 @@ var Head = /*#__PURE__*/function (_Component) {
           setRef(column.props.forwardRef, ref);
         }
         if (ref && ref.getAttribute('scope') === 'col') {
-          _this.calculateMinWidth(ref, column);
+          if (!_this.defaultWidths.has(ref)) {
+            var computedStyle = window.getComputedStyle(ref);
+            _this.defaultWidths.set(ref, {
+              minWidth: cssToIntDefault(computedStyle.getPropertyValue('min-width')),
+              computedWidth: cssToIntDefault(computedStyle.getPropertyValue('width')),
+              maxWidth: cssToIntDefault(computedStyle.getPropertyValue('max-width')) || null,
+              useForRecalculation: Boolean(column.props.sortSizeRecalculation)
+            });
+          }
         }
       };
     });
-    _defineProperty(_assertThisInitialized(_this), "calculateMinWidth", function (node, column) {
-      if (!_this.defaultWidths.has(node) && (column.props.wMin || column.props.wMax || column.props.w)) {
-        var computedStyle = window.getComputedStyle(node);
-        _this.defaultWidths.set(node, {
-          minWidth: cssToIntDefault(computedStyle.getPropertyValue('min-width')),
-          computedWidth: cssToIntDefault(computedStyle.getPropertyValue('width'))
-        });
-      }
-      if (column.active) {
+    _defineProperty(_assertThisInitialized(_this), "changeMaxNodeWidth", function (diff, exceptNode) {
+      var lastMaxWidth = 0;
+      var node = null;
+      var recalculatedNodes = [];
+      _this.defaultWidths.forEach(function (value, key) {
+        if (value.computedWidth > lastMaxWidth && key !== exceptNode) {
+          node = key;
+          lastMaxWidth = value.computedWidth;
+        }
+        if (value.useForRecalculation) {
+          recalculatedNodes.push(key);
+        }
+      });
+      var setNodeMinWidth = function setNodeMinWidth(node, diff) {
         var _this$defaultWidths$g, _this$defaultWidths$g2;
-        var clonedColumn = document.createElement('div');
-        var _computedStyle = window.getComputedStyle(node);
-        node.childNodes.forEach(function (node) {
-          if (!_this.sortWrapperRefs.get(node)) {
-            clonedColumn.append(node.cloneNode(true));
+        var defaultNodeWidth = (_this$defaultWidths$g = _this.defaultWidths.get(node)) === null || _this$defaultWidths$g === void 0 ? void 0 : _this$defaultWidths$g.computedWidth;
+        var defaultNodeMinWidth = (_this$defaultWidths$g2 = _this.defaultWidths.get(node)) === null || _this$defaultWidths$g2 === void 0 ? void 0 : _this$defaultWidths$g2.minWidth;
+        if (defaultNodeWidth) {
+          var maxWidth = defaultNodeWidth - diff;
+          node.style.setProperty('max-width', "".concat(maxWidth, "px"));
+          if (defaultNodeMinWidth) {
+            node.style.setProperty('min-width', "min(".concat(maxWidth, "px, ").concat(defaultNodeMinWidth, "px)"));
           }
+        }
+      };
+      if (recalculatedNodes.length > 0) {
+        var diffPart = diff / recalculatedNodes.length;
+        recalculatedNodes.forEach(function (node) {
+          setNodeMinWidth(node, diffPart);
         });
-        clonedColumn.style.setProperty('visibility', 'hidden', 'important');
-        var styles = ['display', 'flex', 'margin', 'padding', 'background', 'font-style', 'font-width', 'font-size', 'font-weight'];
-        styles.forEach(function (key) {
-          clonedColumn.style.setProperty(key, _computedStyle.getPropertyValue(key), _computedStyle.getPropertyPriority(key));
-        });
-        clonedColumn.style.setProperty('width', 'fit-content', 'important');
-        document.body.appendChild(clonedColumn);
-        var computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);
-        document.body.removeChild(clonedColumn);
-        var defaultNodeWidth = (_this$defaultWidths$g = (_this$defaultWidths$g2 = _this.defaultWidths.get(node)) === null || _this$defaultWidths$g2 === void 0 ? void 0 : _this$defaultWidths$g2.computedWidth) !== null && _this$defaultWidths$g !== void 0 ? _this$defaultWidths$g : 0;
-        if (computedWidth >= defaultNodeWidth) {
-          node.style.setProperty('min-width', defaultNodeWidth + SORT_ICON_WIDTH + 'px');
-        } else {
-          var freeSpace = defaultNodeWidth - computedWidth;
-          if (freeSpace < SORT_ICON_WIDTH) {
-            node.style.setProperty('min-width', computedWidth + SORT_ICON_WIDTH + 'px');
-          }
+      } else if (node !== null) {
+        setNodeMinWidth(node, diff);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "backToColumnDefaults", function (node) {
+      var _this$defaultWidths$g3, _this$defaultWidths$g4;
+      var defaultNodeMinWidth = (_this$defaultWidths$g3 = _this.defaultWidths.get(node)) === null || _this$defaultWidths$g3 === void 0 ? void 0 : _this$defaultWidths$g3.minWidth;
+      var defaultNodeMaxWidth = (_this$defaultWidths$g4 = _this.defaultWidths.get(node)) === null || _this$defaultWidths$g4 === void 0 ? void 0 : _this$defaultWidths$g4.maxWidth;
+      node.style.setProperty('min-width', defaultNodeMinWidth + 'px');
+      if (defaultNodeMaxWidth) {
+        node.style.setProperty('max-width', defaultNodeMaxWidth + 'px');
+      } else {
+        node.style.removeProperty('max-width');
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "calculateActiveColumnMinWidth", function (node) {
+      var _this$defaultWidths$g5, _this$defaultWidths$g6;
+      var clonedColumn = document.createElement('div');
+      var computedStyle = window.getComputedStyle(node);
+      node.childNodes.forEach(function (node) {
+        if (!_this.sortWrapperRefs.get(node)) {
+          clonedColumn.append(node.cloneNode(true));
+        }
+      });
+      clonedColumn.style.setProperty('visibility', 'hidden', 'important');
+      var styles = ['display', 'flex', 'margin', 'padding', 'background', 'font-style', 'font-width', 'font-size', 'font-weight'];
+      styles.forEach(function (key) {
+        clonedColumn.style.setProperty(key, computedStyle.getPropertyValue(key), computedStyle.getPropertyPriority(key));
+      });
+      clonedColumn.style.setProperty('width', 'fit-content', 'important');
+      document.body.appendChild(clonedColumn);
+      var computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);
+      document.body.removeChild(clonedColumn);
+      var defaultNodeWidth = (_this$defaultWidths$g5 = (_this$defaultWidths$g6 = _this.defaultWidths.get(node)) === null || _this$defaultWidths$g6 === void 0 ? void 0 : _this$defaultWidths$g6.computedWidth) !== null && _this$defaultWidths$g5 !== void 0 ? _this$defaultWidths$g5 : 0;
+      if (computedWidth >= defaultNodeWidth) {
+        node.style.setProperty('min-width', defaultNodeWidth + SORT_ICON_WIDTH + 'px');
+        _this.changeMaxNodeWidth(SORT_ICON_WIDTH, node);
+      } else {
+        var freeSpace = defaultNodeWidth - computedWidth;
+        if (freeSpace < SORT_ICON_WIDTH) {
+          node.style.setProperty('min-width', computedWidth + SORT_ICON_WIDTH + 'px');
+          _this.changeMaxNodeWidth(freeSpace, node);
         }
-      } else if (_this.defaultWidths.has(node)) {
-        var _this$defaultWidths$g3;
-        var defaultNodeMinWidth = (_this$defaultWidths$g3 = _this.defaultWidths.get(node)) === null || _this$defaultWidths$g3 === void 0 ? void 0 : _this$defaultWidths$g3.minWidth;
-        node.style.setProperty('min-width', defaultNodeMinWidth + 'px');
       }
     });
     return _this;
   }
   _createClass(Head, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      var _this2 = this;
+      var activeColumn = null;
+      this.columns.forEach(function (column) {
+        var _column$props = column.props,
+          changeSortSize = _column$props.changeSortSize,
+          ref = _column$props.ref;
+        if (column.active && changeSortSize && ref.current) {
+          activeColumn = ref.current;
+        }
+        if (ref.current) {
+          _this2.backToColumnDefaults(ref.current);
+        }
+      });
+      if (activeColumn) {
+        this.calculateActiveColumnMinWidth(activeColumn);
+      }
+    }
+  }, {
     key: "renderColumns",
     value: function renderColumns(columns, width) {
-      var _this2 = this;
+      var _this3 = this;
       return columns.map(function (column) {
-        return _this2.renderColumn(column, width);
+        return _this3.renderColumn(column, width);
       });
     }
   }, {
@@ -145,6 +214,7 @@ var Head = /*#__PURE__*/function (_Component) {
         _getFixedStyle2 = _slicedToArray(_getFixedStyle, 2),
         name = _getFixedStyle2[0],
         value = _getFixedStyle2[1];
+      logger.warn(column.props.wMax && column.props.sortSizeRecalculation, "You can't use 'sortSizeRecalculation' property with 'wMax' property", "".concat(this.asProps['data-ui-name'] || Head.displayName, "_column_").concat(column.name));
       var style = _objectSpread({
         flexBasis: column.props.flex === undefined && "".concat(width * cSize, "%")
       }, column.props.style);

package/data-table/lib/es6/Head.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.js","names":["React","Component","sstyled","Root","Box","Flex","ScrollArea","SortDesc","SortAsc","callAllEventHandlers","flattenColumns","getFixedStyle","getScrollOffsetValue","logger","setRef","cssToIntDefault","SORT_ICON_WIDTH","SORTING_ICON","desc","asc","ariaSort","displayContents","display","Head","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","Map","name","event","asProps","$onSortClick","key","preventDefault","active","ref","sortWrapperRefs","set","column","props","forwardRef","getAttribute","calculateMinWidth","node","defaultWidths","has","wMin","wMax","w","computedStyle","window","getComputedStyle","minWidth","getPropertyValue","computedWidth","_this$defaultWidths$g","_this$defaultWidths$g2","clonedColumn","document","createElement","childNodes","forEach","get","append","cloneNode","style","setProperty","styles","getPropertyPriority","body","appendChild","Math","ceil","getBoundingClientRect","width","removeChild","defaultNodeWidth","freeSpace","_this$defaultWidths$g3","defaultNodeMinWidth","_createClass","value","renderColumns","columns","_this2","map","renderColumn","_ref2","_column$columns","_this$asProps","use","hidden","uid","SColumn","SHead","SSortWrapper","SSortIcon","sortDirection","ariaSortValue","sortable","undefined","isGroup","cSize","_getFixedStyle","_getFixedStyle2","_slicedToArray","_objectSpread","flexBasis","flex","setVar","varWidth","cn","fixed","resizable","borderLeft","borderRight","makeColumnRefHandler","onClick","bindHandlerSortClick","onKeyDown","bindHandlerKeyDown","Fragment","children","makeSortRefHandler","render","_ref","_ref3","SHeadWrapper","_this$asProps2","Children","columnsChildren","onResize","$scrollRef","sticky","withScrollBar","animationsDisabled","_getScrollOffsetValue","_getScrollOffsetValue2","offsetLeftSum","offsetRightSum","warn","displayName","Container","role","tabIndex","zIndex","_assignProps","Boolean","Bar","orientation","origin"],"sources":["../../src/Head.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport ScrollArea from '@semcore/scroll-area';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport { flattenColumns, getFixedStyle, getScrollOffsetValue } from './utils';\nimport type { Column } from './types';\nimport logger from '@semcore/utils/lib/logger';\nimport { setRef } from '@semcore/utils/lib/ref';\nimport cssToIntDefault from '@semcore/utils/lib/cssToIntDefault';\n\nexport const SORT_ICON_WIDTH = 20;\n\nconst SORTING_ICON = {\n  desc: SortDesc,\n  asc: SortAsc,\n} as const;\nconst ariaSort = {\n  desc: 'descending',\n  asc: 'ascending',\n} as const;\nconst displayContents = { display: 'contents' };\n\ntype AsProps = {\n  $onSortClick: (name: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n  $scrollRef: (instance: unknown) => void;\n  use: 'primary' | 'secondary';\n  columnsChildren: Column[];\n  onResize: ResizeObserverCallback;\n  sticky: boolean;\n  ['data-ui-name']: string;\n  uid?: string;\n  withScrollBar?: boolean;\n  animationsDisabled?: boolean;\n};\n\nclass Head extends Component<AsProps> {\n  columns: Column[] = [];\n\n  static displayName: string;\n\n  sortWrapperRefs = new Map<Node, boolean>();\n  defaultWidths = new Map<Node, { minWidth: number; computedWidth: number }>();\n\n  bindHandlerSortClick = (name: string) => (event: React.MouseEvent) => {\n    this.asProps.$onSortClick(name, event);\n  };\n\n  bindHandlerKeyDown = (name: string) => (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.asProps.$onSortClick(name, event);\n    }\n  };\n\n  makeSortRefHandler = (active: boolean) => (ref: HTMLElement | null) => {\n    if (ref) {\n      this.sortWrapperRefs.set(ref, active);\n    }\n  };\n\n  makeColumnRefHandler = (column: Column) => (ref: HTMLElement | null) => {\n    setRef(column.props.ref, ref);\n    if (column.props.forwardRef) {\n      setRef(column.props.forwardRef, ref);\n    }\n\n    if (ref && ref.getAttribute('scope') === 'col') {\n      this.calculateMinWidth(ref, column);\n    }\n  };\n\n  calculateMinWidth = (node: HTMLElement, column: Column) => {\n    if (\n      !this.defaultWidths.has(node) &&\n      (column.props.wMin || column.props.wMax || column.props.w)\n    ) {\n      const computedStyle = window.getComputedStyle(node);\n\n      this.defaultWidths.set(node, {\n        minWidth: cssToIntDefault(computedStyle.getPropertyValue('min-width')),\n        computedWidth: cssToIntDefault(computedStyle.getPropertyValue('width')),\n      });\n    }\n\n    if (column.active) {\n      const clonedColumn = document.createElement('div');\n      const computedStyle = window.getComputedStyle(node);\n\n      node.childNodes.forEach((node) => {\n        if (!this.sortWrapperRefs.get(node)) {\n          clonedColumn.append(node.cloneNode(true));\n        }\n      });\n\n      clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n      const styles = [\n        'display',\n        'flex',\n        'margin',\n        'padding',\n        'background',\n        'font-style',\n        'font-width',\n        'font-size',\n        'font-weight',\n      ];\n\n      styles.forEach((key) => {\n        clonedColumn.style.setProperty(\n          key,\n          computedStyle.getPropertyValue(key),\n          computedStyle.getPropertyPriority(key),\n        );\n      });\n\n      clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n      document.body.appendChild(clonedColumn);\n\n      const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n      document.body.removeChild(clonedColumn);\n\n      const defaultNodeWidth = this.defaultWidths.get(node)?.computedWidth ?? 0;\n\n      if (computedWidth >= defaultNodeWidth) {\n        node.style.setProperty('min-width', defaultNodeWidth + SORT_ICON_WIDTH + 'px');\n      } else {\n        const freeSpace = defaultNodeWidth - computedWidth;\n\n        if (freeSpace < SORT_ICON_WIDTH) {\n          node.style.setProperty('min-width', computedWidth + SORT_ICON_WIDTH + 'px');\n        }\n      }\n    } else if (this.defaultWidths.has(node)) {\n      const defaultNodeMinWidth = this.defaultWidths.get(node)?.minWidth;\n\n      node.style.setProperty('min-width', defaultNodeMinWidth + 'px');\n    }\n  };\n\n  renderColumns(columns: Column[], width: number) {\n    return columns.map((column) => this.renderColumn(column, width));\n  }\n\n  renderColumn(column: Column, width: number) {\n    const { styles, use, hidden, uid } = this.asProps;\n    const SColumn = Flex as any;\n    const SHead = Box;\n    const SSortWrapper = 'div';\n    const SSortIcon = SORTING_ICON[column.sortDirection];\n    const ariaSortValue =\n      column.sortable && column.active ? ariaSort[column.sortDirection] : undefined;\n    const isGroup = column.columns?.length > 0;\n    const cSize = isGroup ? flattenColumns(column.columns).length : 1;\n    const [name, value] = getFixedStyle(column, this.columns);\n\n    const style = {\n      flexBasis: column.props.flex === undefined && `${width * cSize}%`,\n      ...column.props.style,\n    };\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n    }\n\n    if (!column.setVar) {\n      style['flexBasis'] = `var(${column.varWidth})`;\n    }\n\n    return sstyled(styles)(\n      <SColumn\n        role={isGroup ? undefined : 'columnheader'}\n        scope={isGroup ? 'colgroup' : 'col'}\n        key={column.name}\n        id={`igc-table-${uid}-${column.name}`}\n        use={use}\n        fixed={column.fixed}\n        resizable={column.resizable}\n        sortable={column.sortable}\n        borderLeft={isGroup ? false : column.borderLeft}\n        borderRight={isGroup ? false : column.borderRight}\n        active={isGroup ? false : column.active}\n        group={isGroup}\n        tabIndex={column.sortable ? 0 : undefined}\n        __excludeProps={['hidden']}\n        {...column.props}\n        ref={this.makeColumnRefHandler(column)}\n        onClick={callAllEventHandlers(\n          column.props.onClick,\n          column.sortable ? this.bindHandlerSortClick(column.name) : undefined,\n        )}\n        onKeyDown={callAllEventHandlers(\n          column.props.onKeyDown,\n          column.sortable ? this.bindHandlerKeyDown(column.name) : undefined,\n        )}\n        style={style}\n        hidden={hidden}\n        aria-sort={ariaSortValue}\n      >\n        {isGroup ? (\n          <>\n            <SColumn\n              role='columnheader'\n              groupHead\n              use={use}\n              active={column.active}\n              borderLeft={column.borderLeft}\n              borderRight={column.borderRight}\n            >\n              <div>{column.props.children}</div>\n            </SColumn>\n            <SHead>{this.renderColumns(column.columns, 100 / cSize)}</SHead>\n          </>\n        ) : (\n          <>\n            {column.props.children}\n            {column.sortable ? (\n              <SSortWrapper ref={this.makeSortRefHandler(column.active)}>\n                <SSortIcon />\n              </SSortWrapper>\n            ) : null}\n          </>\n        )}\n      </SColumn>,\n    );\n  }\n\n  render() {\n    const SHead = Root;\n    const SHeadWrapper = Box as any;\n    const {\n      Children,\n      styles,\n      columnsChildren,\n      onResize,\n      $scrollRef,\n      sticky,\n      withScrollBar,\n      animationsDisabled,\n    } = this.asProps;\n\n    this.columns = flattenColumns(columnsChildren);\n\n    const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(this.columns);\n\n    logger.warn(\n      sticky,\n      \"'sticky' property is deprecated, use '<Sticky/>' wrapper\",\n      this.asProps['data-ui-name'] || Head.displayName,\n    );\n\n    return sstyled(styles)(\n      <SHeadWrapper sticky={sticky} animationsDisabled={animationsDisabled}>\n        <ScrollArea\n          leftOffset={offsetLeftSum}\n          rightOffset={offsetRightSum}\n          shadow\n          onResize={onResize}\n        >\n          <ScrollArea.Container ref={$scrollRef} role='rowgroup' tabIndex={-1} zIndex={2}>\n            <SHead render={Box} role='row' aria-rowindex='1' __excludeProps={['hidden']}>\n              {this.renderColumns(columnsChildren, 100 / this.columns.length)}\n            </SHead>\n          </ScrollArea.Container>\n          {Boolean(withScrollBar) && (\n            <div style={displayContents} role='rowgroup'>\n              <div style={displayContents} role='row'>\n                <div style={displayContents} role='cell'>\n                  <ScrollArea.Bar orientation='horizontal' />\n                </div>\n              </div>\n            </div>\n          )}\n        </ScrollArea>\n        {Children.origin}\n      </SHeadWrapper>,\n    );\n  }\n}\n\nexport default Head;\n"],"mappings":"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"}
+{"version":3,"file":"Head.js","names":["React","Component","sstyled","Root","Box","Flex","ScrollArea","SortDesc","SortAsc","callAllEventHandlers","flattenColumns","getFixedStyle","getScrollOffsetValue","logger","setRef","SORT_ICON_WIDTH","SORTING_ICON","desc","asc","ariaSort","displayContents","display","cssToIntDefault","value","defaultValue","arguments","length","undefined","result","parseFloat","Number","isNaN","Math","round","Head","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","Map","name","event","asProps","$onSortClick","key","preventDefault","active","ref","sortWrapperRefs","set","column","props","forwardRef","getAttribute","defaultWidths","has","computedStyle","window","getComputedStyle","minWidth","getPropertyValue","computedWidth","maxWidth","useForRecalculation","Boolean","sortSizeRecalculation","diff","exceptNode","lastMaxWidth","node","recalculatedNodes","forEach","push","setNodeMinWidth","_this$defaultWidths$g","_this$defaultWidths$g2","defaultNodeWidth","get","defaultNodeMinWidth","style","setProperty","diffPart","_this$defaultWidths$g3","_this$defaultWidths$g4","defaultNodeMaxWidth","removeProperty","_this$defaultWidths$g5","_this$defaultWidths$g6","clonedColumn","document","createElement","childNodes","append","cloneNode","styles","getPropertyPriority","body","appendChild","ceil","getBoundingClientRect","width","removeChild","changeMaxNodeWidth","freeSpace","_createClass","componentDidUpdate","_this2","activeColumn","columns","_column$props","changeSortSize","current","backToColumnDefaults","calculateActiveColumnMinWidth","renderColumns","_this3","map","renderColumn","_ref2","_column$columns","_this$asProps","use","hidden","uid","SColumn","SHead","SSortWrapper","SSortIcon","sortDirection","ariaSortValue","sortable","isGroup","cSize","_getFixedStyle","_getFixedStyle2","_slicedToArray","warn","wMax","displayName","_objectSpread","flexBasis","flex","setVar","varWidth","cn","fixed","resizable","borderLeft","borderRight","makeColumnRefHandler","onClick","bindHandlerSortClick","onKeyDown","bindHandlerKeyDown","Fragment","children","makeSortRefHandler","render","_ref","_ref3","SHeadWrapper","_this$asProps2","Children","columnsChildren","onResize","$scrollRef","sticky","withScrollBar","animationsDisabled","_getScrollOffsetValue","_getScrollOffsetValue2","offsetLeftSum","offsetRightSum","Container","role","tabIndex","zIndex","_assignProps","Bar","orientation","origin"],"sources":["../../src/Head.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport ScrollArea from '@semcore/scroll-area';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport { flattenColumns, getFixedStyle, getScrollOffsetValue } from './utils';\nimport type { Column } from './types';\nimport logger from '@semcore/utils/lib/logger';\nimport { setRef } from '@semcore/utils/lib/ref';\n\nexport const SORT_ICON_WIDTH = 20;\n\nconst SORTING_ICON = {\n  desc: SortDesc,\n  asc: SortAsc,\n} as const;\nconst ariaSort = {\n  desc: 'descending',\n  asc: 'ascending',\n} as const;\nconst displayContents = { display: 'contents' };\n\nfunction cssToIntDefault(value: string, defaultValue = 0) {\n  let result = parseFloat(value);\n  if (Number.isNaN(result)) {\n    result = defaultValue;\n  }\n\n  return Math.round(result);\n}\n\ntype AsProps = {\n  $onSortClick: (name: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n  $scrollRef: (instance: unknown) => void;\n  use: 'primary' | 'secondary';\n  columnsChildren: Column[];\n  onResize: ResizeObserverCallback;\n  sticky: boolean;\n  ['data-ui-name']: string;\n  uid?: string;\n  withScrollBar?: boolean;\n  animationsDisabled?: boolean;\n};\n\nclass Head extends Component<AsProps> {\n  columns: Column[] = [];\n\n  static displayName: string;\n\n  sortWrapperRefs = new Map<Node, boolean>();\n  defaultWidths = new Map<\n    HTMLElement,\n    {\n      minWidth: number;\n      maxWidth: number | null;\n      computedWidth: number;\n      useForRecalculation: boolean;\n    }\n  >();\n\n  bindHandlerSortClick = (name: string) => (event: React.MouseEvent) => {\n    this.asProps.$onSortClick(name, event);\n  };\n\n  bindHandlerKeyDown = (name: string) => (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.asProps.$onSortClick(name, event);\n    }\n  };\n\n  makeSortRefHandler = (active: boolean) => (ref: HTMLElement | null) => {\n    if (ref) {\n      this.sortWrapperRefs.set(ref, active);\n    }\n  };\n\n  makeColumnRefHandler = (column: Column) => (ref: HTMLElement | null) => {\n    setRef(column.props.ref, ref);\n    if (column.props.forwardRef) {\n      setRef(column.props.forwardRef, ref);\n    }\n\n    if (ref && ref.getAttribute('scope') === 'col') {\n      if (!this.defaultWidths.has(ref)) {\n        const computedStyle = window.getComputedStyle(ref);\n\n        this.defaultWidths.set(ref, {\n          minWidth: cssToIntDefault(computedStyle.getPropertyValue('min-width')),\n          computedWidth: cssToIntDefault(computedStyle.getPropertyValue('width')),\n          maxWidth: cssToIntDefault(computedStyle.getPropertyValue('max-width')) || null,\n          useForRecalculation: Boolean(column.props.sortSizeRecalculation),\n        });\n      }\n    }\n  };\n\n  componentDidUpdate() {\n    let activeColumn: HTMLElement | null = null;\n\n    this.columns.forEach((column) => {\n      const { changeSortSize, ref } = column.props;\n\n      if (column.active && changeSortSize && ref.current) {\n        activeColumn = ref.current;\n      }\n\n      if (ref.current) {\n        this.backToColumnDefaults(ref.current);\n      }\n    });\n\n    if (activeColumn) {\n      this.calculateActiveColumnMinWidth(activeColumn);\n    }\n  }\n\n  changeMaxNodeWidth = (diff: number, exceptNode: HTMLElement) => {\n    let lastMaxWidth = 0;\n    let node: HTMLElement | null = null;\n    const recalculatedNodes: HTMLElement[] = [];\n\n    this.defaultWidths.forEach((value, key) => {\n      if (value.computedWidth > lastMaxWidth && key !== exceptNode) {\n        node = key;\n        lastMaxWidth = value.computedWidth;\n      }\n      if (value.useForRecalculation) {\n        recalculatedNodes.push(key);\n      }\n    });\n\n    const setNodeMinWidth = (node: HTMLElement, diff: number) => {\n      const defaultNodeWidth = this.defaultWidths.get(node)?.computedWidth;\n      const defaultNodeMinWidth = this.defaultWidths.get(node)?.minWidth;\n\n      if (defaultNodeWidth) {\n        const maxWidth = defaultNodeWidth - diff;\n        node.style.setProperty('max-width', `${maxWidth}px`);\n\n        if (defaultNodeMinWidth) {\n          node.style.setProperty('min-width', `min(${maxWidth}px, ${defaultNodeMinWidth}px)`);\n        }\n      }\n    };\n\n    if (recalculatedNodes.length > 0) {\n      const diffPart = diff / recalculatedNodes.length;\n\n      recalculatedNodes.forEach((node) => {\n        setNodeMinWidth(node, diffPart);\n      });\n    } else if (node !== null) {\n      setNodeMinWidth(node, diff);\n    }\n  };\n\n  backToColumnDefaults = (node: HTMLElement) => {\n    const defaultNodeMinWidth = this.defaultWidths.get(node)?.minWidth;\n    const defaultNodeMaxWidth = this.defaultWidths.get(node)?.maxWidth;\n\n    node.style.setProperty('min-width', defaultNodeMinWidth + 'px');\n\n    if (defaultNodeMaxWidth) {\n      node.style.setProperty('max-width', defaultNodeMaxWidth + 'px');\n    } else {\n      node.style.removeProperty('max-width');\n    }\n  };\n\n  calculateActiveColumnMinWidth = (node: HTMLElement) => {\n    const clonedColumn = document.createElement('div');\n    const computedStyle = window.getComputedStyle(node);\n\n    node.childNodes.forEach((node) => {\n      if (!this.sortWrapperRefs.get(node)) {\n        clonedColumn.append(node.cloneNode(true));\n      }\n    });\n\n    clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n    const styles = [\n      'display',\n      'flex',\n      'margin',\n      'padding',\n      'background',\n      'font-style',\n      'font-width',\n      'font-size',\n      'font-weight',\n    ];\n\n    styles.forEach((key) => {\n      clonedColumn.style.setProperty(\n        key,\n        computedStyle.getPropertyValue(key),\n        computedStyle.getPropertyPriority(key),\n      );\n    });\n\n    clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n    document.body.appendChild(clonedColumn);\n\n    const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n    document.body.removeChild(clonedColumn);\n\n    const defaultNodeWidth = this.defaultWidths.get(node)?.computedWidth ?? 0;\n\n    if (computedWidth >= defaultNodeWidth) {\n      node.style.setProperty('min-width', defaultNodeWidth + SORT_ICON_WIDTH + 'px');\n      this.changeMaxNodeWidth(SORT_ICON_WIDTH, node);\n    } else {\n      const freeSpace = defaultNodeWidth - computedWidth;\n\n      if (freeSpace < SORT_ICON_WIDTH) {\n        node.style.setProperty('min-width', computedWidth + SORT_ICON_WIDTH + 'px');\n        this.changeMaxNodeWidth(freeSpace, node);\n      }\n    }\n  };\n\n  renderColumns(columns: Column[], width: number) {\n    return columns.map((column) => this.renderColumn(column, width));\n  }\n\n  renderColumn(column: Column, width: number) {\n    const { styles, use, hidden, uid } = this.asProps;\n    const SColumn = Flex as any;\n    const SHead = Box;\n    const SSortWrapper = 'div';\n    const SSortIcon = SORTING_ICON[column.sortDirection];\n    const ariaSortValue =\n      column.sortable && column.active ? ariaSort[column.sortDirection] : undefined;\n    const isGroup = column.columns?.length > 0;\n    const cSize = isGroup ? flattenColumns(column.columns).length : 1;\n    const [name, value] = getFixedStyle(column, this.columns);\n\n    logger.warn(\n      column.props.wMax && column.props.sortSizeRecalculation,\n      \"You can't use 'sortSizeRecalculation' property with 'wMax' property\",\n      `${this.asProps['data-ui-name'] || Head.displayName}_column_${column.name}`,\n    );\n\n    const style = {\n      flexBasis: column.props.flex === undefined && `${width * cSize}%`,\n      ...column.props.style,\n    };\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n    }\n\n    if (!column.setVar) {\n      style['flexBasis'] = `var(${column.varWidth})`;\n    }\n\n    return sstyled(styles)(\n      <SColumn\n        role={isGroup ? undefined : 'columnheader'}\n        scope={isGroup ? 'colgroup' : 'col'}\n        key={column.name}\n        id={`igc-table-${uid}-${column.name}`}\n        use={use}\n        fixed={column.fixed}\n        resizable={column.resizable}\n        sortable={column.sortable}\n        borderLeft={isGroup ? false : column.borderLeft}\n        borderRight={isGroup ? false : column.borderRight}\n        active={isGroup ? false : column.active}\n        group={isGroup}\n        tabIndex={column.sortable ? 0 : undefined}\n        __excludeProps={['hidden']}\n        {...column.props}\n        ref={this.makeColumnRefHandler(column)}\n        onClick={callAllEventHandlers(\n          column.props.onClick,\n          column.sortable ? this.bindHandlerSortClick(column.name) : undefined,\n        )}\n        onKeyDown={callAllEventHandlers(\n          column.props.onKeyDown,\n          column.sortable ? this.bindHandlerKeyDown(column.name) : undefined,\n        )}\n        style={style}\n        hidden={hidden}\n        aria-sort={ariaSortValue}\n      >\n        {isGroup ? (\n          <>\n            <SColumn\n              role='columnheader'\n              groupHead\n              use={use}\n              active={column.active}\n              borderLeft={column.borderLeft}\n              borderRight={column.borderRight}\n            >\n              <div>{column.props.children}</div>\n            </SColumn>\n            <SHead>{this.renderColumns(column.columns, 100 / cSize)}</SHead>\n          </>\n        ) : (\n          <>\n            {column.props.children}\n            {column.sortable ? (\n              <SSortWrapper ref={this.makeSortRefHandler(column.active)}>\n                <SSortIcon />\n              </SSortWrapper>\n            ) : null}\n          </>\n        )}\n      </SColumn>,\n    );\n  }\n\n  render() {\n    const SHead = Root;\n    const SHeadWrapper = Box as any;\n    const {\n      Children,\n      styles,\n      columnsChildren,\n      onResize,\n      $scrollRef,\n      sticky,\n      withScrollBar,\n      animationsDisabled,\n    } = this.asProps;\n\n    this.columns = flattenColumns(columnsChildren);\n\n    const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(this.columns);\n\n    logger.warn(\n      sticky,\n      \"'sticky' property is deprecated, use '<Sticky/>' wrapper\",\n      this.asProps['data-ui-name'] || Head.displayName,\n    );\n\n    return sstyled(styles)(\n      <SHeadWrapper sticky={sticky} animationsDisabled={animationsDisabled}>\n        <ScrollArea\n          leftOffset={offsetLeftSum}\n          rightOffset={offsetRightSum}\n          shadow\n          onResize={onResize}\n        >\n          <ScrollArea.Container ref={$scrollRef} role='rowgroup' tabIndex={-1} zIndex={2}>\n            <SHead render={Box} role='row' aria-rowindex='1' __excludeProps={['hidden']}>\n              {this.renderColumns(columnsChildren, 100 / this.columns.length)}\n            </SHead>\n          </ScrollArea.Container>\n          {Boolean(withScrollBar) && (\n            <div style={displayContents} role='rowgroup'>\n              <div style={displayContents} role='row'>\n                <div style={displayContents} role='cell'>\n                  <ScrollArea.Bar orientation='horizontal' />\n                </div>\n              </div>\n            </div>\n          )}\n        </ScrollArea>\n        {Children.origin}\n      </SHeadWrapper>,\n    );\n  }\n}\n\nexport default Head;\n"],"mappings":"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"}

package/data-table/lib/es6/style/data-table.shadow.css

@@ -105,7 +105,7 @@ SColumn[sortable] {
   }
   &[justifyContent='right'][active] SSortWrapper {
     position: relative;
-    flex-basis: calc(var(--intergalactic-spacing-1x, 4px) + 16px);
+    flex-basis: inherit;
     right: 0;
   }
 

package/data-table/lib/es6/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["ROW_GROUP"],"sources":["../../src/types.ts"],"sourcesContent":["import React from 'react';\nimport { ROW_GROUP } from './DataTable';\nimport { Property } from 'csstype';\nimport { FlexProps } from '@semcore/flex-box';\n\nexport type PseudoChildPropsGetter = (\n  props: { [propName: string]: unknown },\n  rowData: { [columnName: string]: unknown },\n  index: number,\n) => { [propName: string]: unknown };\nexport type PropsLayer = {\n  childrenPropsGetter?: PseudoChildPropsGetter;\n  [propName: string]: unknown;\n};\n\nexport type SortDirection = 'asc' | 'desc';\nexport type Column<\n  Props extends { [propName: string]: unknown } = { [propName: string]: unknown },\n> = {\n  name: string;\n  active: boolean;\n  width: number;\n  fixed?: 'left' | 'right';\n  resizable?: boolean;\n  sortable?: boolean | SortDirection;\n  sortDirection: SortDirection;\n  varWidth: string;\n  setVar: boolean;\n  data?: unknown;\n  vBorders?: boolean;\n  borderLeft?: boolean;\n  borderRight?: boolean;\n  props: {\n    name: string;\n    ref: React.RefObject<HTMLElement>;\n  } & FlexProps &\n    Partial<{\n      flex: Property.Flex;\n      onClick: (event: React.MouseEvent) => void;\n      onKeyDown: (event: React.KeyboardEvent) => void;\n      forwardRef: React.Ref<HTMLElement>;\n      style: React.CSSProperties;\n      fixed: 'left' | 'right';\n      resizable: boolean;\n      sortable: boolean | SortDirection;\n      sortDirection: SortDirection;\n      vBorders: boolean;\n      borderLeft: Property.BorderLeft;\n      borderRight: Property.BorderLeft;\n    }> &\n    Props;\n  columns: Column[];\n  parentColumns: Column[];\n};\nexport type Cell = Pick<Column, 'name' | 'fixed' | 'data'> & {\n  cssVar: string | string[];\n  cellPropsLayers: PropsLayer[];\n};\nexport type RowData<\n  Data extends { [columnName: string]: unknown } = { [columnName: string]: unknown },\n> = Data &\n  Partial<{\n    name: string;\n    [ROW_GROUP]: RowData[];\n  }>;\nexport type NestedCells = (Cell | NestedCells)[] & { flatRowData?: RowData };\n"],"mappings":"AACA,SAASA,SAAS,QAAQ,aAAa"}
+{"version":3,"file":"types.js","names":["ROW_GROUP"],"sources":["../../src/types.ts"],"sourcesContent":["import React from 'react';\nimport { ROW_GROUP } from './DataTable';\nimport { Property } from 'csstype';\nimport { FlexProps } from '@semcore/flex-box';\n\nexport type PseudoChildPropsGetter = (\n  props: { [propName: string]: unknown },\n  rowData: { [columnName: string]: unknown },\n  index: number,\n) => { [propName: string]: unknown };\nexport type PropsLayer = {\n  childrenPropsGetter?: PseudoChildPropsGetter;\n  [propName: string]: unknown;\n};\n\nexport type SortDirection = 'asc' | 'desc';\nexport type Column<\n  Props extends { [propName: string]: unknown } = { [propName: string]: unknown },\n> = {\n  name: string;\n  active: boolean;\n  width: number;\n  fixed?: 'left' | 'right';\n  resizable?: boolean;\n  sortable?: boolean | SortDirection;\n  sortDirection: SortDirection;\n  varWidth: string;\n  setVar: boolean;\n  data?: unknown;\n  vBorders?: boolean;\n  borderLeft?: boolean;\n  borderRight?: boolean;\n  props: {\n    name: string;\n    ref: React.RefObject<HTMLElement>;\n  } & FlexProps &\n    Partial<{\n      flex: Property.Flex;\n      onClick: (event: React.MouseEvent) => void;\n      onKeyDown: (event: React.KeyboardEvent) => void;\n      forwardRef: React.Ref<HTMLElement>;\n      style: React.CSSProperties;\n      fixed: 'left' | 'right';\n      resizable: boolean;\n      sortable: boolean | SortDirection;\n      sortDirection: SortDirection;\n      vBorders: boolean;\n      borderLeft: Property.BorderLeft;\n      borderRight: Property.BorderLeft;\n      changeSortSize?: boolean;\n      sortSizeRecalculation?: boolean;\n    }> &\n    Props;\n  columns: Column[];\n  parentColumns: Column[];\n};\nexport type Cell = Pick<Column, 'name' | 'fixed' | 'data'> & {\n  cssVar: string | string[];\n  cellPropsLayers: PropsLayer[];\n};\nexport type RowData<\n  Data extends { [columnName: string]: unknown } = { [columnName: string]: unknown },\n> = Data &\n  Partial<{\n    name: string;\n    [ROW_GROUP]: RowData[];\n  }>;\nexport type NestedCells = (Cell | NestedCells)[] & { flatRowData?: RowData };\n"],"mappings":"AACA,SAASA,SAAS,QAAQ,aAAa"}

package/data-table/lib/types/DataTable.d.ts

@@ -84,6 +84,16 @@ export type DataTableColumnProps = FlexProps & {
     borderRight?: boolean;
     /** Add vertical border to the left side of the cell */
     borderLeft?: boolean;
+    /**
+     * Enable changing column width with sort icon
+     * @default false
+     */
+    changeSortSize?: boolean;
+    /**
+     * Enable column to use as a column for recalculation width
+     * @default false (By default used first column with maximum width)
+     */
+    sortSizeRecalculation?: boolean;
 };
 /** @deprecated */
 export interface IDataTableBodyProps extends DataTableBodyProps, UnknownProperties {

package/data-table/lib/types/Head.d.ts

@@ -18,15 +18,20 @@ declare class Head extends Component<AsProps> {
     columns: Column[];
     static displayName: string;
     sortWrapperRefs: Map<Node, boolean>;
-    defaultWidths: Map<Node, {
+    defaultWidths: Map<HTMLElement, {
         minWidth: number;
+        maxWidth: number | null;
         computedWidth: number;
+        useForRecalculation: boolean;
     }>;
     bindHandlerSortClick: (name: string) => (event: React.MouseEvent) => void;
     bindHandlerKeyDown: (name: string) => (event: React.KeyboardEvent) => void;
     makeSortRefHandler: (active: boolean) => (ref: HTMLElement | null) => void;
     makeColumnRefHandler: (column: Column) => (ref: HTMLElement | null) => void;
-    calculateMinWidth: (node: HTMLElement, column: Column) => void;
+    componentDidUpdate(): void;
+    changeMaxNodeWidth: (diff: number, exceptNode: HTMLElement) => void;
+    backToColumnDefaults: (node: HTMLElement) => void;
+    calculateActiveColumnMinWidth: (node: HTMLElement) => void;
     renderColumns(columns: Column[], width: number): React.ReactNode[];
     renderColumn(column: Column, width: number): React.ReactNode;
     render(): React.ReactNode;

package/data-table/lib/types/types.d.ts

@@ -48,6 +48,8 @@ export type Column<Props extends {
         vBorders: boolean;
         borderLeft: Property.BorderLeft;
         borderRight: Property.BorderLeft;
+        changeSortSize?: boolean;
+        sortSizeRecalculation?: boolean;
     }> & Props;
     columns: Column[];
     parentColumns: Column[];

package/data-table/package.json

@@ -1 +1 @@
-{"name":"intergalactic/data-table","description":"Semrush DataTable Component","version":"4.42.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=ts"},"dependencies":{"@semcore/flex-box":"5.31.2","@semcore/icon":"4.44.0-prerelease.0","@semcore/scroll-area":"5.35.0","@semcore/utils":"4.32.2"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/base-trigger":"*","@semcore/dropdown-menu":"*","@semcore/typography":"*","@semcore/accordion":"*","@semcore/divider":"*","@semcore/portal":"*","@semcore/progress-bar":"*","@semcore/skeleton":"*","@semcore/spin":"*","@semcore/spin-container":"*","@semcore/tooltip":"*","@types/node":"^18.16.15","csstype":"3.0.8"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/data-table"}}
+{"name":"intergalactic/data-table","description":"Semrush DataTable Component","version":"4.43.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=ts"},"dependencies":{"@semcore/flex-box":"5.32.0-prerelease.0","@semcore/icon":"4.44.1-prerelease.0","@semcore/scroll-area":"5.36.0-prerelease.0","@semcore/utils":"4.35.0-prerelease.0"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/base-trigger":"*","@semcore/dropdown-menu":"*","@semcore/typography":"*","@semcore/accordion":"*","@semcore/divider":"*","@semcore/portal":"*","@semcore/progress-bar":"*","@semcore/skeleton":"*","@semcore/spin":"*","@semcore/spin-container":"*","@semcore/tooltip":"*","@types/node":"^18.16.15","csstype":"3.0.8"},"peerDependencies":{"@semcore/core":"^2.30.0-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/data-table"}}

package/data-table/types.d.ts

@@ -48,6 +48,8 @@ export type Column<Props extends {
         vBorders: boolean;
         borderLeft: Property.BorderLeft;
         borderRight: Property.BorderLeft;
+        changeSortSize?: boolean;
+        sortSizeRecalculation?: boolean;
     }> & Props;
     columns: Column[];
     parentColumns: Column[];

package/date-picker/lib/cjs/components/Calendar.js

@@ -31,27 +31,27 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/
 var _ScreenReaderOnly = require("intergalactic/utils/lib/ScreenReaderOnly");
 var _excluded = ["date"];
 /*__reshadow-styles__:"../style/calendar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCalendar_gd1cw_gg_{display:flex;flex-direction:column}.___SGridDays_gd1cw_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_gd1cw_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_gd1cw_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_gd1cw_gg_,.___SWeekDay_gd1cw_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_gd1cw_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_gd1cw_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s,box-shadow .15s,border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_gd1cw_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_gd1cw_gg_:focus{z-index:1}.___SCalendarUnit_gd1cw_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCalendarUnit_gd1cw_gg_.__today_gd1cw_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-date-picker-cell-current, #8a8e9b)}.___SCalendarUnit_gd1cw_gg_.___SCalendarUnit_gd1cw_gg_.__today_gd1cw_gg_.__endSelected_gd1cw_gg_:before,.___SCalendarUnit_gd1cw_gg_.___SCalendarUnit_gd1cw_gg_.__today_gd1cw_gg_.__startSelected_gd1cw_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_gd1cw_gg_.__highlighted_gd1cw_gg_,.___SCalendarUnit_gd1cw_gg_.__selected_gd1cw_gg_{border-radius:0;transition:color .15s,background .15s,box-shadow .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, #191b23)}.___SCalendarUnit_gd1cw_gg_.__selected_gd1cw_gg_{background-color:var(--intergalactic-date-picker-cell-range, #c4e5fe)}@media (hover:hover){.___SCalendarUnit_gd1cw_gg_.__selected_gd1cw_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_gd1cw_gg_.__highlighted_gd1cw_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}@media (hover:hover){.___SCalendarUnit_gd1cw_gg_.__highlighted_gd1cw_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_gd1cw_gg_.__startSelected_gd1cw_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SCalendarUnit_gd1cw_gg_.__startSelected_gd1cw_gg_:not(.__highlighted_gd1cw_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_gd1cw_gg_.__startSelected_gd1cw_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_gd1cw_gg_.__endSelected_gd1cw_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_gd1cw_gg_.__endSelected_gd1cw_gg_:not(.__highlighted_gd1cw_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_gd1cw_gg_.__endSelected_gd1cw_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_gd1cw_gg_.__startHighlighted_gd1cw_gg_:not(.__selected_gd1cw_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_gd1cw_gg_.__endHighlighted_gd1cw_gg_:not(.__selected_gd1cw_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_gd1cw_gg_.__startHighlighted_gd1cw_gg_.___SCalendarUnit_gd1cw_gg_.__endHighlighted_gd1cw_gg_,.___SCalendarUnit_gd1cw_gg_.__startSelected_gd1cw_gg_.___SCalendarUnit_gd1cw_gg_.__endSelected_gd1cw_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_gd1cw_gg_.__compareHighlighted_gd1cw_gg_{border-top:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-bottom:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-radius:0;transition:none}.___SCalendarUnit_gd1cw_gg_.__compareEndHighlighted_gd1cw_gg_,.___SCalendarUnit_gd1cw_gg_.__compareStartHighlighted_gd1cw_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SCalendarUnit_gd1cw_gg_.__compareEnd_gd1cw_gg_,.___SCalendarUnit_gd1cw_gg_.__compareStart_gd1cw_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SCalendarUnit_gd1cw_gg_.__compareEnd_gd1cw_gg_:hover,.___SCalendarUnit_gd1cw_gg_.__compareStart_gd1cw_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab)}}.___SCalendarUnit_gd1cw_gg_.__compareStartHighlighted_gd1cw_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_gd1cw_gg_.__compareEndHighlighted_gd1cw_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_gd1cw_gg_.__compareStart_gd1cw_gg_:not(.__compareHighlighted_gd1cw_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_gd1cw_gg_.__compareEnd_gd1cw_gg_:not(.__compareHighlighted_gd1cw_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_gd1cw_gg_.__outdated_gd1cw_gg_{opacity:.2}.___SCalendarUnit_gd1cw_gg_.__disabled_gd1cw_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_gd1cw_gg_,.___SCalendarUnit_gd1cw_gg_.__highlighted_gd1cw_gg_,.___SCalendarUnit_gd1cw_gg_.__selected_gd1cw_gg_{transition:none}}" /*__inner_css_end__*/, "gd1cw_gg_") /*__reshadow_css_end__*/, {
-  "__SCalendar": "___SCalendar_gd1cw_gg_",
-  "__SGridDays": "___SGridDays_gd1cw_gg_",
-  "__SGridMonths": "___SGridMonths_gd1cw_gg_",
-  "__SWeekDays": "___SWeekDays_gd1cw_gg_",
-  "__SWeekDay": "___SWeekDay_gd1cw_gg_",
-  "__SCalendarUnit": "___SCalendarUnit_gd1cw_gg_",
-  "_startHighlighted": "__startHighlighted_gd1cw_gg_",
-  "_selected": "__selected_gd1cw_gg_",
-  "_endHighlighted": "__endHighlighted_gd1cw_gg_",
-  "_startSelected": "__startSelected_gd1cw_gg_",
-  "_endSelected": "__endSelected_gd1cw_gg_",
-  "_compareHighlighted": "__compareHighlighted_gd1cw_gg_",
-  "_compareStartHighlighted": "__compareStartHighlighted_gd1cw_gg_",
-  "_compareEndHighlighted": "__compareEndHighlighted_gd1cw_gg_",
-  "_compareStart": "__compareStart_gd1cw_gg_",
-  "_compareEnd": "__compareEnd_gd1cw_gg_",
-  "_outdated": "__outdated_gd1cw_gg_",
-  "_disabled": "__disabled_gd1cw_gg_",
-  "_highlighted": "__highlighted_gd1cw_gg_",
-  "_today": "__today_gd1cw_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCalendar_1e6i0_gg_{display:flex;flex-direction:column}.___SGridDays_1e6i0_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1e6i0_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_1e6i0_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_1e6i0_gg_,.___SWeekDay_1e6i0_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_1e6i0_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_1e6i0_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s,box-shadow .15s,border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_1e6i0_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_1e6i0_gg_:focus{z-index:1}.___SCalendarUnit_1e6i0_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCalendarUnit_1e6i0_gg_.__today_1e6i0_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-date-picker-cell-current, #8a8e9b)}.___SCalendarUnit_1e6i0_gg_.___SCalendarUnit_1e6i0_gg_.__today_1e6i0_gg_.__endSelected_1e6i0_gg_:before,.___SCalendarUnit_1e6i0_gg_.___SCalendarUnit_1e6i0_gg_.__today_1e6i0_gg_.__startSelected_1e6i0_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_1e6i0_gg_.__highlighted_1e6i0_gg_,.___SCalendarUnit_1e6i0_gg_.__selected_1e6i0_gg_{border-radius:0;transition:color .15s,background .15s,box-shadow .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, #191b23)}.___SCalendarUnit_1e6i0_gg_.__selected_1e6i0_gg_{background-color:var(--intergalactic-date-picker-cell-range, #c4e5fe)}@media (hover:hover){.___SCalendarUnit_1e6i0_gg_.__selected_1e6i0_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_1e6i0_gg_.__highlighted_1e6i0_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}@media (hover:hover){.___SCalendarUnit_1e6i0_gg_.__highlighted_1e6i0_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_1e6i0_gg_.__startSelected_1e6i0_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SCalendarUnit_1e6i0_gg_.__startSelected_1e6i0_gg_:not(.__highlighted_1e6i0_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_1e6i0_gg_.__startSelected_1e6i0_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_1e6i0_gg_.__endSelected_1e6i0_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_1e6i0_gg_.__endSelected_1e6i0_gg_:not(.__highlighted_1e6i0_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_1e6i0_gg_.__endSelected_1e6i0_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_1e6i0_gg_.__startHighlighted_1e6i0_gg_:not(.__selected_1e6i0_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_1e6i0_gg_.__endHighlighted_1e6i0_gg_:not(.__selected_1e6i0_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1e6i0_gg_.__startHighlighted_1e6i0_gg_.___SCalendarUnit_1e6i0_gg_.__endHighlighted_1e6i0_gg_,.___SCalendarUnit_1e6i0_gg_.__startSelected_1e6i0_gg_.___SCalendarUnit_1e6i0_gg_.__endSelected_1e6i0_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1e6i0_gg_.__compareHighlighted_1e6i0_gg_{border-top:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-bottom:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-radius:0;transition:none}.___SCalendarUnit_1e6i0_gg_.__compareEndHighlighted_1e6i0_gg_,.___SCalendarUnit_1e6i0_gg_.__compareStartHighlighted_1e6i0_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SCalendarUnit_1e6i0_gg_.__compareEnd_1e6i0_gg_,.___SCalendarUnit_1e6i0_gg_.__compareStart_1e6i0_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SCalendarUnit_1e6i0_gg_.__compareEnd_1e6i0_gg_:hover,.___SCalendarUnit_1e6i0_gg_.__compareStart_1e6i0_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab)}}.___SCalendarUnit_1e6i0_gg_.__compareStartHighlighted_1e6i0_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1e6i0_gg_.__compareEndHighlighted_1e6i0_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1e6i0_gg_.__compareStart_1e6i0_gg_:not(.__compareHighlighted_1e6i0_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1e6i0_gg_.__compareEnd_1e6i0_gg_:not(.__compareHighlighted_1e6i0_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1e6i0_gg_.__outdated_1e6i0_gg_{opacity:.2}.___SCalendarUnit_1e6i0_gg_.__disabled_1e6i0_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_1e6i0_gg_,.___SCalendarUnit_1e6i0_gg_.__highlighted_1e6i0_gg_,.___SCalendarUnit_1e6i0_gg_.__selected_1e6i0_gg_{transition:none}}" /*__inner_css_end__*/, "1e6i0_gg_") /*__reshadow_css_end__*/, {
+  "__SCalendar": "___SCalendar_1e6i0_gg_",
+  "__SGridDays": "___SGridDays_1e6i0_gg_",
+  "__SGridMonths": "___SGridMonths_1e6i0_gg_",
+  "__SWeekDays": "___SWeekDays_1e6i0_gg_",
+  "__SWeekDay": "___SWeekDay_1e6i0_gg_",
+  "__SCalendarUnit": "___SCalendarUnit_1e6i0_gg_",
+  "_startHighlighted": "__startHighlighted_1e6i0_gg_",
+  "_selected": "__selected_1e6i0_gg_",
+  "_endHighlighted": "__endHighlighted_1e6i0_gg_",
+  "_startSelected": "__startSelected_1e6i0_gg_",
+  "_endSelected": "__endSelected_1e6i0_gg_",
+  "_compareHighlighted": "__compareHighlighted_1e6i0_gg_",
+  "_compareStartHighlighted": "__compareStartHighlighted_1e6i0_gg_",
+  "_compareEndHighlighted": "__compareEndHighlighted_1e6i0_gg_",
+  "_compareStart": "__compareStart_1e6i0_gg_",
+  "_compareEnd": "__compareEnd_1e6i0_gg_",
+  "_outdated": "__outdated_1e6i0_gg_",
+  "_disabled": "__disabled_1e6i0_gg_",
+  "_highlighted": "__highlighted_1e6i0_gg_",
+  "_today": "__today_1e6i0_gg_"
 });
 _dayjs["default"].extend(_isBetween["default"]);
 var range = function range(N, cb) {

package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js

@@ -35,35 +35,35 @@ var _baseTrigger = require("intergalactic/base-trigger");
 var _includesDate = require("../utils/includesDate");
 var _formatDate = require("../utils/formatDate");
 /*__reshadow-styles__:"../style/date-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPopper_16p8n_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_16p8n_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_16p8n_gg_:active,.___SPopper_16p8n_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_16p8n_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_16p8n_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_16p8n_gg_,.___STitle_16p8n_gg_{display:flex;align-items:center}.___STitle_16p8n_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_16p8n_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_16p8n_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_16p8n_gg_ .___SInner_16p8n_gg_{justify-content:flex-start}.___SInputMask_16p8n_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_16p8n_gg_.__animationsDisabled_16p8n_gg_{transition:none}.___SInputMask_16p8n_gg_ .___SValue_16p8n_gg_{letter-spacing:0}.___SIndicator_16p8n_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_16p8n_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_16p8n_gg_._range_value_16p8n_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_16p8n_gg_._range_compare_16p8n_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_16p8n_gg_.__disabled_16p8n_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_16p8n_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_16p8n_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_16p8n_gg_ .___SMask_16p8n_gg_,.___SDateRange_16p8n_gg_ .___SValue_16p8n_gg_,.___SSingleDateInput_16p8n_gg_ .___SMask_16p8n_gg_,.___SSingleDateInput_16p8n_gg_ .___SValue_16p8n_gg_{opacity:0}.___SSingleDateInput_16p8n_gg_:focus-within .___SHumanizedDate_16p8n_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_16p8n_gg_:focus-within .___SMask_16p8n_gg_,.___SSingleDateInput_16p8n_gg_:focus-within .___SValue_16p8n_gg_{opacity:1}.___SDateRange_16p8n_gg_:focus-within .___SHumanizedDate_16p8n_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_16p8n_gg_:focus-within .___SMask_16p8n_gg_,.___SDateRange_16p8n_gg_:focus-within .___SValue_16p8n_gg_{opacity:1}.___SInputMask_16p8n_gg_.__noHumanizedDate_16p8n_gg_ .___SMask_16p8n_gg_,.___SInputMask_16p8n_gg_.__noHumanizedDate_16p8n_gg_ .___SValue_16p8n_gg_{opacity:1}.___SDateRange_16p8n_gg_ .___SInputMask_16p8n_gg_:focus-within .___SMask_16p8n_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_16p8n_gg_:focus-within .___SRangeSep_16p8n_gg_,.___SRangeSep_16p8n_gg_.__fulfilled_16p8n_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_16p8n_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_16p8n_gg_,.___SRangeComparatorHeader_16p8n_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_16p8n_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_16p8n_gg_,.___SPeriodsList_16p8n_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_16p8n_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_16p8n_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_16p8n_gg_{transition:none}}" /*__inner_css_end__*/, "16p8n_gg_") /*__reshadow_css_end__*/, {
-  "__SHeader": "___SHeader_16p8n_gg_",
-  "__STitle": "___STitle_16p8n_gg_",
-  "__SToday": "___SToday_16p8n_gg_",
-  "__SPeriod": "___SPeriod_16p8n_gg_",
-  "__SButton": "___SButton_16p8n_gg_",
-  "__SInner": "___SInner_16p8n_gg_",
-  "__SInputMask": "___SInputMask_16p8n_gg_",
-  "_animationsDisabled": "__animationsDisabled_16p8n_gg_",
-  "__SValue": "___SValue_16p8n_gg_",
-  "__SIndicator": "___SIndicator_16p8n_gg_",
-  "__SRangeIndicator": "___SRangeIndicator_16p8n_gg_",
-  "_range_value": "_range_value_16p8n_gg_",
-  "_range_compare": "_range_compare_16p8n_gg_",
-  "_disabled": "__disabled_16p8n_gg_",
-  "__SHumanizedDate": "___SHumanizedDate_16p8n_gg_",
-  "__SMask": "___SMask_16p8n_gg_",
-  "__SSingleDateInput": "___SSingleDateInput_16p8n_gg_",
-  "__SDateRange": "___SDateRange_16p8n_gg_",
-  "_noHumanizedDate": "__noHumanizedDate_16p8n_gg_",
-  "__SRangeSep": "___SRangeSep_16p8n_gg_",
-  "_fulfilled": "__fulfilled_16p8n_gg_",
-  "__SRangeComparatorHeader": "___SRangeComparatorHeader_16p8n_gg_",
-  "__SRangeCalendar": "___SRangeCalendar_16p8n_gg_",
-  "__SFooter": "___SFooter_16p8n_gg_",
-  "__SPeriodsList": "___SPeriodsList_16p8n_gg_",
-  "__STooltip": "___STooltip_16p8n_gg_",
-  "__SCompareToggle": "___SCompareToggle_16p8n_gg_",
-  "__SPopper": "___SPopper_16p8n_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPopper_1nfcf_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1nfcf_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1nfcf_gg_:active,.___SPopper_1nfcf_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1nfcf_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_1nfcf_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1nfcf_gg_,.___STitle_1nfcf_gg_{display:flex;align-items:center}.___STitle_1nfcf_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1nfcf_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1nfcf_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1nfcf_gg_ .___SInner_1nfcf_gg_{justify-content:flex-start}.___SInputMask_1nfcf_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_1nfcf_gg_.__animationsDisabled_1nfcf_gg_{transition:none}.___SInputMask_1nfcf_gg_ .___SValue_1nfcf_gg_{letter-spacing:0}.___SIndicator_1nfcf_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1nfcf_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1nfcf_gg_._range_value_1nfcf_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1nfcf_gg_._range_compare_1nfcf_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1nfcf_gg_.__disabled_1nfcf_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1nfcf_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1nfcf_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1nfcf_gg_ .___SMask_1nfcf_gg_,.___SDateRange_1nfcf_gg_ .___SValue_1nfcf_gg_,.___SSingleDateInput_1nfcf_gg_ .___SMask_1nfcf_gg_,.___SSingleDateInput_1nfcf_gg_ .___SValue_1nfcf_gg_{opacity:0}.___SSingleDateInput_1nfcf_gg_:focus-within .___SHumanizedDate_1nfcf_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1nfcf_gg_:focus-within .___SMask_1nfcf_gg_,.___SSingleDateInput_1nfcf_gg_:focus-within .___SValue_1nfcf_gg_{opacity:1}.___SDateRange_1nfcf_gg_:focus-within .___SHumanizedDate_1nfcf_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1nfcf_gg_:focus-within .___SMask_1nfcf_gg_,.___SDateRange_1nfcf_gg_:focus-within .___SValue_1nfcf_gg_{opacity:1}.___SInputMask_1nfcf_gg_.__noHumanizedDate_1nfcf_gg_ .___SMask_1nfcf_gg_,.___SInputMask_1nfcf_gg_.__noHumanizedDate_1nfcf_gg_ .___SValue_1nfcf_gg_{opacity:1}.___SDateRange_1nfcf_gg_ .___SInputMask_1nfcf_gg_:focus-within .___SMask_1nfcf_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1nfcf_gg_:focus-within .___SRangeSep_1nfcf_gg_,.___SRangeSep_1nfcf_gg_.__fulfilled_1nfcf_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1nfcf_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1nfcf_gg_,.___SRangeComparatorHeader_1nfcf_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1nfcf_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1nfcf_gg_,.___SPeriodsList_1nfcf_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1nfcf_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1nfcf_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1nfcf_gg_{transition:none}}" /*__inner_css_end__*/, "1nfcf_gg_") /*__reshadow_css_end__*/, {
+  "__SHeader": "___SHeader_1nfcf_gg_",
+  "__STitle": "___STitle_1nfcf_gg_",
+  "__SToday": "___SToday_1nfcf_gg_",
+  "__SPeriod": "___SPeriod_1nfcf_gg_",
+  "__SButton": "___SButton_1nfcf_gg_",
+  "__SInner": "___SInner_1nfcf_gg_",
+  "__SInputMask": "___SInputMask_1nfcf_gg_",
+  "_animationsDisabled": "__animationsDisabled_1nfcf_gg_",
+  "__SValue": "___SValue_1nfcf_gg_",
+  "__SIndicator": "___SIndicator_1nfcf_gg_",
+  "__SRangeIndicator": "___SRangeIndicator_1nfcf_gg_",
+  "_range_value": "_range_value_1nfcf_gg_",
+  "_range_compare": "_range_compare_1nfcf_gg_",
+  "_disabled": "__disabled_1nfcf_gg_",
+  "__SHumanizedDate": "___SHumanizedDate_1nfcf_gg_",
+  "__SMask": "___SMask_1nfcf_gg_",
+  "__SSingleDateInput": "___SSingleDateInput_1nfcf_gg_",
+  "__SDateRange": "___SDateRange_1nfcf_gg_",
+  "_noHumanizedDate": "__noHumanizedDate_1nfcf_gg_",
+  "__SRangeSep": "___SRangeSep_1nfcf_gg_",
+  "_fulfilled": "__fulfilled_1nfcf_gg_",
+  "__SRangeComparatorHeader": "___SRangeComparatorHeader_1nfcf_gg_",
+  "__SRangeCalendar": "___SRangeCalendar_1nfcf_gg_",
+  "__SFooter": "___SFooter_1nfcf_gg_",
+  "__SPeriodsList": "___SPeriodsList_1nfcf_gg_",
+  "__STooltip": "___STooltip_1nfcf_gg_",
+  "__SCompareToggle": "___SCompareToggle_1nfcf_gg_",
+  "__SPopper": "___SPopper_1nfcf_gg_"
 });
 var INTERACTION_TAGS = ['INPUT'];
 var INTERACTION_KEYS = ['ArrowDown', 'Enter', ' '];