@adaptabletools/adaptable-angular-aggrid 24.0.0-canary.6 → 24.0.0-canary.8

package/index.css

@@ -611,6 +611,9 @@
   .twa\:field-sizing-content {
     field-sizing: content;
   }
+  .twa\:aspect-auto {
+    aspect-ratio: auto;
+  }
   .twa\:aspect-square {
     aspect-ratio: 1 / 1;
   }
@@ -662,10 +665,6 @@
     width: calc(var(--ab-base-space) * 16);
     height: calc(var(--ab-base-space) * 16);
   }
-  .twa\:size-\[calc\(100\%-2\*var\(--ab-base-space\)\)\] {
-    width: calc(100% - 2 * var(--ab-base-space));
-    height: calc(100% - 2 * var(--ab-base-space));
-  }
   .twa\:size-auto {
     width: auto;
     height: auto;
@@ -721,9 +720,6 @@
   .twa\:h-\[22px\] {
     height: 22px;
   }
-  .twa\:h-\[24px\] {
-    height: 24px;
-  }
   .twa\:h-\[33px\] {
     height: 33px;
   }
@@ -736,6 +732,9 @@
   .twa\:h-\[calc\(100\%-1px\)\] {
     height: calc(100% - 1px);
   }
+  .twa\:h-\[calc\(100\%-2\*var\(--ab-base-space\)\)\] {
+    height: calc(100% - 2 * var(--ab-base-space));
+  }
   .twa\:h-\[min\(22rem\,var\(--total-size\)\)\] {
     height: min(22rem, var(--total-size));
   }
@@ -907,6 +906,9 @@
   .twa\:w-8 {
     width: calc(var(--ab-base-space) * 8);
   }
+  .twa\:w-12 {
+    width: calc(var(--ab-base-space) * 12);
+  }
   .twa\:w-20 {
     width: calc(var(--ab-base-space) * 20);
   }
@@ -955,9 +957,6 @@
   .twa\:w-\[15rem\] {
     width: 15rem;
   }
-  .twa\:w-\[36px\] {
-    width: 36px;
-  }
   .twa\:w-\[44px\] {
     width: 44px;
   }
@@ -1027,6 +1026,9 @@
   .twa\:max-w-3xl {
     max-width: var(--twa-container-3xl);
   }
+  .twa\:max-w-28 {
+    max-width: calc(var(--ab-base-space) * 28);
+  }
   .twa\:max-w-50 {
     max-width: calc(var(--ab-base-space) * 50);
   }
@@ -2444,9 +2446,6 @@
   .twa\:opacity-0 {
     opacity: 0%;
   }
-  .twa\:opacity-30 {
-    opacity: 30%;
-  }
   .twa\:opacity-50 {
     opacity: 50%;
   }
@@ -4112,19 +4111,6 @@
       background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
     }
   }
-  .twa\:\[\&_\.ab-ColorPicker-swatch\]\:absolute .ab-ColorPicker-swatch {
-    position: absolute;
-  }
-  .twa\:\[\&_\.ab-ColorPicker-swatch\]\:inset-0 .ab-ColorPicker-swatch {
-    inset: 0px;
-  }
-  .twa\:\[\&_\.ab-ColorPicker-swatch\]\:size-full .ab-ColorPicker-swatch {
-    width: 100%;
-    height: 100%;
-  }
-  .twa\:\[\&_\.ab-ColorPicker-swatch\]\:opacity-0 .ab-ColorPicker-swatch {
-    opacity: 0%;
-  }
   .twa\:\[\&_\.ab-Input\]\:w-full .ab-Input {
     width: 100%;
   }
@@ -6360,26 +6346,26 @@
     --ab-color-palette-10: #4a5568;
     --ab-color-palette-11: #f3e8ff;
     --ab-color-palette-12: #553c9a;
-    --ab-color-swatch-1: #000000;
-    --ab-color-swatch-2: #ffffff;
-    --ab-color-swatch-3: #d3d3d3;
-    --ab-color-swatch-4: #808080;
-    --ab-color-swatch-5: #a52a2a;
-    --ab-color-swatch-6: #006400;
-    --ab-color-swatch-7: #008000;
-    --ab-color-swatch-8: #32cd32;
-    --ab-color-swatch-9: #ffff00;
-    --ab-color-swatch-10: #ffffe0;
-    --ab-color-swatch-11: #00008b;
-    --ab-color-swatch-12: #0000ff;
-    --ab-color-swatch-13: #87cefa;
-    --ab-color-swatch-14: #00ffff;
-    --ab-color-swatch-15: #ff00ff;
-    --ab-color-swatch-16: #800080;
-    --ab-color-swatch-17: #8b0000;
-    --ab-color-swatch-18: #ff0000;
-    --ab-color-swatch-19: #dc143c;
-    --ab-color-swatch-20: #ffa500;
+    --ab-color-palette-13: #000000;
+    --ab-color-palette-14: #ffffff;
+    --ab-color-palette-15: #d3d3d3;
+    --ab-color-palette-16: #808080;
+    --ab-color-palette-17: #a52a2a;
+    --ab-color-palette-18: #006400;
+    --ab-color-palette-19: #008000;
+    --ab-color-palette-20: #32cd32;
+    --ab-color-palette-21: #ffff00;
+    --ab-color-palette-22: #ffffe0;
+    --ab-color-palette-23: #00008b;
+    --ab-color-palette-24: #0000ff;
+    --ab-color-palette-25: #87cefa;
+    --ab-color-palette-26: #00ffff;
+    --ab-color-palette-27: #ff00ff;
+    --ab-color-palette-28: #800080;
+    --ab-color-palette-29: #8b0000;
+    --ab-color-palette-30: #ff0000;
+    --ab-color-palette-31: #dc143c;
+    --ab-color-palette-32: #ffa500;
     --ab-icon-fill: currentColor;
     --ab-custom-scrollbar-size: 8px;
     --ab-color-custom-scrollbar-track: var(--ab-color-background);
@@ -9000,133 +8986,6 @@
   .ab-ModuleSelector__UnusedGroups--row .ab-ModuleSelector__UnusedPanel {
     margin-bottom: 0;
   }
-  .ab-ColorPicker-swatch {
-    width: 36px;
-    height: 24px;
-    min-height: 24px !important;
-    padding: 0;
-    box-sizing: border-box;
-    flex-shrink: 0;
-    cursor: pointer;
-  }
-  .ab-ColorPicker-swatch::-webkit-color-swatch-wrapper {
-    padding: 0;
-  }
-  .ab-ColorPicker-swatch::-webkit-color-swatch {
-    border: none;
-    border-radius: calc(var(--ab-border-radius-input, 4px) - 1px);
-  }
-  .ab-ColorPicker-swatch::-moz-color-swatch {
-    border: none;
-  }
-  .ab-OptionalColorPicker-empty {
-    width: 36px;
-    height: 24px;
-    min-height: 24px;
-    padding: 0;
-    border: 1px dashed var(--ab-color-border, #ccc);
-    border-radius: var(--ab-border-radius-input, 4px);
-    cursor: pointer;
-    background-color: #fff;
-    background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 25%), linear-gradient(-45deg, #e0e0e0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e0e0e0 75%), linear-gradient(-45deg, transparent 75%, #e0e0e0 75%);
-    background-size: 6px 6px;
-    background-position: 0 0, 0 3px, 3px -3px, -3px 0;
-  }
-  .ab-OptionalColorPicker-empty:hover:not(:disabled) {
-    border-color: var(--ab-color-accent, #43429e);
-  }
-  .ab-OptionalColorPicker-empty:disabled {
-    opacity: 0.3;
-    cursor: not-allowed;
-  }
-  .ab-ColorPicker-range[type='range'] {
-    width: 120px;
-    margin: 0;
-    height: 12px !important;
-    min-height: 12px !important;
-    padding: 0;
-    border-radius: 6px;
-    -webkit-appearance: none;
-    appearance: none;
-  }
-  .ab-ColorPicker-range[type='range']:focus {
-    outline: none;
-  }
-  .ab-ColorPicker-range[type='range']::-webkit-slider-runnable-track {
-    background: transparent;
-    border: 0;
-    width: 100%;
-    height: 12px;
-    cursor: pointer;
-  }
-  .ab-ColorPicker-range[type='range']::-webkit-slider-thumb {
-    margin-top: -4px;
-    width: 20px;
-    height: 20px;
-    background: #ffffff;
-    border: 1px solid #000000;
-    border-radius: 50%;
-    cursor: pointer;
-    -webkit-appearance: none;
-    box-sizing: border-box;
-  }
-  .ab-ColorPicker-range[type='range']:focus::-webkit-slider-runnable-track {
-    background: none;
-  }
-  .ab-ColorPicker-range[type='range']::-moz-range-track {
-    background: transparent;
-    border: 0;
-    width: 100%;
-    height: 12px;
-    cursor: pointer;
-  }
-  .ab-ColorPicker-range[type='range']::-moz-range-thumb {
-    width: 20px;
-    height: 20px;
-    background: #ffffff;
-    border: 1px solid #000000;
-    border-radius: 50%;
-    cursor: pointer;
-    box-sizing: border-box;
-  }
-  .ab-ColorPicker-range[type='range']::-ms-track {
-    background: transparent;
-    border-color: transparent;
-    border-width: 1px 0;
-    color: transparent;
-    width: 100%;
-    height: 12px;
-    cursor: pointer;
-  }
-  .ab-ColorPicker-range[type='range']::-ms-fill-lower {
-    background: #43429e;
-    border: 0;
-  }
-  .ab-ColorPicker-range[type='range']::-ms-fill-upper {
-    background: none;
-    border: 0;
-  }
-  .ab-ColorPicker-range[type='range']::-ms-thumb {
-    width: 20px;
-    height: 20px;
-    background: #ffffff;
-    border: 1px solid #000000;
-    border-radius: 50%;
-    cursor: pointer;
-    margin-top: 0px;
-    box-sizing: border-box;
-  }
-  .ab-ColorPicker-range[type='range']:focus::-ms-fill-lower {
-    background: none;
-  }
-  .ab-ColorPicker-range[type='range']:focus::-ms-fill-upper {
-    background: none;
-  }
-  @supports (-ms-ime-align: auto) {
-    .ab-ColorPicker-range[type='range'] {
-      margin: 0;
-    }
-  }
   .ab-AdaptableOptions {
     background: var(--ab-cmp-adaptable-options__background-color);
   }
@@ -9665,6 +9524,10 @@
     min-width: 0;
     max-width: none;
     width: 100%;
+    --ab-color-input-background: var(--ab-color-primarylight);
+  }
+  .ab--theme-dark .ab-AgGridColumnFilter-host--tool-panel, .ab--theme-dark .ab-ColumnFilter--tool-panel {
+    --ab-color-input-background: unset;
   }
   .ab-IconSelector__Popup {
     color: var(--ab-cmp-icon-selector__popup__color);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-angular-aggrid",
-  "version": "24.0.0-canary.6",
+  "version": "24.0.0-canary.8",
   "description": "Angular version of AdapTable - the powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements",
   "license": "contact sales@adaptabletools.com for details",
   "peerDependencies": {
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "tslib": "^2.8.1",
-    "@adaptabletools/adaptable": "24.0.0-canary.6"
+    "@adaptabletools/adaptable": "24.0.0-canary.8"
   },
   "exports": {
     "./index.css": "./index.css",