@pepperi-addons/ngx-lib 0.2.59-query-builder.13 → 0.2.61-beta.2

package/quantity-selector/quantity-selector.component.theme.scss

@@ -1,77 +1,79 @@
-// ******************************************************************************
-//                       QS styles declerations
-// ******************************************************************************
-@mixin pep-qs-action-state-button($pepperi-theme, $style, $color-name: color-qs) {
-    @include pep-button-states($pepperi-theme, $style, $color-name);
-
-    &.qs-action {
-        @include pep-button-states($pepperi-theme, weak, $color-name);
-        box-shadow: unset;
-        border: unset;
-        @include fix-inline-z-index();
-    }
-}
-
-@mixin pep-qs-states($pepperi-theme, $style) {
-    .mat-form-field {
-        @include pep-form-field-states($pepperi-theme, $style, color-qs);
-    }
-
-    // .pepperi-button:not(.qs-action), .pep-button:not(.qs-action) {
-    .pepperi-button, .pep-button {
-        @include pep-qs-action-state-button($pepperi-theme, $style);
-    }
-
-    &.caution {
-        .mat-form-field {
-            @include pep-form-field-states($pepperi-theme, $style, color-system-caution);
-        }
-
-        .pepperi-button, .pep-button {
-            @include pep-qs-action-state-button($pepperi-theme, $style, color-system-caution);
-        }
-    }
-}
-
-@mixin pep-quantity-selector-component-theme($pepperi-theme) {
-    .pepperi-quantity-selector-container, .pep-quantity-selector-container {
-        &:not(.strong) {
-            .mat-form-field {
-                .mat-input-element {
-                    color: get-pep-color($pepperi-theme, color-text, color-main);
-                }
-            }
-
-            &.zero-quantity {
-                .mat-form-field {
-                    .mat-input-element {
-                        color: get-pep-color($pepperi-theme, color-text, color-dimmed);
-                    }
-                }
-
-                button {
-                    color: get-pep-color($pepperi-theme, color-text, color-dimmed);
-                }
-            }
-        }
-
-        &.weak {
-            @include pep-qs-states($pepperi-theme, weak);
-        }
-
-        &.regular {
-            @include pep-qs-states($pepperi-theme, regular);
-        }
-
-        &.strong {
-            @include pep-qs-states($pepperi-theme, strong);
-        }
-
-        &.matrix-qs {
-            .additional-value {
-                @include pep-badge($pepperi-theme);
-            }
-        }
-
-    }
-}
+@use '../src/core/style/abstracts/variables';
+@use '../src/core/style/abstracts/mixins';
+@use '../src/core/style/abstracts/functions';
+
+@mixin pep-qs-action-state-button($style, $color-name: color-qs) {
+    @include mixins.pep-button-states($style, $color-name);
+
+    &.qs-action {
+        @include mixins.pep-button-states(weak, $color-name);
+        box-shadow: unset;
+        border: unset;
+        @include mixins.fix-inline-z-index();
+    }
+}
+
+@mixin pep-qs-states($style) {
+    .mat-form-field {
+        @include mixins.pep-form-field-states($style, color-qs);
+    }
+
+    // .pepperi-button:not(.qs-action), .pep-button:not(.qs-action) {
+    .pepperi-button, .pep-button {
+        @include pep-qs-action-state-button($style);
+    }
+
+    &.caution {
+        .mat-form-field {
+            @include mixins.pep-form-field-states($style, color-system-caution);
+        }
+
+        .pepperi-button, .pep-button {
+            @include pep-qs-action-state-button($style, color-system-caution);
+        }
+    }
+}
+
+// @mixin pep-quantity-selector-component-theme() {
+::ng-deep {
+    .pepperi-quantity-selector-container, .pep-quantity-selector-container {
+        &:not(.strong) {
+            .mat-form-field {
+                .mat-input-element {
+                    color: functions.get-pep-color(color-text, color-main);
+                }
+            }
+
+            &.zero-quantity {
+                .mat-form-field {
+                    .mat-input-element {
+                        color: functions.get-pep-color(color-text, color-dimmed);
+                    }
+                }
+
+                button {
+                    color: functions.get-pep-color(color-text, color-dimmed);
+                }
+            }
+        }
+
+        &.weak {
+            @include pep-qs-states(weak);
+        }
+
+        &.regular {
+            @include pep-qs-states(regular);
+        }
+
+        &.strong {
+            @include pep-qs-states(strong);
+        }
+
+        &.matrix-qs {
+            .additional-value {
+                @include mixins.pep-badge();
+            }
+        }
+    }
+}
+// }

package/query-builder/common/model/field.d.ts

@@ -0,0 +1,8 @@
+import { PepSmartFilterBaseField } from '@pepperi-addons/ngx-lib/smart-filters';
+export interface IPepQueryBuilderFieldContainer {
+    smart: PepSmartFilterBaseField;
+    query: IPepQueryBuilderFieldType;
+}
+export interface IPepQueryBuilderFieldType {
+    fieldType: string;
+}

package/query-builder/common/model/legacy.d.ts

@@ -2,8 +2,11 @@ import { KeyValuePair } from '@pepperi-addons/ngx-lib';
 import { PepOperatorTypes } from './type';
 import { PepSmartFilterBaseField } from '@pepperi-addons/ngx-lib/smart-filters';
 export interface IPepQueryBuilderFieldContainer {
-    field: PepSmartFilterBaseField;
-    legacyType: string;
+    smart: PepSmartFilterBaseField;
+    query: IPepQueryBuilderFieldType;
+}
+export interface IPepQueryBuilderFieldType {
+    fieldType: string;
 }
 export interface IPepQueryBuilderField {
     FieldID: string;