@quadrel-enterprise-ui/framework 19.8.1 → 20.0.0

package/src/assets/styles/tools/_tools.getBaseFontSize.scss

@@ -1,15 +1,16 @@
-@import "../settings/settings.globalVars";
+@use "sass:map";
+@use "../settings/settings.globalVars";
 
 @function get-base-font-size() {
-  @if map-has-key($settings, "base") {
-    $base: map-get($settings, "base");
+  @if map.has-key(settings.$settings, "base") {
+    $base: map.get(settings.$settings, "base");
 
-    @if map-has-key($base, "fontsize") {
-      @return map-get($base, "fontsize") * 1px;
+    @if map.has-key($base, "fontsize") {
+      @return map.get($base, "fontsize") * 1px;
     } @else {
       @error "Unknown 'fontsize' in #{$base}.";
     }
   } @else {
-    @error "Unknown 'base' in #{$settings}.";
+    @error "Unknown 'base' in #{settings.$settings}.";
   }
 }

package/src/assets/styles/tools/_tools.grid.scss

@@ -1,50 +1,59 @@
-/* stylelint-disable order/properties-order, declaration-empty-line-before */
-
 @use "sass:map";
 @use "sass:list";
+@use "sass:math";
 
-@import "../settings/settings.grid";
-@import "../tools/tools.breakpoints";
+@use "../settings/settings.grid";
+@use "../tools/tools.breakpoints";
 
 @mixin setResponsiveGridSize($desktopGridSize) {
   grid-template-columns: repeat($desktopGridSize, minmax(0, 1fr));
 
-  @include for-screen-down(md) {
+  @include tools.for-screen-down(md) {
     grid-template-columns: repeat(get-table-landscape-grid-size($desktopGridSize), minmax(0, 1fr));
   }
 
-  @include for-screen-down(sm) {
+  @include tools.for-screen-down(sm) {
     grid-template-columns: repeat(get-table-portrait-grid-size($desktopGridSize), minmax(0, 1fr));
   }
 
-  @include for-screen-down(xs) {
+  @include tools.for-screen-down(xs) {
     display: block;
   }
 }
 
 @function get-table-landscape-grid-size($desktopGridSize) {
-  @return min($desktopGridSize, $tabletLandscapeMaxGridSize);
+  @return math.min($desktopGridSize, settings.$tabletLandscapeMaxGridSize);
 }
 
 @function get-table-portrait-grid-size($desktopGridSize) {
-  @return min($desktopGridSize, $tabletPortraitMaxGridSize);
+  @return math.min($desktopGridSize, settings.$tabletPortraitMaxGridSize);
 }
 
 @mixin setResponsiveGridMarginRightForColumnsMax($desktopGridSize, $columnsMax) {
-  margin-right: get-grid-margin-right-for-columns-max($desktopGridSize, $columnsMax);
+  & {
+    margin-right: get-grid-margin-right-for-columns-max($desktopGridSize, $columnsMax);
+  }
 
-  @include for-screen-down(md) {
+  @include tools.for-screen-down(md) {
     $gridSize: get-table-landscape-grid-size($desktopGridSize);
-    margin-right: get-grid-margin-right-for-columns-max($gridSize, $columnsMax);
+
+    & {
+      margin-right: get-grid-margin-right-for-columns-max($gridSize, $columnsMax);
+    }
   }
 
-  @include for-screen-down(sm) {
+  @include tools.for-screen-down(sm) {
     $gridSize: get-table-portrait-grid-size($desktopGridSize);
-    margin-right: get-grid-margin-right-for-columns-max($gridSize, $columnsMax);
+
+    & {
+      margin-right: get-grid-margin-right-for-columns-max($gridSize, $columnsMax);
+    }
   }
 
-  @include for-screen-down(xs) {
-    margin-right: 0;
+  @include tools.for-screen-down(xs) {
+    & {
+      margin-right: 0;
+    }
   }
 }
 
@@ -52,7 +61,7 @@
   $columnsToBeLeftEmpty: $gridSize - $columnsMax;
 
   @if $columnsToBeLeftEmpty > 0 {
-    @return calc(#{$columnsToBeLeftEmpty} * (100% + #{$gridColumnGap}) / #{$gridSize});
+    @return calc(#{$columnsToBeLeftEmpty} * (100% + #{settings.$gridColumnGap}) / #{$gridSize});
   } @else {
     @return 0;
   }
@@ -61,32 +70,35 @@
 @mixin setResponsiveColspans($desktopGridSize) {
   .qd-column {
     // $desktopMaxGridSize because also overflows are handled
-    @for $desktopColspan from 1 through $desktopMaxGridSize {
+    @for $desktopColspan from 1 through settings.$desktopMaxGridSize {
       &.qd-column-#{$desktopColspan} {
         @include setColspan($desktopColspan, $desktopGridSize);
 
         &:not(.qd-column-disable-responsive-colspans) {
-          @include for-screen-down(md) {
-            $responsiveColspan: get-mapped-responsive-colspan($tabletLandscapeColspansMapping, $desktopColspan);
+          @include tools.for-screen-down(md) {
+            $responsiveColspan: get-mapped-responsive-colspan(
+              settings.$tabletLandscapeColspansMapping,
+              $desktopColspan
+            );
             $responsiveGridSize: get-table-landscape-grid-size($desktopGridSize);
             @include setColspan($responsiveColspan, $responsiveGridSize);
             @include qdColumnNextInSameRow(
               $desktopGridSize,
               $desktopColspan,
-              $tabletLandscapeMaxGridSize,
-              $tabletLandscapeNextInSameRowMapping
+              settings.$tabletLandscapeMaxGridSize,
+              settings.$tabletLandscapeNextInSameRowMapping
             );
           }
 
-          @include for-screen-down(sm) {
-            $responsiveColspan: get-mapped-responsive-colspan($tabletPortraitColspansMapping, $desktopColspan);
+          @include tools.for-screen-down(sm) {
+            $responsiveColspan: get-mapped-responsive-colspan(settings.$tabletPortraitColspansMapping, $desktopColspan);
             $responsiveGridSize: get-table-portrait-grid-size($desktopGridSize);
             @include setColspan($responsiveColspan, $responsiveGridSize);
             @include qdColumnNextInSameRow(
               $desktopGridSize,
               $desktopColspan,
-              $tabletPortraitMaxGridSize,
-              $tabletPortraitNextInSameRowMapping
+              settings.$tabletPortraitMaxGridSize,
+              settings.$tabletPortraitNextInSameRowMapping
             );
           }
         }
@@ -104,7 +116,7 @@
 }
 
 @function contains($list, $item) {
-  @return (null != index($list, $item));
+  @return (null != list.index($list, $item));
 }
 
 @mixin setColspan($colspan, $gridSize) {
@@ -113,13 +125,13 @@
   grid-column: span $colspanWithoutOverflow;
 
   &.qd-column-break-before {
-    grid-column-start: 1;
     grid-column-end: $colspanWithoutOverflow + 1;
+    grid-column-start: 1;
   }
 
   &.qd-column-full-grid-width {
-    grid-column-start: 1;
     grid-column-end: $gridSize + 1;
+    grid-column-start: 1;
   }
 }
 
@@ -137,12 +149,12 @@
         $desktopColspan,
         $desktopColspanNext
       );
-      $responsiveColspanThis: nth($responsiveColspans, 1);
-      $responsiveColspanNext: nth($responsiveColspans, 2);
+      $responsiveColspanThis: list.nth($responsiveColspans, 1);
+      $responsiveColspanNext: list.nth($responsiveColspans, 2);
 
       &.qd-column-next-in-same-row-#{$desktopColspanNext} {
-        grid-column-start: 1;
         grid-column-end: $responsiveColspanThis + 1;
+        grid-column-start: 1;
 
         & + .qd-column {
           grid-column: span $responsiveColspanNext;
@@ -154,7 +166,13 @@
 
 @function get-mapped-responsive-colspans-for-next-in-same-row($mapping, $desktopColspanThis, $desktopColspanNext) {
   @each $colspans, $mappedColspans in $mapping {
-    @if nth($colspans, 1) == $desktopColspanThis and nth($colspans, 2) == $desktopColspanNext or $colspans == "*" {
+    @if list.nth($colspans, 1) ==
+      $desktopColspanThis and
+      list.nth($colspans, 2) ==
+      $desktopColspanNext or
+      $colspans ==
+      "*"
+    {
       @return $mappedColspans;
     }
   }

package/src/assets/styles/tools/_tools.layoutHeader.scss

@@ -1,15 +1,15 @@
-@import "../settings/settings.layoutHeader";
-@import "../settings/settings.colors";
+@use "../settings/settings.layoutHeader";
+@use "../settings/settings.colors" as settings2;
 
 @mixin layout-header() {
   display: flex;
   width: 100%;
-  height: $layout-header-content-height;
+  height: settings.$layout-header-content-height;
   box-sizing: content-box;
   white-space: nowrap;
 }
 
 @mixin layout-header-title() {
-  font-size: $layout-header-font-size;
-  font-weight: $layout-header-font-weight;
+  font-size: settings.$layout-header-font-size;
+  font-weight: settings.$layout-header-font-weight;
 }

package/src/assets/styles/tools/_tools.layoutWidth.scss

@@ -1,13 +1,14 @@
-@import "../settings/settings.globalVars";
-@import "tools.convertPxToRem";
+@use "sass:map";
+@use "../settings/settings.globalVars";
+@use "tools.convertPxToRem";
 
 @mixin layoutWith($context) {
-  @if map-has-key($settings, "panel") {
-    @each $property, $values in $settings {
+  @if map.has-key(settings.$settings, "panel") {
+    @each $property, $values in settings.$settings {
       @if $property == "panel" {
         @each $property, $value in $values {
           .has-panel-#{$property} #{$context} {
-            width: calc(100% - #{rem($value)});
+            width: calc(100% - #{tools.to-rem($value)});
           }
         }
       }

package/src/assets/styles/tools/_tools.mixins.scss

@@ -1,92 +1,92 @@
-@import "../settings/settings.colors";
+@use "../settings/settings.colors";
 
 // Fonts
 @mixin font-header {
-  color: $licorice;
+  color: settings.$licorice;
   font-size: 28px;
   font-weight: 300;
   line-height: 32px;
 }
 
 @mixin font-h1 {
-  color: $licorice;
+  color: settings.$licorice;
   font-size: 28px;
   font-weight: 400;
   line-height: 32px;
 }
 
 @mixin font-h2 {
-  color: $licorice;
+  color: settings.$licorice;
   font-size: 21px;
   font-weight: 500;
   line-height: 24px;
 }
 
 @mixin font-subtitle-1 {
-  color: $licorice;
+  color: settings.$licorice;
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
 }
 
 @mixin font-stepper-caption {
-  color: $empress;
+  color: settings.$empress;
   font-size: 14px;
   font-weight: 400;
   line-height: 18px;
 }
 
 @mixin font-subtitle-2 {
-  color: $licorice;
+  color: settings.$licorice;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
 }
 
 @mixin font-body-1 {
-  color: $licorice;
+  color: settings.$licorice;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
 }
 
 @mixin font-body-2 {
-  color: $licorice;
+  color: settings.$licorice;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
 }
 
 @mixin font-button {
-  color: $licorice;
+  color: settings.$licorice;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
 }
 
 @mixin font-caption {
-  color: $licorice;
+  color: settings.$licorice;
   font-size: 12px;
   font-weight: 400;
   line-height: 16px;
 }
 
 @mixin font-table-header {
-  color: $empress;
+  color: settings.$empress;
   font-size: 13px;
   font-weight: 400;
   line-height: 40px;
 }
 
 @mixin font-table-body {
-  color: $licorice;
+  color: settings.$licorice;
   font-size: 14px;
   font-weight: 400;
   line-height: 40px;
 }
 
 @mixin font-label {
-  color: $licorice;
+  color: settings.$licorice;
   font-size: 12px;
   font-weight: 500;
   line-height: 16px;

package/src/assets/styles/tools/_tools.overlayBackdrop.scss

@@ -1,10 +1,10 @@
-@import "../settings/settings.colors";
+@use "../settings/settings.colors";
 
 @mixin add-overlay-backdrop {
   &::after {
     position: absolute;
     z-index: 1400;
-    background: $black;
+    background: settings.$black;
     content: "";
     inset: 0;
     opacity: 0.5;

package/src/assets/styles/tools/_tools.rwdDisabled.scss

@@ -1,8 +1,8 @@
-@import "./tools.breakpoints";
+@use "tools.breakpoints";
 
 @mixin for-rwd-screen-down($name) {
   &:not(.qd-rwd-disabled) {
-    @include for-screen-down($name) {
+    @include tools.for-screen-down($name) {
       @content;
     }
   }
@@ -10,7 +10,7 @@
 
 @mixin for-rwd-screen-up($name) {
   &:not(.qd-rwd-disabled) {
-    @include for-screen-up($name) {
+    @include tools.for-screen-up($name) {
       @content;
     }
   }
@@ -18,7 +18,7 @@
 
 @mixin for-rwd-screen-between($lower, $upper) {
   &:not(.qd-rwd-disabled) {
-    @include for-screen-between($lower, $upper) {
+    @include tools.for-screen-between($lower, $upper) {
       @content;
     }
   }
@@ -26,7 +26,7 @@
 
 @mixin for-rwd-screen-only($name) {
   &:not(.qd-rwd-disabled) {
-    @include for-screen-only($name) {
+    @include tools.for-screen-only($name) {
       @content;
     }
   }

package/src/assets/styles/tools/_tools.text.scss

@@ -1,12 +1,12 @@
-@import "../settings/settings.colors";
-@import "../tools/tools.convertPxToRem";
+@use "../settings/settings.colors";
+@use "../tools/tools.convertPxToRem";
 
 @mixin caption-text() {
-  $caption-text-font-size: rem(14);
+  $caption-text-font-size: tools.to-rem(14);
 
   display: block;
   margin-bottom: 0;
-  color: $empress;
+  color: settings.$empress;
   font-size: $caption-text-font-size;
 }
 

package/src/assets/styles/tools/_tools.toolTip.scss

@@ -1,4 +1,4 @@
-@import "../settings/settings.colors";
+@use "../settings/settings.colors";
 
 // Deprecated!
 @mixin toolTip() {
@@ -7,9 +7,9 @@
   overflow: visible;
   max-width: 32rem;
   padding: 0.3125rem;
-  border: solid 0.0625rem $light-gray;
-  background-color: $smoke;
-  color: $licorice;
+  border: solid 0.0625rem settings.$light-gray;
+  background-color: settings.$smoke;
+  color: settings.$licorice;
   font-size: 0.8125rem;
   line-height: 1.125rem;
   overflow-wrap: break-word;

package/src/assets/styles/utilities/_utilities.all.scss

@@ -1 +1 @@
-@import "utilities.display";
+@use "utilities.display";

package/lib/button/__mocks__/mock-button-grid.component.d.ts

@@ -1,6 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class QdMockButtonGridComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<QdMockButtonGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdMockButtonGridComponent, "qd-button-grid", never, {}, {}, never, ["*"], false, never>;
-}
-//# sourceMappingURL=mock-button-grid.component.d.ts.map

package/lib/button/__mocks__/mock-button-grid.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mock-button-grid.component.d.ts","sourceRoot":"","sources":["../../../../../libs/qd-ui/src/lib/button/__mocks__/mock-button-grid.component.ts"],"names":[],"mappings":";AAEA,qBAKa,yBAAyB;yCAAzB,yBAAyB;2CAAzB,yBAAyB;CAAG"}

package/lib/button/__mocks__/mock-button-stack-button.component.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class QdMockButtonStackButtonComponent {
-    completed: boolean;
-    disabled: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<QdMockButtonStackButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdMockButtonStackButtonComponent, "button[qd-button-stack], button[qdButtonStack]", never, { "completed": { "alias": "completed"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-//# sourceMappingURL=mock-button-stack-button.component.d.ts.map

package/lib/button/__mocks__/mock-button-stack-button.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mock-button-stack-button.component.d.ts","sourceRoot":"","sources":["../../../../../libs/qd-ui/src/lib/button/__mocks__/mock-button-stack-button.component.ts"],"names":[],"mappings":";AAEA,qBAMa,gCAAgC;IAClC,SAAS,UAAS;IAClB,QAAQ,UAAS;yCAFf,gCAAgC;2CAAhC,gCAAgC;CAG5C"}

package/lib/button/__mocks__/mock-button-stack.component.d.ts

@@ -1,6 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class QdMockButtonStackComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<QdMockButtonStackComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdMockButtonStackComponent, "qd-button-stack", never, {}, {}, never, ["*"], false, never>;
-}
-//# sourceMappingURL=mock-button-stack.component.d.ts.map

package/lib/button/__mocks__/mock-button-stack.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mock-button-stack.component.d.ts","sourceRoot":"","sources":["../../../../../libs/qd-ui/src/lib/button/__mocks__/mock-button-stack.component.ts"],"names":[],"mappings":";AAEA,qBAKa,0BAA0B;yCAA1B,0BAA0B;2CAA1B,0BAA0B;CAAG"}

package/lib/button/__mocks__/mock-button.component.d.ts

@@ -1,11 +0,0 @@
-import { QdButtonColor } from '../model/button.types';
-import * as i0 from "@angular/core";
-export declare class QdMockButtonComponent {
-    disabled: boolean;
-    color: QdButtonColor;
-    icon: string;
-    testId: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<QdMockButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdMockButtonComponent, "button[qdButton], a[qdButton], button[qd-button]", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-//# sourceMappingURL=mock-button.component.d.ts.map

package/lib/button/__mocks__/mock-button.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mock-button.component.d.ts","sourceRoot":"","sources":["../../../../../libs/qd-ui/src/lib/button/__mocks__/mock-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;;AAEtD,qBAOa,qBAAqB;IACvB,QAAQ,UAAS;IACjB,KAAK,EAAE,aAAa,CAAa;IACjC,IAAI,EAAE,MAAM,CAAC;IACC,MAAM,SAAY;yCAJ9B,qBAAqB;2CAArB,qBAAqB;CAKjC"}

package/lib/button/__mocks__/mock-button.directives.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class QdMockButtonLinkDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<QdMockButtonLinkDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<QdMockButtonLinkDirective, "button[qd-button-link], button[qdButtonLink]", never, {}, {}, never, never, false, never>;
-}
-export declare class QdMockButtonGhostDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<QdMockButtonGhostDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<QdMockButtonGhostDirective, " button[qdButtonGhost]", never, {}, {}, never, never, false, never>;
-}
-//# sourceMappingURL=mock-button.directives.d.ts.map

package/lib/button/__mocks__/mock-button.directives.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mock-button.directives.d.ts","sourceRoot":"","sources":["../../../../../libs/qd-ui/src/lib/button/__mocks__/mock-button.directives.ts"],"names":[],"mappings":";AAEA,qBAIa,yBAAyB;yCAAzB,yBAAyB;2CAAzB,yBAAyB;CAAG;AAEzC,qBAIa,0BAA0B;yCAA1B,0BAA0B;2CAA1B,0BAA0B;CAAG"}

package/lib/button/__mocks__/mock-button.module.d.ts

@@ -1,21 +0,0 @@
-import { QdMockButtonComponent } from './mock-button.component';
-import { QdMockButtonGhostDirective, QdMockButtonLinkDirective } from './mock-button.directives';
-import { QdMockButtonGridComponent } from './mock-button-grid.component';
-import { QdMockButtonStackButtonComponent } from './mock-button-stack-button.component';
-import { QdMockButtonStackComponent } from './mock-button-stack.component';
-import { QdMockIconButtonComponent } from './mock-icon-button.component';
-import * as i0 from "@angular/core";
-import * as i1 from "./mock-button.component";
-import * as i2 from "./mock-button.directives";
-import * as i3 from "./mock-button-grid.component";
-import * as i4 from "./mock-button-stack-button.component";
-import * as i5 from "./mock-button-stack.component";
-import * as i6 from "./mock-icon-button.component";
-import * as i7 from "@angular/common";
-export { QdMockButtonComponent, QdMockButtonGhostDirective, QdMockButtonGridComponent, QdMockButtonLinkDirective, QdMockButtonStackButtonComponent, QdMockButtonStackComponent, QdMockIconButtonComponent };
-export declare class QdMockButtonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<QdMockButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<QdMockButtonModule, [typeof i1.QdMockButtonComponent, typeof i2.QdMockButtonGhostDirective, typeof i3.QdMockButtonGridComponent, typeof i2.QdMockButtonLinkDirective, typeof i4.QdMockButtonStackButtonComponent, typeof i5.QdMockButtonStackComponent, typeof i6.QdMockIconButtonComponent], [typeof i7.CommonModule], [typeof i1.QdMockButtonComponent, typeof i2.QdMockButtonGhostDirective, typeof i3.QdMockButtonGridComponent, typeof i2.QdMockButtonLinkDirective, typeof i4.QdMockButtonStackButtonComponent, typeof i5.QdMockButtonStackComponent, typeof i6.QdMockIconButtonComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<QdMockButtonModule>;
-}
-//# sourceMappingURL=mock-button.module.d.ts.map

package/lib/button/__mocks__/mock-button.module.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mock-button.module.d.ts","sourceRoot":"","sources":["../../../../../libs/qd-ui/src/lib/button/__mocks__/mock-button.module.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AACjG,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,gCAAgC,EAAE,MAAM,sCAAsC,CAAC;AACxF,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;;;;;;;;;AAEzE,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC1B,yBAAyB,EACzB,yBAAyB,EACzB,gCAAgC,EAChC,0BAA0B,EAC1B,yBAAyB,EAC1B,CAAC;AAEF,qBAqBa,kBAAkB;yCAAlB,kBAAkB;0CAAlB,kBAAkB;0CAAlB,kBAAkB;CAAG"}

package/lib/button/__mocks__/mock-icon-button.component.d.ts

@@ -1,8 +0,0 @@
-import { QdButtonColor } from '../model/button.types';
-import * as i0 from "@angular/core";
-export declare class QdMockIconButtonComponent {
-    color: QdButtonColor;
-    static ɵfac: i0.ɵɵFactoryDeclaration<QdMockIconButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdMockIconButtonComponent, "button[qd-icon-button], button[qdIconButton]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-//# sourceMappingURL=mock-icon-button.component.d.ts.map

package/lib/button/__mocks__/mock-icon-button.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mock-icon-button.component.d.ts","sourceRoot":"","sources":["../../../../../libs/qd-ui/src/lib/button/__mocks__/mock-icon-button.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;;AAEtD,qBAKa,yBAAyB;IAC3B,KAAK,EAAE,aAAa,CAAa;yCAD/B,yBAAyB;2CAAzB,yBAAyB;CAErC"}

package/lib/button/button/additional-info/button-additional-info.component.d.ts

@@ -1,15 +0,0 @@
-import { QdNotificationsService } from '../../../notifications/services/notifications-service.service';
-import { QdButtonAdditionalInfo, QdButtonAdditionalInfoType } from '../../model/button-config';
-import * as i0 from "@angular/core";
-export declare class QdButtonAdditionalInfoComponent {
-    private notificationsService;
-    buttonAdditionalInfo: QdButtonAdditionalInfo;
-    get infoTypeClass(): string;
-    constructor(notificationsService: QdNotificationsService);
-    showMessage(): void;
-    get icon(): string;
-    get infoType(): QdButtonAdditionalInfoType;
-    static ɵfac: i0.ɵɵFactoryDeclaration<QdButtonAdditionalInfoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdButtonAdditionalInfoComponent, "qd-button-additional-info", never, { "buttonAdditionalInfo": { "alias": "buttonAdditionalInfo"; "required": false; }; }, {}, never, never, false, never>;
-}
-//# sourceMappingURL=button-additional-info.component.d.ts.map

package/lib/button/button/additional-info/button-additional-info.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-additional-info.component.d.ts","sourceRoot":"","sources":["../../../../../../libs/qd-ui/src/lib/button/button/additional-info/button-additional-info.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,+DAA+D,CAAC;AACvG,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;;AAE/F,qBAMa,+BAA+B;IAQ9B,OAAO,CAAC,oBAAoB;IAP/B,oBAAoB,EAAG,sBAAsB,CAAC;IAEvD,IACI,aAAa,IAAI,MAAM,CAE1B;gBAEmB,oBAAoB,EAAE,sBAAsB;IAGhE,WAAW,IAAI,IAAI;IAQnB,IAAI,IAAI,IAAI,MAAM,CAOjB;IAED,IAAI,QAAQ,IAAI,0BAA0B,CAEzC;yCA9BU,+BAA+B;2CAA/B,+BAA+B;CA+B3C"}

package/lib/button/button/button.component.d.ts

@@ -1,41 +0,0 @@
-import { ElementRef, OnInit } from '@angular/core';
-import { QdButtonGhostDirective, QdButtonLinkDirective } from '../directives/button.directives';
-import { QdButtonAdditionalInfo } from '../model/button-config';
-import { QdButtonColor } from '../model/button.types';
-import * as i0 from "@angular/core";
-/**
- * The **QdButton** component, as the name suggests, provides a simple button.<br />
- * It is possible to bind it to either a `button` tag or to an `a` tag.
- */
-export declare class QdButtonComponent implements OnInit {
-    buttonLink: QdButtonLinkDirective;
-    buttonGhost: QdButtonGhostDirective;
-    private readonly _elementRef;
-    /**
-     * Disables the button
-     */
-    disabled: boolean;
-    /**
-     * Sets the color
-     */
-    color: QdButtonColor;
-    /**
-     * This allows you to specify an icon.
-     */
-    icon: string;
-    /**
-     * A static test ID for integration tests can be set. <br />
-     * The value for the HTML attribute [data-test-id].
-     */
-    testId: string;
-    additionalInfo: QdButtonAdditionalInfo;
-    private onlyIconOnSmallViewport;
-    get hasIcon(): boolean;
-    get isDisabled(): boolean | null;
-    get classes(): string;
-    constructor(buttonLink: QdButtonLinkDirective, buttonGhost: QdButtonGhostDirective, isViewportAdaptiveEnabled: boolean, _elementRef: ElementRef);
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<QdButtonComponent, [{ optional: true; host: true; }, { optional: true; host: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdButtonComponent, "button[qdButton], a[qdButton], button[qd-button]", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; "additionalInfo": { "alias": "additionalInfo"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-//# sourceMappingURL=button.component.d.ts.map

package/lib/button/button/button.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../../../libs/qd-ui/src/lib/button/button/button.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAuB,MAAM,EAAY,MAAM,eAAe,CAAC;AAE7F,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;;AAGtD;;;GAGG;AACH,qBAOa,iBAAkB,YAAW,MAAM;IAiDjB,UAAU,EAAE,qBAAqB;IACjC,WAAW,EAAE,sBAAsB;IAE9D,OAAO,CAAC,QAAQ,CAAC,WAAW;IAnD9B;;OAEG;IACM,QAAQ,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACM,KAAK,EAAE,aAAa,CAAa;IAE1C;;OAEG;IACM,IAAI,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACoB,MAAM,SAAY;IAEhB,cAAc,EAAE,sBAAsB,CAAC;IAEhE,OAAO,CAAC,uBAAuB,CAAS;IAExC,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,UAAU,IAAI,OAAO,GAAG,IAAI,CAI/B;IAED,IAAI,OAAO,IAAI,MAAM,CAUpB;gBAG4B,UAAU,EAAE,qBAAqB,EACjC,WAAW,EAAE,sBAAsB,EACZ,yBAAyB,EAAE,OAAO,EACnE,WAAW,EAAE,UAAU;IAK1C,QAAQ,IAAI,IAAI;yCAzDL,iBAAiB;2CAAjB,iBAAiB;CAiE7B"}

package/lib/button/button-grid/button-grid.component.d.ts

@@ -1,11 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * The **QdButtonGrid** component provides a container that allows to arrange multiple buttons horizontally.
- *
- * * @see parent component **QdButton**.
- */
-export declare class QdButtonGridComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<QdButtonGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdButtonGridComponent, "qd-button-grid", never, {}, {}, never, ["button"], false, never>;
-}
-//# sourceMappingURL=button-grid.component.d.ts.map

package/lib/button/button-grid/button-grid.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-grid.component.d.ts","sourceRoot":"","sources":["../../../../../libs/qd-ui/src/lib/button/button-grid/button-grid.component.ts"],"names":[],"mappings":";AAEA;;;;GAIG;AACH,qBAQa,qBAAqB;yCAArB,qBAAqB;2CAArB,qBAAqB;CAAG"}