apex-grid 1.0.0 → 1.1.0

package/dist/src/styles/header-cell/header-cell-styles.css.js

@@ -1,141 +0,0 @@
-import { css } from 'lit';
-export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-:host {
-  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
-  --is-medium:
-      min(
-          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
-          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
-      );
-  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
-  --component-size: 3;
-}
-
-:host {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  position: relative;
-  -webkit-border-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));
-          border-inline-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));
-  font-weight: 600;
-  font-size: 0.75rem;
-}
-
-:host(:last-of-type) {
-  -webkit-border-end: none;
-          border-inline-end: none;
-}
-
-[part~=content] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  width: 100%;
-  height: 100%;
-  padding: 0 max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));
-  font-weight: 500;
-  overflow: hidden;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-
-[part~=title] {
-  display: block;
-  position: relative;
-  cursor: initial;
-  white-space: nowrap;
-  -o-text-overflow: ellipsis;
-     text-overflow: ellipsis;
-  overflow: hidden;
-  min-width: 3ch;
-}
-
-[part~=actions] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  gap: 0.25rem;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-
-[part~=action] {
-  cursor: pointer;
-  opacity: 0.7;
-  -webkit-transition: opacity 0.25s ease-in-out;
-  -o-transition: opacity 0.25s ease-in-out;
-  transition: opacity 0.25s ease-in-out;
-}
-[part~=action]:hover, [part~=action]:focus {
-  opacity: 1;
-}
-[part~=action] igc-icon {
-  --size: 0.9375rem;
-  color: var(--igx-icon-color, var(--icon-color));
-}
-[part~=action] igc-icon::after {
-  content: attr(data-sortIndex);
-  position: absolute;
-  top: -5px;
-  inset-inline-end: -1px;
-  font-size: 0.625rem;
-  text-align: end;
-  font-family: sans-serif;
-  line-height: 0.625rem;
-  color: var(--igx-sorted-header-icon-color, var(--sorted-header-icon-color));
-}
-
-[part~=sorted],
-[part~=filtered] {
-  color: var(--igx-sorted-header-icon-color, var(--sorted-header-icon-color));
-}
-[part~=sorted] igc-icon,
-[part~=filtered] igc-icon {
-  color: var(--igx-sorted-header-icon-color, var(--sorted-header-icon-color));
-}
-
-[part~=filtered] {
-  background: var(--igx-filtering-header-background, var(--filtering-header-background));
-}
-
-[part~=action]:empty {
-  display: none;
-}
-
-[part~=resizable] {
-  width: 0.25rem;
-  height: 100%;
-  position: absolute;
-  inset-inline-end: -0.125rem;
-  z-index: var(--z-index-base);
-  cursor: col-resize;
-}
-
-[part~=filter] {
-  position: relative;
-}
-
-[part~=filter-count] {
-  position: absolute;
-  top: -5px;
-  inset-inline-end: -1px;
-  font-size: 0.625rem;
-  text-align: end;
-  font-family: sans-serif;
-  line-height: 0.625rem;
-  color: currentcolor;
-}`;
-//# sourceMappingURL=header-cell-styles.css.js.map

package/dist/src/styles/header-cell/header-cell-styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-cell-styles.css.js","sourceRoot":"","sources":["../../../../src/styles/header-cell/header-cell-styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0IvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  --component-size: 3;\n}\n\n:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  position: relative;\n  -webkit-border-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));\n          border-inline-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));\n  font-weight: 600;\n  font-size: 0.75rem;\n}\n\n:host(:last-of-type) {\n  -webkit-border-end: none;\n          border-inline-end: none;\n}\n\n[part~=content] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  padding: 0 max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));\n  font-weight: 500;\n  overflow: hidden;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n\n[part~=title] {\n  display: block;\n  position: relative;\n  cursor: initial;\n  white-space: nowrap;\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  overflow: hidden;\n  min-width: 3ch;\n}\n\n[part~=actions] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  gap: 0.25rem;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n[part~=action] {\n  cursor: pointer;\n  opacity: 0.7;\n  -webkit-transition: opacity 0.25s ease-in-out;\n  -o-transition: opacity 0.25s ease-in-out;\n  transition: opacity 0.25s ease-in-out;\n}\n[part~=action]:hover, [part~=action]:focus {\n  opacity: 1;\n}\n[part~=action] igc-icon {\n  --size: 0.9375rem;\n  color: var(--igx-icon-color, var(--icon-color));\n}\n[part~=action] igc-icon::after {\n  content: attr(data-sortIndex);\n  position: absolute;\n  top: -5px;\n  inset-inline-end: -1px;\n  font-size: 0.625rem;\n  text-align: end;\n  font-family: sans-serif;\n  line-height: 0.625rem;\n  color: var(--igx-sorted-header-icon-color, var(--sorted-header-icon-color));\n}\n\n[part~=sorted],\n[part~=filtered] {\n  color: var(--igx-sorted-header-icon-color, var(--sorted-header-icon-color));\n}\n[part~=sorted] igc-icon,\n[part~=filtered] igc-icon {\n  color: var(--igx-sorted-header-icon-color, var(--sorted-header-icon-color));\n}\n\n[part~=filtered] {\n  background: var(--igx-filtering-header-background, var(--filtering-header-background));\n}\n\n[part~=action]:empty {\n  display: none;\n}\n\n[part~=resizable] {\n  width: 0.25rem;\n  height: 100%;\n  position: absolute;\n  inset-inline-end: -0.125rem;\n  z-index: var(--z-index-base);\n  cursor: col-resize;\n}\n\n[part~=filter] {\n  position: relative;\n}\n\n[part~=filter-count] {\n  position: absolute;\n  top: -5px;\n  inset-inline-end: -1px;\n  font-size: 0.625rem;\n  text-align: end;\n  font-family: sans-serif;\n  line-height: 0.625rem;\n  color: currentcolor;\n}`;\n"]}

package/dist/src/styles/header-row/header-row.base-styles.css.d.ts

@@ -1,2 +0,0 @@
-export declare const styles: import("lit").CSSResult;
-//# sourceMappingURL=header-row.base-styles.css.d.ts.map

package/dist/src/styles/header-row/header-row.base-styles.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-row.base-styles.css.d.ts","sourceRoot":"","sources":["../../../../src/styles/header-row/header-row.base-styles.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAgCjB,CAAC"}

package/dist/src/styles/header-row/header-row.base-styles.css.js

@@ -1,35 +0,0 @@
-import { css } from 'lit';
-export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-:host {
-  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
-  --is-medium:
-      min(
-          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
-          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
-      );
-  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
-  --component-size: 3;
-}
-
-:host {
-  display: grid;
-  grid-row: header-row;
-  min-height: max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.125rem, -1 * 2.125rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem));
-  background: var(--igx-header-background, var(--header-background));
-  color: var(--igx-header-text-color, var(--header-text-color));
-  contain: content;
-  -webkit-border-after: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));
-          border-block-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));
-  z-index: var(--z-index-base);
-  -webkit-padding-end: var(--scrollbar-offset);
-          padding-inline-end: var(--scrollbar-offset);
-}
-
-:host(:focus) {
-  outline: none;
-}
-
-[part=filtered] {
-  background: var(--igx-filtering-header-background, var(--filtering-header-background));
-}`;
-//# sourceMappingURL=header-row.base-styles.css.js.map

package/dist/src/styles/header-row/header-row.base-styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-row.base-styles.css.js","sourceRoot":"","sources":["../../../../src/styles/header-row/header-row.base-styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  --component-size: 3;\n}\n\n:host {\n  display: grid;\n  grid-row: header-row;\n  min-height: max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.125rem, -1 * 2.125rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem));\n  background: var(--igx-header-background, var(--header-background));\n  color: var(--igx-header-text-color, var(--header-text-color));\n  contain: content;\n  -webkit-border-after: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));\n          border-block-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));\n  z-index: var(--z-index-base);\n  -webkit-padding-end: var(--scrollbar-offset);\n          padding-inline-end: var(--scrollbar-offset);\n}\n\n:host(:focus) {\n  outline: none;\n}\n\n[part=filtered] {\n  background: var(--igx-filtering-header-background, var(--filtering-header-background));\n}`;\n"]}