@pepperi-addons/ngx-lib 0.5.0-ng16.7 → 0.5.0-ng17.1

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@pepperi-addons/ngx-lib",
-  "version": "0.5.0-ng16.7",
+  "version": "0.5.0-ng17.1",
   "peerDependencies": {
-    "@angular/animations": ">= 16.0.0",
-    "@angular/cdk": ">= 16.0.0",
-    "@angular/common": ">= 16.0.0",
-    "@angular/compiler": ">= 16.0.0",
-    "@angular/core": ">= 16.0.0",
-    "@angular/elements": ">= 16.0.0",
-    "@angular/forms": ">= 16.0.0",
-    "@angular/material": ">= 16.0.0",
-    "@angular/platform-browser": ">= 16.0.0",
-    "@angular/platform-browser-dynamic": ">= 16.0.0",
-    "@angular-architects/module-federation": ">= 16.0.0",
-    "@angular-architects/module-federation-tools": ">= 16.0.0",
-    "@ngx-translate/core": ">= 16.0.0",
-    "@ngx-translate/http-loader": ">= 16.0.0",
+    "@angular/animations": ">= 17.0.0",
+    "@angular/cdk": ">= 17.0.0",
+    "@angular/common": ">= 17.0.0",
+    "@angular/compiler": ">= 17.0.0",
+    "@angular/core": ">= 17.0.0",
+    "@angular/elements": ">= 17.0.0",
+    "@angular/forms": ">= 17.0.0",
+    "@angular/material": ">= 17.0.0",
+    "@angular/platform-browser": ">= 17.0.0",
+    "@angular/platform-browser-dynamic": ">= 17.0.0",
+    "@angular-architects/module-federation": ">= 17.0.0",
+    "@angular-architects/module-federation-tools": ">= 17.0.0",
+    "@ngx-translate/core": ">= 17.0.0",
+    "@ngx-translate/http-loader": ">= 17.0.0",
     "ngx-translate-multi-http-loader": ">= 3.0.0",
     "rxjs": ">= 7.8.0"
   },
@@ -59,18 +59,18 @@
       "esm": "./esm2022/attachment/pepperi-addons-ngx-lib-attachment.mjs",
       "default": "./fesm2022/pepperi-addons-ngx-lib-attachment.mjs"
     },
-    "./bread-crumbs": {
-      "types": "./bread-crumbs/index.d.ts",
-      "esm2022": "./esm2022/bread-crumbs/pepperi-addons-ngx-lib-bread-crumbs.mjs",
-      "esm": "./esm2022/bread-crumbs/pepperi-addons-ngx-lib-bread-crumbs.mjs",
-      "default": "./fesm2022/pepperi-addons-ngx-lib-bread-crumbs.mjs"
-    },
     "./button": {
       "types": "./button/index.d.ts",
       "esm2022": "./esm2022/button/pepperi-addons-ngx-lib-button.mjs",
       "esm": "./esm2022/button/pepperi-addons-ngx-lib-button.mjs",
       "default": "./fesm2022/pepperi-addons-ngx-lib-button.mjs"
     },
+    "./bread-crumbs": {
+      "types": "./bread-crumbs/index.d.ts",
+      "esm2022": "./esm2022/bread-crumbs/pepperi-addons-ngx-lib-bread-crumbs.mjs",
+      "esm": "./esm2022/bread-crumbs/pepperi-addons-ngx-lib-bread-crumbs.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-lib-bread-crumbs.mjs"
+    },
     "./checkbox": {
       "types": "./checkbox/index.d.ts",
       "esm2022": "./esm2022/checkbox/pepperi-addons-ngx-lib-checkbox.mjs",
@@ -281,12 +281,6 @@
       "esm": "./esm2022/textarea/pepperi-addons-ngx-lib-textarea.mjs",
       "default": "./fesm2022/pepperi-addons-ngx-lib-textarea.mjs"
     },
-    "./textbox": {
-      "types": "./textbox/index.d.ts",
-      "esm2022": "./esm2022/textbox/pepperi-addons-ngx-lib-textbox.mjs",
-      "esm": "./esm2022/textbox/pepperi-addons-ngx-lib-textbox.mjs",
-      "default": "./fesm2022/pepperi-addons-ngx-lib-textbox.mjs"
-    },
     "./textbox-icon": {
       "types": "./textbox-icon/index.d.ts",
       "esm2022": "./esm2022/textbox-icon/pepperi-addons-ngx-lib-textbox-icon.mjs",
@@ -298,6 +292,12 @@
       "esm2022": "./esm2022/top-bar/pepperi-addons-ngx-lib-top-bar.mjs",
       "esm": "./esm2022/top-bar/pepperi-addons-ngx-lib-top-bar.mjs",
       "default": "./fesm2022/pepperi-addons-ngx-lib-top-bar.mjs"
+    },
+    "./textbox": {
+      "types": "./textbox/index.d.ts",
+      "esm2022": "./esm2022/textbox/pepperi-addons-ngx-lib-textbox.mjs",
+      "esm": "./esm2022/textbox/pepperi-addons-ngx-lib-textbox.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-lib-textbox.mjs"
     }
   },
   "sideEffects": false,

package/src/core/style/base/borderRadius.component.ts

@@ -1,7 +1,6 @@
 import { Component, Input } from '@angular/core';
 
-@Component({
-    selector: 'storybook-border-radius',
+@Component({selector: 'storybook-border-radius',
     template: `<div *ngIf="storyIndex === 1" class="set-grid">
         <div class="side-grid flex-wrap">
             <div class="size-it round-it border-radius-sm">
@@ -17,8 +16,7 @@ import { Component, Input } from '@angular/core';
                 <h3 class="body-sm color-invert">.border-radius-xl</h3>
             </div>
         </div>
-    </div> `,
-})
+    </div> `})
 export default class BorderRadiusComponent {
     /**
      */

package/src/core/style/base/breakpoints.component.ts

@@ -1,11 +1,9 @@
 import { Component, Input } from '@angular/core';
 
-@Component({
-    selector: 'storybook-breakpoints',
+@Component({selector: 'storybook-breakpoints',
     template: `<div *ngIf="storyIndex === 1" class="set-grid">
         <div class="size-it this-is-screen-size"></div>
-    </div> `,
-})
+    </div> `})
 export default class BreakpointsComponent {
     /**
      */

package/src/core/style/base/colors.component.ts

@@ -1,7 +1,6 @@
 import { Component, Input } from '@angular/core';
 
-@Component({
-    selector: 'storybook-colors',
+@Component({selector: 'storybook-colors',
     template: `<div *ngIf="storyIndex === 1" class="set-grid">
             <div class="color-text-grid">
                 <div class="color-text-color-main"></div>
@@ -164,8 +163,7 @@ import { Component, Input } from '@angular/core';
                 <div class="flat-r-30"></div>
                 <div class="flat-r-40"></div>
             </div>
-        </div>`,
-})
+        </div>`})
 export default class ColorsComponent {
     /**
      */

package/src/core/style/base/shadows.component.ts

@@ -1,7 +1,6 @@
 import { Component, Input } from '@angular/core';
 
-@Component({
-    selector: 'shadows-colors',
+@Component({selector: 'shadows-colors',
     template: `<div *ngIf="storyIndex === 1" class="set-grid">
         <h2 class="body-md color-dimmed">XS Shadows</h2>
         <div class="shadow-grid">
@@ -80,8 +79,7 @@ import { Component, Input } from '@angular/core';
                 <p class="body-sm"><code>.shadow-xl-hard</code></p>
             </div>
         </div>
-    </div> `,
-})
+    </div> `})
 export default class ShadowsComponent {
     /**
      */

package/src/core/style/base/spacing.component.ts

@@ -1,7 +1,6 @@
 import { Component, Input } from '@angular/core';
 
-@Component({
-    selector: 'storybook-spacing',
+@Component({selector: 'storybook-spacing',
     template: `<div *ngIf="storyIndex === 1" class="set-grid">
         <div class="side-grid flex-wrap">
             <div>
@@ -61,8 +60,7 @@ import { Component, Input } from '@angular/core';
                 <div class="size-of-box-xl9"></div>
             </div>
         </div>
-    </div> `,
-})
+    </div> `})
 export default class SpacingComponent {
     /**
      */

package/src/core/style/base/states.component.ts

@@ -1,7 +1,6 @@
 import { Component, Input } from '@angular/core';
 
-@Component({
-    selector: 'storybook-states',
+@Component({selector: 'storybook-states',
     template: `<div *ngIf="storyIndex === 1" class="set-grid">
         <div class="color-text-grid">
             <span>
@@ -74,8 +73,7 @@ import { Component, Input } from '@angular/core';
                 </span>
             </span>
         </div>
-    </div> `,
-})
+    </div> `})
 export default class StatesComponent {
     /**
      */

package/src/core/style/base/typography.component.ts

@@ -1,7 +1,6 @@
 import { Component, Input } from '@angular/core';
 
-@Component({
-    selector: 'storybook-typography',
+@Component({selector: 'storybook-typography',
     template: `<div *ngIf="storyIndex === 1" class="set-grid">
         <pre>.title-2xs</pre>
         <span class="title-2xs">This is a 2XS title </span>
@@ -84,8 +83,7 @@ import { Component, Input } from '@angular/core';
         <p class="color-user-primary body-md">Unify B2B eCommerce, SFA & Trade Promotions</p>
         <h4 class="color-dimmed body-xl">Unify B2B eCommerce, SFA & Trade Promotions</h4>
         <span class="color-caution title-md">Unify B2B eCommerce, SFA & Trade Promotions</span>
-    </div>`,
-})
+    </div>`})
 export default class TypographyComponent {
     /**
    */

package/src/core/style/base/zIndex.component.ts

@@ -1,7 +1,6 @@
 import { Component, Input } from '@angular/core';
 
-@Component({
-    selector: 'storybook-z-index',
+@Component({selector: 'storybook-z-index',
     template: `<div *ngIf="storyIndex === 1" class="set-grid">
         <div class="z-grid">
             <div class="z-grid__1">
@@ -15,8 +14,7 @@ import { Component, Input } from '@angular/core';
                 <code>variables.$z-index-lowest</code>
             </div>
         </div>
-    </div> `,
-})
+    </div> `})
 export default class ZIndexComponent {
     /**
      */