cps-ui-kit 0.0.1

package/assets/icons/vector-right.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+  <symbol xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 15.698 8.706" viewBox="0 0 15.698 8.706" id="vector-right">
+    <path d="m11.354 0-.708.706 3.14 3.147H0v1h13.786L10.646 8l.708.706 4.344-4.353z"></path>
+  </symbol>
+</svg>

package/assets/icons/vector-up.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+<symbol id="vector-up" viewBox="0 0 10 12">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.293153 4.28015C0.105447 4.1395 0 3.94877 0 3.74989C0 3.55101 0.105447 3.36028 0.293153 3.21963L4.29816 0.219593C4.48592 0.0789875 4.74055 0 5.00604 0C5.27154 0 5.52617 0.0789875 5.71393 0.219593L9.71894 3.21963C9.90132 3.36109 10.0022 3.55054 9.99996 3.74719C9.99768 3.94384 9.89238 4.13195 9.70674 4.27101C9.5211 4.41007 9.26997 4.48895 9.00745 4.49066C8.74492 4.49236 8.49201 4.41677 8.30317 4.28015L6.0073 2.56037V11.25C6.0073 11.4489 5.90181 11.6397 5.71404 11.7803C5.52627 11.921 5.27159 12 5.00604 12C4.7405 12 4.48582 11.921 4.29805 11.7803C4.11028 11.6397 4.00479 11.4489 4.00479 11.25V2.56037L1.70892 4.28015C1.52116 4.42075 1.26653 4.49974 1.00104 4.49974C0.735542 4.49974 0.480915 4.42075 0.293153 4.28015Z" fill="currentColor"/>
+
+</symbol>
+</svg>

package/assets/icons/vector.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+<symbol id="vector" viewBox="0 0 9 16">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.250187 6.0784C0.0899923 5.89843 0 5.65437 0 5.39989C0 5.14541 0.0899923 4.90135 0.250187 4.72138L3.66819 0.882552C3.82844 0.702634 4.04574 0.601563 4.27233 0.601562C4.49891 0.601562 4.71621 0.702634 4.87646 0.882552L8.29446 4.72138C8.45012 4.90238 8.53625 5.14481 8.5343 5.39644C8.53235 5.64807 8.44249 5.88878 8.28405 6.06671C8.12562 6.24465 7.9113 6.34558 7.68726 6.34777C7.46321 6.34996 7.24736 6.25322 7.0862 6.0784L5.12683 3.8778V14.997C5.12683 15.2515 5.0368 15.4956 4.87655 15.6756C4.7163 15.8556 4.49895 15.9567 4.27233 15.9567C4.0457 15.9567 3.82835 15.8556 3.6681 15.6756C3.50785 15.4956 3.41782 15.2515 3.41782 14.997V3.8778L1.45845 6.0784C1.29821 6.25832 1.0809 6.35939 0.854319 6.35939C0.627736 6.35939 0.410429 6.25832 0.250187 6.0784Z" fill="currentColor"/>
+
+</symbol>
+</svg>

package/assets/icons/wallet.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 33" id="wallet">
+    <rect y="0.456543" width="32" height="32" rx="16" fill="currentColor"></rect>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M23 12.9565V10.9985C23 10.1475 22.38 9.45654 21.618 9.45654H9.382C8.62 9.45654 8 10.1475 8 10.9985V21.9145C8 22.7655 8.62 23.4565 9.382 23.4565H21.618C22.38 23.4565 23 22.7655 23 21.9145V19.9565H22V21.9145C22 22.2085 21.825 22.4565 21.618 22.4565H9.382C9.175 22.4565 9 22.2085 9 21.9145V10.9985C9 10.7045 9.175 10.4565 9.382 10.4565H21.618C21.825 10.4565 22 10.7045 22 10.9985V12.9565H23ZM20.489 18.9565C19.116 18.9565 18 17.8405 18 16.4675C18 15.0725 19.116 13.9565 20.489 13.9565H24V18.9565H20.489ZM20.489 17.9565H23V14.9565H20.489C19.668 14.9565 19 15.6245 19 16.4455C19 17.2885 19.668 17.9565 20.489 17.9565ZM20.5 16.9565C20.7761 16.9565 21 16.7327 21 16.4565C21 16.1804 20.7761 15.9565 20.5 15.9565C20.2239 15.9565 20 16.1804 20 16.4565C20 16.7327 20.2239 16.9565 20.5 16.9565Z" fill="white"></path>
+    <mask id="mask0_1345:44228" maskUnits="userSpaceOnUse" x="8" y="9" width="16" height="15">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M23 12.9565V10.9985C23 10.1475 22.38 9.45654 21.618 9.45654H9.382C8.62 9.45654 8 10.1475 8 10.9985V21.9145C8 22.7655 8.62 23.4565 9.382 23.4565H21.618C22.38 23.4565 23 22.7655 23 21.9145V19.9565H22V21.9145C22 22.2085 21.825 22.4565 21.618 22.4565H9.382C9.175 22.4565 9 22.2085 9 21.9145V10.9985C9 10.7045 9.175 10.4565 9.382 10.4565H21.618C21.825 10.4565 22 10.7045 22 10.9985V12.9565H23ZM20.489 18.9565C19.116 18.9565 18 17.8405 18 16.4675C18 15.0725 19.116 13.9565 20.489 13.9565H24V18.9565H20.489ZM20.489 17.9565H23V14.9565H20.489C19.668 14.9565 19 15.6245 19 16.4455C19 17.2885 19.668 17.9565 20.489 17.9565ZM20.5 16.9565C20.7761 16.9565 21 16.7327 21 16.4565C21 16.1804 20.7761 15.9565 20.5 15.9565C20.2239 15.9565 20 16.1804 20 16.4565C20 16.7327 20.2239 16.9565 20.5 16.9565Z" fill="currentColor"></path>
+    </mask>
+  </symbol>
+</svg>

package/assets/icons/warning-circle.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+<symbol id="warning-circle" viewBox="0 0 16 16">
+<mask id="mask0_1345_44291" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 8C0 3.589 3.589 0 8 0C12.411 0 16 3.589 16 8C16 12.411 12.411 16 8 16C3.589 16 0 12.411 0 8ZM1 8C1 11.859 4.141 15 8 15C11.859 15 15 11.859 15 8C15 4.141 11.859 1 8 1C4.141 1 1 4.141 1 8ZM7.999 10.099C7.531 10.099 7.171 10.47 7.171 10.975C7.171 11.471 7.531 11.841 7.999 11.841C8.467 11.841 8.828 11.471 8.828 10.975C8.828 10.47 8.467 10.099 7.999 10.099ZM8.427 9.304H7.571L7.394 5.492L7.354 4.224H8.646L8.605 5.492L8.427 9.304Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1345_44291)">
+<rect width="16" height="16" fill="black"/>
+</g>
+
+</symbol>
+</svg>

package/assets/icons/warning.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+<symbol id="warning" viewBox="0 0 12 12">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5325 9.5154C6.6 9.43854 6.6525 9.35559 6.69 9.26427C6.7275 9.17295 6.75 9.07402 6.75 8.97509C6.75 8.77647 6.6675 8.57936 6.5325 8.43477C6.255 8.1532 5.745 8.1532 5.4675 8.43477C5.325 8.57936 5.25 8.77647 5.25 8.97509C5.25 9.07402 5.265 9.17295 5.30175 9.26427C5.34 9.35559 5.4 9.43854 5.4675 9.5154C5.61 9.65923 5.7975 9.73609 6 9.73609C6.2025 9.73609 6.39 9.65923 6.5325 9.5154ZM6.75 6.47695V3.89539C6.75 3.53913 6.41475 3.25 6 3.25C5.58525 3.25 5.25 3.53913 5.25 3.89539V6.47695C5.25 6.83385 5.58525 7.12234 6 7.12234C6.41475 7.12234 6.75 6.83385 6.75 6.47695ZM1.56168 11.5C1.28653 11.4967 1.02082 11.4207 0.78708 11.28C0.423364 11.0606 0.162894 10.7071 0.0544081 10.283C-0.0546017 9.85947 0.00147546 9.41733 0.21111 9.03757L4.65536 1.29239C4.65588 1.2913 4.65588 1.29075 4.6564 1.28965C4.78743 1.06475 4.96981 0.873776 5.18521 0.737521C5.92574 0.268017 6.8953 0.516449 7.34444 1.28965L11.785 9.02991C11.925 9.28217 11.9973 9.5607 11.9999 9.84141C12.0099 10.7449 11.3128 11.4896 10.4455 11.5H1.56168Z" fill="currentColor"/>
+
+</symbol>
+</svg>

package/assets/icons/widget-button-icon.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+    <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" id="widget-button-icon">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19531 8.90212H12.2526L10.0566 11.0121L11.0006 11.9197L14.8046 8.26117L11.0006 4.60267L10.0566 5.51025L12.2526 7.62023L1.19531 7.62023V8.90212Z" fill="currentColor"></path>
+    <mask id="mask0_2056_51362" maskUnits="userSpaceOnUse" x="1" y="4" width="14" height="8">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19531 8.90212H12.2526L10.0566 11.0121L11.0006 11.9197L14.8046 8.26117L11.0006 4.60267L10.0566 5.51025L12.2526 7.62023L1.19531 7.62023V8.90212Z" fill="white"></path>
+    </mask>
+  </symbol>
+</svg>

package/assets/icons/xls.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" id="xls">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.5309 16.6677C2.68696 16.6677 2 16.0228 2 15.2298V2.10563C2 1.31268 2.68596 0.667725 3.5309 0.667725H9.57653L13.9993 4.95646V15.2298C13.9993 16.0228 13.3133 16.6677 12.4683 16.6677H3.5309ZM12.2654 4.66847L9.9995 2.47061V4.66847H12.2654ZM2.99994 2.10563C2.99994 1.86865 3.24292 1.66766 3.5309 1.66766H8.99956V5.66741H12.9993V15.2288C12.9993 15.4658 12.7563 15.6668 12.4683 15.6668H3.5309C3.24292 15.6668 2.99994 15.4668 2.99994 15.2288V2.10563ZM4.78883 14.1379L4.57284 14.6599V14.6589H3.74489L4.53684 13.1549L3.78989 11.733H4.65383L4.85182 12.211C4.89039 12.293 4.92897 12.386 4.97167 12.4888L4.97168 12.4888C4.99871 12.554 5.02741 12.6231 5.05881 12.696H5.07681C5.1408 12.508 5.2038 12.346 5.2578 12.211L5.42779 11.734H6.25573L5.50878 13.1919L6.30073 14.6599H5.43679L5.2038 14.1379C5.1318 13.9859 5.06781 13.8329 4.99581 13.6519H4.97781C4.91664 13.8295 4.85352 13.9818 4.79133 14.1318L4.79133 14.1319L4.79132 14.1319L4.78883 14.1379ZM9.18055 14.0109H8.07362V11.734H7.29967V14.6599H9.18055V14.0109ZM10.1695 13.7639C10.3765 13.9299 10.6385 14.0469 10.8544 14.0469C11.0894 14.0469 11.1874 13.9709 11.1874 13.8379C11.1874 13.7111 11.0642 13.6625 10.8542 13.5797C10.8341 13.5718 10.8131 13.5636 10.7915 13.5549L10.4275 13.4019C10.1115 13.2759 9.83751 13.011 9.83751 12.588C9.83751 12.088 10.2875 11.679 10.9274 11.679C11.2604 11.679 11.6294 11.805 11.8994 12.071L11.5124 12.556C11.3144 12.417 11.1434 12.345 10.9274 12.345C10.7375 12.345 10.6205 12.412 10.6205 12.543C10.6205 12.6682 10.7561 12.7204 10.9775 12.8056C11.0018 12.8149 11.0271 12.8247 11.0534 12.835L11.4084 12.975C11.7724 13.1199 11.9794 13.3719 11.9794 13.7769C11.9794 14.2729 11.5644 14.7128 10.8354 14.7128C10.4665 14.7128 10.0435 14.5779 9.72952 14.2949L10.1695 13.7639Z" fill="currentColor"></path>
+    <mask id="mask0_5607_87483" maskUnits="userSpaceOnUse" x="2" y="0" width="12" height="17">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M3.5309 16.6677C2.68696 16.6677 2 16.0228 2 15.2298V2.10563C2 1.31268 2.68596 0.667725 3.5309 0.667725H9.57653L13.9993 4.95646V15.2298C13.9993 16.0228 13.3133 16.6677 12.4683 16.6677H3.5309ZM12.2654 4.66847L9.9995 2.47061V4.66847H12.2654ZM2.99994 2.10563C2.99994 1.86865 3.24292 1.66766 3.5309 1.66766H8.99956V5.66741H12.9993V15.2288C12.9993 15.4658 12.7563 15.6668 12.4683 15.6668H3.5309C3.24292 15.6668 2.99994 15.4668 2.99994 15.2288V2.10563ZM4.78883 14.1379L4.57284 14.6599V14.6589H3.74489L4.53684 13.1549L3.78989 11.733H4.65383L4.85182 12.211C4.89039 12.293 4.92897 12.386 4.97167 12.4888L4.97168 12.4888C4.99871 12.554 5.02741 12.6231 5.05881 12.696H5.07681C5.1408 12.508 5.2038 12.346 5.2578 12.211L5.42779 11.734H6.25573L5.50878 13.1919L6.30073 14.6599H5.43679L5.2038 14.1379C5.1318 13.9859 5.06781 13.8329 4.99581 13.6519H4.97781C4.91664 13.8295 4.85352 13.9818 4.79133 14.1318L4.79133 14.1319L4.79132 14.1319L4.78883 14.1379ZM9.18055 14.0109H8.07362V11.734H7.29967V14.6599H9.18055V14.0109ZM10.1695 13.7639C10.3765 13.9299 10.6385 14.0469 10.8544 14.0469C11.0894 14.0469 11.1874 13.9709 11.1874 13.8379C11.1874 13.7111 11.0642 13.6625 10.8542 13.5797C10.8341 13.5718 10.8131 13.5636 10.7915 13.5549L10.4275 13.4019C10.1115 13.2759 9.83751 13.011 9.83751 12.588C9.83751 12.088 10.2875 11.679 10.9274 11.679C11.2604 11.679 11.6294 11.805 11.8994 12.071L11.5124 12.556C11.3144 12.417 11.1434 12.345 10.9274 12.345C10.7375 12.345 10.6205 12.412 10.6205 12.543C10.6205 12.6682 10.7561 12.7204 10.9775 12.8056C11.0018 12.8149 11.0271 12.8247 11.0534 12.835L11.4084 12.975C11.7724 13.1199 11.9794 13.3719 11.9794 13.7769C11.9794 14.2729 11.5644 14.7128 10.8354 14.7128C10.4665 14.7128 10.0435 14.5779 9.72952 14.2949L10.1695 13.7639Z" fill="white"></path>
+    </mask>
+  </symbol>
+</svg>

package/esm2020/cps-ui-kit.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3BzLXVpLWtpdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2Nwcy11aS1raXQvc3JjL2Nwcy11aS1raXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2020/lib/components/cps-button/cps-button.component.mjs

@@ -0,0 +1,136 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
+import { getCSSColor } from '../../utils/colors-utils';
+import { CpsIconComponent } from '../cps-icon/cps-icon.component';
+import { convertSize, parseSize } from '../../utils/size-utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CpsButtonComponent {
+    constructor() {
+        this.color = 'calm';
+        this.contentColor = 'white'; // works only with solid type
+        this.type = 'solid';
+        this.label = '';
+        this.icon = '';
+        this.iconPosition = 'before';
+        this.size = 'normal';
+        this.width = 0;
+        this.height = 0;
+        this.disabled = false;
+        this.loading = false;
+        this.clicked = new EventEmitter();
+        this.buttonColor = '';
+        this.textColor = '';
+        this.cvtWidth = '';
+        this.cvtHeight = '';
+        this.cvtFontSize = '';
+        this.cvtIconSize = '';
+        this.classesList = [];
+    }
+    ngOnInit() {
+        this.buttonColor = getCSSColor(this.color);
+        this.textColor =
+            this.type === 'solid' ? getCSSColor(this.contentColor) : this.buttonColor;
+        this.setClasses();
+    }
+    setClasses() {
+        this.classesList = ['button'];
+        if (this.width) {
+            this.cvtWidth = convertSize(this.width);
+        }
+        if (this.height) {
+            this.cvtHeight = convertSize(this.height);
+            if (this.cvtHeight) {
+                const parsedHeight = parseSize(this.cvtHeight);
+                const unit = parsedHeight.unit;
+                const size = parsedHeight.value * 0.4;
+                const isPx = unit === 'px';
+                this.cvtFontSize = `${isPx ? Math.floor(size) : size}${unit}`;
+                this.cvtIconSize = `${isPx ? Math.ceil(size) : size}${unit}`;
+            }
+        }
+        else {
+            switch (this.size) {
+                case 'normal': {
+                    this.classesList.push('button--normal');
+                    break;
+                }
+                case 'large': {
+                    this.classesList.push('button--large');
+                    break;
+                }
+                case 'small': {
+                    this.classesList.push('button--small');
+                    break;
+                }
+                case 'xsmall': {
+                    this.classesList.push('button--xsmall');
+                    break;
+                }
+            }
+        }
+        switch (this.type) {
+            case 'solid': {
+                this.classesList.push('button--solid');
+                break;
+            }
+            case 'outlined': {
+                this.classesList.push('button--outlined');
+                break;
+            }
+            case 'borderless': {
+                this.classesList.push('button--borderless');
+                break;
+            }
+        }
+        if (this.icon && this.label) {
+            switch (this.iconPosition) {
+                case 'before': {
+                    this.classesList.push('button--icon-before');
+                    break;
+                }
+                case 'after': {
+                    this.classesList.push('button--icon-after');
+                    break;
+                }
+            }
+        }
+    }
+    onClick(event) {
+        this.clicked.emit(event);
+    }
+}
+CpsButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CpsButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CpsButtonComponent, isStandalone: true, selector: "cps-button", inputs: { color: "color", contentColor: "contentColor", type: "type", label: "label", icon: "icon", iconPosition: "iconPosition", size: "size", width: "width", height: "height", disabled: "disabled", loading: "loading" }, outputs: { clicked: "clicked" }, host: { properties: { "style.width": "this.cvtWidth" } }, ngImport: i0, template: "<div>\n  <button\n    type=\"button\"\n    [ngClass]=\"classesList\"\n    [disabled]=\"disabled || loading\"\n    [class.spinner]=\"loading\"\n    (click)=\"onClick($event)\"\n    [ngStyle]=\"{\n    'background-color': type==='solid' ? buttonColor : 'transparent',\n    color: textColor,\n    height: cvtHeight || 'none',\n  }\"\n  >\n    <div class=\"button__content\">\n      <cps-icon\n        *ngIf=\"icon\"\n        class=\"button__icon\"\n        [icon]=\"icon\"\n        [color]=\"disabled ? 'text-light' : textColor\"\n        [size]=\"cvtIconSize\"\n      >\n      </cps-icon>\n      <span\n        class=\"button__text\"\n        *ngIf=\"label\"\n        [ngStyle]=\"{ 'font-size': cvtFontSize || null }\"\n        >{{ label }}</span\n      >\n    </div>\n  </button>\n</div>\n", styles: [":host{width:-moz-fit-content;width:fit-content;display:inline-block}:host .button{width:100%;letter-spacing:normal;display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:4px;border:none;cursor:pointer;outline:none;padding:0 16px;font-weight:500}:host .button:hover:not(:active):not(:disabled){background-image:linear-gradient(hsla(0,0%,100%,.1) 0 0);box-shadow:0 2px 4px #0c0c0d33}:host .button:active:not(:disabled){background-image:linear-gradient(hsla(0,0%,0%,.1) 0 0)}:host .button__content{display:inline-flex}:host .button__icon{align-self:center}:host .button:disabled{cursor:default}:host .button--solid{border:0}:host .button--solid:disabled{background-color:var(--cps-color-line-mid)!important;color:var(--cps-color-text-light)!important}:host .button--outlined{border:2px solid;box-sizing:border-box}:host .button--outlined:disabled{border-color:var(--cps-color-line-dark)!important;color:var(--cps-color-text-light)!important}:host .button--borderless:disabled{color:var(--cps-color-text-light)!important}:host .button--borderless:hover:not(:active):not(:disabled){box-shadow:0 1px 4px #0c0c0d1a}:host .button--large{min-height:48px}:host .button--large .button__icon{width:20px;height:20px}:host .button--large .button__text{font-size:20px}:host .button--large.spinner{min-width:56px}:host .button--large.spinner:after{width:22px;height:22px}:host .button--normal{min-height:40px}:host .button--normal .button__icon{width:16px;height:16px}:host .button--normal .button__text{font-size:16px}:host .button--normal.spinner{min-width:48px}:host .button--small{min-height:32px}:host .button--small .button__icon{width:14px;height:14px}:host .button--small .button__text{font-size:14px}:host .button--small.spinner{min-width:40px}:host .button--small.spinner:after{width:14px;height:14px}:host .button--xsmall{min-height:24px}:host .button--xsmall .button__icon{width:12px;height:12px}:host .button--xsmall .button__text{font-size:12px}:host .button--xsmall.spinner{min-width:32px}:host .button--xsmall.spinner:after{width:10px;height:10px}:host .button.button--icon-before .button__icon{margin-right:8px}:host .button.button--icon-after .button__icon{margin-left:8px;order:1}:host .spinner{position:relative}:host .spinner:after{content:\"\";position:absolute;border-radius:100%;width:18px;height:18px;border:2px solid transparent;border-left-color:currentColor;border-top-color:currentColor;animation:spin .75s linear infinite;inset:0;margin:auto}:host .spinner .button__content{visibility:hidden}@keyframes spin{to{transform:rotate(1turn)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CpsIconComponent, selector: "cps-icon", inputs: ["icon", "size", "color"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsButtonComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, CpsIconComponent], selector: 'cps-button', template: "<div>\n  <button\n    type=\"button\"\n    [ngClass]=\"classesList\"\n    [disabled]=\"disabled || loading\"\n    [class.spinner]=\"loading\"\n    (click)=\"onClick($event)\"\n    [ngStyle]=\"{\n    'background-color': type==='solid' ? buttonColor : 'transparent',\n    color: textColor,\n    height: cvtHeight || 'none',\n  }\"\n  >\n    <div class=\"button__content\">\n      <cps-icon\n        *ngIf=\"icon\"\n        class=\"button__icon\"\n        [icon]=\"icon\"\n        [color]=\"disabled ? 'text-light' : textColor\"\n        [size]=\"cvtIconSize\"\n      >\n      </cps-icon>\n      <span\n        class=\"button__text\"\n        *ngIf=\"label\"\n        [ngStyle]=\"{ 'font-size': cvtFontSize || null }\"\n        >{{ label }}</span\n      >\n    </div>\n  </button>\n</div>\n", styles: [":host{width:-moz-fit-content;width:fit-content;display:inline-block}:host .button{width:100%;letter-spacing:normal;display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:4px;border:none;cursor:pointer;outline:none;padding:0 16px;font-weight:500}:host .button:hover:not(:active):not(:disabled){background-image:linear-gradient(hsla(0,0%,100%,.1) 0 0);box-shadow:0 2px 4px #0c0c0d33}:host .button:active:not(:disabled){background-image:linear-gradient(hsla(0,0%,0%,.1) 0 0)}:host .button__content{display:inline-flex}:host .button__icon{align-self:center}:host .button:disabled{cursor:default}:host .button--solid{border:0}:host .button--solid:disabled{background-color:var(--cps-color-line-mid)!important;color:var(--cps-color-text-light)!important}:host .button--outlined{border:2px solid;box-sizing:border-box}:host .button--outlined:disabled{border-color:var(--cps-color-line-dark)!important;color:var(--cps-color-text-light)!important}:host .button--borderless:disabled{color:var(--cps-color-text-light)!important}:host .button--borderless:hover:not(:active):not(:disabled){box-shadow:0 1px 4px #0c0c0d1a}:host .button--large{min-height:48px}:host .button--large .button__icon{width:20px;height:20px}:host .button--large .button__text{font-size:20px}:host .button--large.spinner{min-width:56px}:host .button--large.spinner:after{width:22px;height:22px}:host .button--normal{min-height:40px}:host .button--normal .button__icon{width:16px;height:16px}:host .button--normal .button__text{font-size:16px}:host .button--normal.spinner{min-width:48px}:host .button--small{min-height:32px}:host .button--small .button__icon{width:14px;height:14px}:host .button--small .button__text{font-size:14px}:host .button--small.spinner{min-width:40px}:host .button--small.spinner:after{width:14px;height:14px}:host .button--xsmall{min-height:24px}:host .button--xsmall .button__icon{width:12px;height:12px}:host .button--xsmall .button__text{font-size:12px}:host .button--xsmall.spinner{min-width:32px}:host .button--xsmall.spinner:after{width:10px;height:10px}:host .button.button--icon-before .button__icon{margin-right:8px}:host .button.button--icon-after .button__icon{margin-left:8px;order:1}:host .spinner{position:relative}:host .spinner:after{content:\"\";position:absolute;border-radius:100%;width:18px;height:18px;border:2px solid transparent;border-left-color:currentColor;border-top-color:currentColor;animation:spin .75s linear infinite;inset:0;margin:auto}:host .spinner .button__content{visibility:hidden}@keyframes spin{to{transform:rotate(1turn)}}\n"] }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], contentColor: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconPosition: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }], cvtWidth: [{
+                type: HostBinding,
+                args: ['style.width']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3BzLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcHMtdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9jcHMtYnV0dG9uL2Nwcy1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3BzLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY3BzLWJ1dHRvbi9jcHMtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUVMLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDbEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBU2hFLE1BQU0sT0FBTyxrQkFBa0I7SUFQL0I7UUFRVyxVQUFLLEdBQUcsTUFBTSxDQUFDO1FBQ2YsaUJBQVksR0FBRyxPQUFPLENBQUMsQ0FBQyw2QkFBNkI7UUFDckQsU0FBSSxHQUF3QyxPQUFPLENBQUM7UUFDcEQsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLFNBQUksR0FBRyxFQUFFLENBQUM7UUFDVixpQkFBWSxHQUF1QixRQUFRLENBQUM7UUFDNUMsU0FBSSxHQUE0QyxRQUFRLENBQUM7UUFDekQsVUFBSyxHQUFvQixDQUFDLENBQUM7UUFDM0IsV0FBTSxHQUFvQixDQUFDLENBQUM7UUFDNUIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBRWYsWUFBTyxHQUFHLElB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QUVJLE9BQU87c0JBQWhCLE1BQU07Z0JBTUwsUUFBUTtzQkFEVCxXQUFXO3VCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBnZXRDU1NDb2xvciB9IGZyb20gJy4uLy4uL3V0aWxzL2NvbG9ycy11dGlscyc7XG5pbXBvcnQgeyBDcHNJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vY3BzLWljb24vY3BzLWljb24uY29tcG9uZW50JztcbmltcG9ydCB7IGNvbnZlcnRTaXplLCBwYXJzZVNpemUgfSBmcm9tICcuLi8uLi91dGlscy9zaXplLXV0aWxzJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIENwc0ljb25Db21wb25lbnRdLFxuICBzZWxlY3RvcjogJ2Nwcy1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vY3BzLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Nwcy1idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDcHNCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBjb2xvciA9ICdjYWxtJztcbiAgQElucHV0KCkgY29udGVudENvbG9yID0gJ3doaXRlJzsgLy8gd29ya3Mgb25seSB3aXRoIHNvbGlkIHR5cGVcbiAgQElucHV0KCkgdHlwZTogJ3NvbGlkJyB8ICdvdXRsaW5lZCcgfCAnYm9yZGVybGVzcycgPSAnc29saWQnO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBpY29uID0gJyc7XG4gIEBJbnB1dCgpIGljb25Qb3NpdGlvbjogJ2JlZm9yZScgfCAnYWZ0ZXInID0gJ2JlZm9yZSc7XG4gIEBJbnB1dCgpIHNpemU6ICd4c21hbGwnIHwgJ3NtYWxsJyB8ICdub3JtYWwnIHwgJ2xhcmdlJyA9ICdub3JtYWwnO1xuICBASW5wdXQoKSB3aWR0aDogbnVtYmVyIHwgc3RyaW5nID0gMDtcbiAgQElucHV0KCkgaGVpZ2h0OiBudW1iZXIgfCBzdHJpbmcgPSAwO1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBsb2FkaW5nID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIGNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgYnV0dG9uQ29sb3IgPSAnJztcbiAgdGV4dENvbG9yID0gJyc7XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS53aWR0aCcpXG4gICAgY3Z0V2lkdGggPSAnJztcblxuICBjdnRIZWlnaHQgPSAnJztcbiAgY3Z0Rm9udFNpemUgPSAnJztcbiAgY3Z0SWNvblNpemUgPSAnJztcblxuICBjbGFzc2VzTGlzdDogc3RyaW5nW10gPSBbXTtcblxuICBuZ09uSW5pdCAoKTogdm9pZCB7XG4gICAgdGhpcy5idXR0b25Db2xvciA9IGdldENTU0NvbG9yKHRoaXMuY29sb3IpO1xuICAgIHRoaXMudGV4dENvbG9yID1cbiAgICAgIHRoaXMudHlwZSA9PT0gJ3NvbGlkJyA/IGdldENTU0NvbG9yKHRoaXMuY29udGVudENvbG9yKSA6IHRoaXMuYnV0dG9uQ29sb3I7XG4gICAgdGhpcy5zZXRDbGFzc2VzKCk7XG4gIH1cblxuICBzZXRDbGFzc2VzICgpIHtcbiAgICB0aGlzLmNsYXNzZXNMaXN0ID0gWydidXR0b24nXTtcblxuICAgIGlmICh0aGlzLndpZHRoKSB7XG4gICAgICB0aGlzLmN2dFdpZHRoID0gY29udmVydFNpemUodGhpcy53aWR0aCk7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuaGVpZ2h0KSB7XG4gICAgICB0aGlzLmN2dEhlaWdodCA9IGNvbnZlcnRTaXplKHRoaXMuaGVpZ2h0KTtcbiAgICAgIGlmICh0aGlzLmN2dEhlaWdodCkge1xuICAgICAgICBjb25zdCBwYXJzZWRIZWlnaHQgPSBwYXJzZVNpemUodGhpcy5jdnRIZWlnaHQpO1xuICAgICAgICBjb25zdCB1bml0ID0gcGFyc2VkSGVpZ2h0LnVuaXQ7XG4gICAgICAgIGNvbnN0IHNpemUgPSBwYXJzZWRIZWlnaHQudmFsdWUgKiAwLjQ7XG4gICAgICAgIGNvbnN0IGlzUHggPSB1bml0ID09PSAncHgnO1xuXG4gICAgICAgIHRoaXMuY3Z0Rm9udFNpemUgPSBgJHtpc1B4ID8gTWF0aC5mbG9vcihzaXplKSA6IHNpemV9JHt1bml0fWA7XG4gICAgICAgIHRoaXMuY3Z0SWNvblNpemUgPSBgJHtpc1B4ID8gTWF0aC5jZWlsKHNpemUpIDogc2l6ZX0ke3VuaXR9YDtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgc3dpdGNoICh0aGlzLnNpemUpIHtcbiAgICAgICAgY2FzZSAnbm9ybWFsJzoge1xuICAgICAgICAgIHRoaXMuY2xhc3Nlc0xpc3QucHVzaCgnYnV0dG9uLS1ub3JtYWwnKTtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgfVxuICAgICAgICBjYXNlICdsYXJnZSc6IHtcbiAgICAgICAgICB0aGlzLmNsYXNzZXNMaXN0LnB1c2goJ2J1dHRvbi0tbGFyZ2UnKTtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgfVxuICAgICAgICBjYXNlICdzbWFsbCc6IHtcbiAgICAgICAgICB0aGlzLmNsYXNzZXNMaXN0LnB1c2goJ2J1dHRvbi0tc21hbGwnKTtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgfVxuICAgICAgICBjYXNlICd4c21hbGwnOiB7XG4gICAgICAgICAgdGhpcy5jbGFzc2VzTGlzdC5wdXNoKCdidXR0b24tLXhzbWFsbCcpO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgc3dpdGNoICh0aGlzLnR5cGUpIHtcbiAgICAgIGNhc2UgJ3NvbGlkJzoge1xuICAgICAgICB0aGlzLmNsYXNzZXNMaXN0LnB1c2goJ2J1dHRvbi0tc29saWQnKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgICBjYXNlICdvdXRsaW5lZCc6IHtcbiAgICAgICAgdGhpcy5jbGFzc2VzTGlzdC5wdXNoKCdidXR0b24tLW91dGxpbmVkJyk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgICAgY2FzZSAnYm9yZGVybGVzcyc6IHtcbiAgICAgICAgdGhpcy5jbGFzc2VzTGlzdC5wdXNoKCdidXR0b24tLWJvcmRlcmxlc3MnKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuaWNvbiAmJiB0aGlzLmxhYmVsKSB7XG4gICAgICBzd2l0Y2ggKHRoaXMuaWNvblBvc2l0aW9uKSB7XG4gICAgICAgIGNhc2UgJ2JlZm9yZSc6IHtcbiAgICAgICAgICB0aGlzLmNsYXNzZXNMaXN0LnB1c2goJ2J1dHRvbi0taWNvbi1iZWZvcmUnKTtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgfVxuICAgICAgICBjYXNlICdhZnRlcic6IHtcbiAgICAgICAgICB0aGlzLmNsYXNzZXNMaXN0LnB1c2goJ2J1dHRvbi0taWNvbi1hZnRlcicpO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgb25DbGljayAoZXZlbnQ6IEV2ZW50KSB7XG4gICAgdGhpcy5jbGlja2VkLmVtaXQoZXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2PlxuICA8YnV0dG9uXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgW25nQ2xhc3NdPVwiY2xhc3Nlc0xpc3RcIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBsb2FkaW5nXCJcbiAgICBbY2xhc3Muc3Bpbm5lcl09XCJsb2FkaW5nXCJcbiAgICAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCJcbiAgICBbbmdTdHlsZV09XCJ7XG4gICAgJ2JhY2tncm91bmQtY29sb3InOiB0eXBlPT09J3NvbGlkJyA/IGJ1dHRvbkNvbG9yIDogJ3RyYW5zcGFyZW50JyxcbiAgICBjb2xvcjogdGV4dENvbG9yLFxuICAgIGhlaWdodDogY3Z0SGVpZ2h0IHx8ICdub25lJyxcbiAgfVwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uX19jb250ZW50XCI+XG4gICAgICA8Y3BzLWljb25cbiAgICAgICAgKm5nSWY9XCJpY29uXCJcbiAgICAgICAgY2xhc3M9XCJidXR0b25fX2ljb25cIlxuICAgICAgICBbaWNvbl09XCJpY29uXCJcbiAgICAgICAgW2NvbG9yXT1cImRpc2FibGVkID8gJ3RleHQtbGlnaHQnIDogdGV4dENvbG9yXCJcbiAgICAgICAgW3NpemVdPVwiY3Z0SWNvblNpemVcIlxuICAgICAgPlxuICAgICAgPC9jcHMtaWNvbj5cbiAgICAgIDxzcGFuXG4gICAgICAgIGNsYXNzPVwiYnV0dG9uX190ZXh0XCJcbiAgICAgICAgKm5nSWY9XCJsYWJlbFwiXG4gICAgICAgIFtuZ1N0eWxlXT1cInsgJ2ZvbnQtc2l6ZSc6IGN2dEZvbnRTaXplIHx8IG51bGwgfVwiXG4gICAgICAgID57eyBsYWJlbCB9fTwvc3BhblxuICAgICAgPlxuICAgIDwvZGl2PlxuICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19

package/esm2020/lib/components/cps-checkbox/cps-checkbox.component.mjs

@@ -0,0 +1,73 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Optional, Output, Self } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+export class CpsCheckboxComponent {
+    set value(value) {
+        this._value = value;
+        this.onChange(value);
+    }
+    get value() {
+        return this._value;
+    }
+    constructor(_control, _elementRef) {
+        this._control = _control;
+        this._elementRef = _elementRef;
+        this.label = '';
+        this.disabled = false;
+        this.valueChanged = new EventEmitter();
+        this._value = false;
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this.onChange = (event) => { };
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this.onTouched = () => { };
+        if (this._control) {
+            this._control.valueAccessor = this;
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    updateValueEvent(event) {
+        event.preventDefault();
+        if (this.disabled)
+            return;
+        this._updateValue(!this.value);
+    }
+    _updateValue(value) {
+        this.writeValue(value);
+        this.onChange(value);
+        this.valueChanged.emit(value);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    setDisabledState(disabled) { }
+    focus() {
+        this._elementRef?.nativeElement?.querySelector('input')?.focus();
+    }
+}
+CpsCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsCheckboxComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+CpsCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CpsCheckboxComponent, isStandalone: true, selector: "cps-checkbox", inputs: { label: "label", disabled: "disabled", value: "value" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: "<div class=\"checkbox-container\">\n  <label\n    class=\"checkbox\"\n    [ngStyle]=\"{ cursor: disabled ? 'default' : 'pointer' }\"\n  >\n    <span class=\"label\" [ngClass]=\"{ 'label-disabled': disabled }\">{{\n      label\n    }}</span>\n    <input\n      type=\"checkbox\"\n      [disabled]=\"disabled\"\n      [checked]=\"value\"\n      (change)=\"updateValueEvent($event)\"\n    />\n    <span class=\"indicator\"></span>\n  </label>\n</div>\n", styles: [":host{min-width:max-content;display:inline-block}:host .checkbox-container{line-height:normal}:host .checkbox-container label.checkbox{padding-left:1.75rem;position:relative;-webkit-user-select:none;user-select:none}:host .checkbox-container label.checkbox input[type=checkbox]{display:none}:host .checkbox-container label.checkbox input[type=checkbox]:hover:not(:disabled)~.indicator{border-color:var(--cps-color-calm)}:host .checkbox-container label.checkbox input[type=checkbox]:checked~.indicator{color:#fff;background:var(--cps-color-calm) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border:2px solid var(--cps-color-calm)}:host .checkbox-container label.checkbox input[type=checkbox]:disabled:checked~.indicator{background:var(--cps-color-text-lightest) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border-color:var(--cps-color-text-lightest)}:host .checkbox-container label.checkbox input[type=checkbox]:disabled~.indicator{border-color:var(--cps-color-text-light)}:host .checkbox-container label.checkbox .label{top:1px;position:relative;color:var(--cps-color-text-dark)}:host .checkbox-container label.checkbox .label-disabled{color:var(--cps-color-text-light)}:host .checkbox-container label.checkbox .indicator{border-radius:2px;position:absolute;left:0;width:18px;height:18px;border:2px solid var(--cps-color-text-dark);pointer-events:none;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule], selector: 'cps-checkbox', template: "<div class=\"checkbox-container\">\n  <label\n    class=\"checkbox\"\n    [ngStyle]=\"{ cursor: disabled ? 'default' : 'pointer' }\"\n  >\n    <span class=\"label\" [ngClass]=\"{ 'label-disabled': disabled }\">{{\n      label\n    }}</span>\n    <input\n      type=\"checkbox\"\n      [disabled]=\"disabled\"\n      [checked]=\"value\"\n      (change)=\"updateValueEvent($event)\"\n    />\n    <span class=\"indicator\"></span>\n  </label>\n</div>\n", styles: [":host{min-width:max-content;display:inline-block}:host .checkbox-container{line-height:normal}:host .checkbox-container label.checkbox{padding-left:1.75rem;position:relative;-webkit-user-select:none;user-select:none}:host .checkbox-container label.checkbox input[type=checkbox]{display:none}:host .checkbox-container label.checkbox input[type=checkbox]:hover:not(:disabled)~.indicator{border-color:var(--cps-color-calm)}:host .checkbox-container label.checkbox input[type=checkbox]:checked~.indicator{color:#fff;background:var(--cps-color-calm) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border:2px solid var(--cps-color-calm)}:host .checkbox-container label.checkbox input[type=checkbox]:disabled:checked~.indicator{background:var(--cps-color-text-lightest) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border-color:var(--cps-color-text-lightest)}:host .checkbox-container label.checkbox input[type=checkbox]:disabled~.indicator{border-color:var(--cps-color-text-light)}:host .checkbox-container label.checkbox .label{top:1px;position:relative;color:var(--cps-color-text-dark)}:host .checkbox-container label.checkbox .label-disabled{color:var(--cps-color-text-light)}:host .checkbox-container label.checkbox .indicator{border-radius:2px;position:absolute;left:0;width:18px;height:18px;border:2px solid var(--cps-color-text-dark);pointer-events:none;-webkit-user-select:none;user-select:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }] }, { type: i0.ElementRef }]; }, propDecorators: { label: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], valueChanged: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3BzLWNoZWNrYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nwcy11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2Nwcy1jaGVja2JveC9jcHMtY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3BzLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY3BzLWNoZWNrYm94L2Nwcy1jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNMLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNMLFFBQVEsRUFDUixNQUFNLEVBQ04sSUFBSSxFQUNMLE1BQU0sZUFBZSxDQUFDOzs7O0FBVXZCLE1BQU0sT0FBTyxvQkFBb0I7SUFHL0IsSUFBYSxLQUFLLENBQUUsS0FBYztRQUNoQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQU1ELFlBQzhCLFFBQW1CLEVBQ3ZDLFdBQW9DO1FBRGhCLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDdkMsZ0JBQVcsR0FBWCxXQUFXLENBQXlCO1FBakJyQyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsYUFBUSxHQUFHLEtBQUssQ0FBQztRQVVoQixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFFN0MsV0FBTSxHQUFHLEtBQUssQ0FBQztRQVd2QixnRUFBZ0U7UUFDaEUsYUFBUSxHQUFHLENBQUMsS0FBVSxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDOUIsZ0VBQWdFO1FBQ2hFLGNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFSbkIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztTQUNwQztJQUNILENBQUM7SUFPRCxnQkFBZ0IsQ0FBRSxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBRSxFQUFPO1FBQ3hCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxVQUFVLENBQUUsS0FBYztRQUN4QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNyQixDQUFDO0lBRUQsZ0JBQWdCLENBQUUsS0FBVTtRQUMxQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsSUFBSSxJQUFJLENBQUMsUUFBUTtZQUFFLE9BQU87UUFDMUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRU8sWUFBWSxDQUFFLEtBQWM7UUFDbEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxnRUFBZ0U7SUFDaEUsZ0JBQWdCLENBQUUsUUFBaUIsSUFBRyxDQUFDO0lBRXZDLEtBQUs7UUFDSCxJQUFJLENBQUMsV0FBVyxFQUFFLGFBQWEsRUFBRSxhQUFhLENBQUMsT0FBTyxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDbkUsQ0FBQzs7aUhBM0RVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHFMQ25CakMsbWNBaUJBLGd4RURIWSxZQUFZOzJGQUtYLG9CQUFvQjtrQkFQaEMsU0FBUztpQ0FDSSxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsWUFDYixjQUFjOzswQkFxQnJCLElBQUk7OzBCQUFJLFFBQVE7cUVBaEJWLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNPLEtBQUs7c0JBQWpCLEtBQUs7Z0JBU0ksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9wdGlvbmFsLFxuICBPdXRwdXQsXG4gIFNlbGZcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTmdDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHNlbGVjdG9yOiAnY3BzLWNoZWNrYm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Nwcy1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Nwcy1jaGVja2JveC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENwc0NoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBzZXQgdmFsdWUgKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5fdmFsdWUgPSB2YWx1ZTtcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgfVxuXG4gIGdldCB2YWx1ZSAoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xuICB9XG5cbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBwcml2YXRlIF92YWx1ZSA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yIChcbiAgICBAU2VsZigpIEBPcHRpb25hbCgpIHByaXZhdGUgX2NvbnRyb2w6IE5nQ29udHJvbCxcbiAgICBwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PlxuICApIHtcbiAgICBpZiAodGhpcy5fY29udHJvbCkge1xuICAgICAgdGhpcy5fY29udHJvbC52YWx1ZUFjY2Vzc29yID0gdGhpcztcbiAgICB9XG4gIH1cblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWVtcHR5LWZ1bmN0aW9uXG4gIG9uQ2hhbmdlID0gKGV2ZW50OiBhbnkpID0+IHt9O1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWVtcHR5LWZ1bmN0aW9uXG4gIG9uVG91Y2hlZCA9ICgpID0+IHt9O1xuXG4gIHJlZ2lzdGVyT25DaGFuZ2UgKGZuOiBhbnkpIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZCAoZm46IGFueSkge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICB3cml0ZVZhbHVlICh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgfVxuXG4gIHVwZGF0ZVZhbHVlRXZlbnQgKGV2ZW50OiBhbnkpIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGlmICh0aGlzLmRpc2FibGVkKSByZXR1cm47XG4gICAgdGhpcy5fdXBkYXRlVmFsdWUoIXRoaXMudmFsdWUpO1xuICB9XG5cbiAgcHJpdmF0ZSBfdXBkYXRlVmFsdWUgKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy53cml0ZVZhbHVlKHZhbHVlKTtcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlZC5lbWl0KHZhbHVlKTtcbiAgfVxuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZW1wdHktZnVuY3Rpb25cbiAgc2V0RGlzYWJsZWRTdGF0ZSAoZGlzYWJsZWQ6IGJvb2xlYW4pIHt9XG5cbiAgZm9jdXMgKCkge1xuICAgIHRoaXMuX2VsZW1lbnRSZWY/Lm5hdGl2ZUVsZW1lbnQ/LnF1ZXJ5U2VsZWN0b3IoJ2lucHV0Jyk/LmZvY3VzKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjaGVja2JveC1jb250YWluZXJcIj5cbiAgPGxhYmVsXG4gICAgY2xhc3M9XCJjaGVja2JveFwiXG4gICAgW25nU3R5bGVdPVwieyBjdXJzb3I6IGRpc2FibGVkID8gJ2RlZmF1bHQnIDogJ3BvaW50ZXInIH1cIlxuICA+XG4gICAgPHNwYW4gY2xhc3M9XCJsYWJlbFwiIFtuZ0NsYXNzXT1cInsgJ2xhYmVsLWRpc2FibGVkJzogZGlzYWJsZWQgfVwiPnt7XG4gICAgICBsYWJlbFxuICAgIH19PC9zcGFuPlxuICAgIDxpbnB1dFxuICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICBbY2hlY2tlZF09XCJ2YWx1ZVwiXG4gICAgICAoY2hhbmdlKT1cInVwZGF0ZVZhbHVlRXZlbnQoJGV2ZW50KVwiXG4gICAgLz5cbiAgICA8c3BhbiBjbGFzcz1cImluZGljYXRvclwiPjwvc3Bhbj5cbiAgPC9sYWJlbD5cbjwvZGl2PlxuIl19

package/esm2020/lib/components/cps-chip/cps-chip.component.mjs

@@ -0,0 +1,58 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { CpsIconComponent } from '../cps-icon/cps-icon.component';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CpsChipComponent {
+    constructor() {
+        this.label = '';
+        this.icon = '';
+        this.iconPosition = 'before';
+        this.closable = false;
+        this.disabled = false;
+        this.closed = new EventEmitter();
+        this.classesList = ['chip'];
+    }
+    ngOnChanges() {
+        this.setClasses();
+    }
+    setClasses() {
+        if (this.disabled)
+            this.classesList.push('chip-disabled');
+        if (this.icon && this.label) {
+            switch (this.iconPosition) {
+                case 'before': {
+                    this.classesList.push('chip--icon-before');
+                    break;
+                }
+                case 'after': {
+                    this.classesList.push('chip--icon-after');
+                    break;
+                }
+            }
+        }
+    }
+    onCloseClick(event) {
+        event.stopPropagation();
+        this.closed.emit();
+    }
+}
+CpsChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CpsChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CpsChipComponent, isStandalone: true, selector: "cps-chip", inputs: { label: "label", icon: "icon", iconPosition: "iconPosition", closable: "closable", disabled: "disabled" }, outputs: { closed: "closed" }, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"classesList\">\n  <cps-icon\n    *ngIf=\"icon\"\n    class=\"chip-icon\"\n    [icon]=\"icon\"\n    color=\"text-darkest\"\n  ></cps-icon>\n  <span class=\"chip-label\">{{ label }}</span>\n  <cps-icon\n    *ngIf=\"closable\"\n    class=\"chip-close-icon\"\n    icon=\"close-x\"\n    size=\"xsmall\"\n    color=\"text-darkest\"\n    (click)=\"onCloseClick($event)\"\n  ></cps-icon>\n</div>\n", styles: [":host{width:-moz-fit-content;width:fit-content;display:inline-block;-webkit-user-select:none;user-select:none}:host .chip{display:inline-flex;background-color:var(--cps-color-bg-dark);border-radius:14px;padding:4px 12px;cursor:default}:host .chip-close-icon{margin-left:6px;cursor:pointer}:host .chip-close-icon:hover ::ng-deep .icon{color:var(--cps-color-calm)!important}:host .chip-label{font-size:14px;color:var(--cps-color-text-darkest)}:host .chip.chip-disabled{pointer-events:none;background-color:var(--cps-color-bg-mid)}:host .chip.chip-disabled .chip-label{color:var(--cps-color-text-light)}:host .chip.chip-disabled .chip-icon ::ng-deep .icon,:host .chip.chip-disabled .chip-close-icon ::ng-deep .icon{color:var(--cps-color-text-light)!important}:host .chip.chip--icon-before .chip-icon{margin-right:6px}:host .chip.chip--icon-after .chip-icon{margin-left:6px;order:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CpsIconComponent, selector: "cps-icon", inputs: ["icon", "size", "color"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsChipComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, CpsIconComponent], selector: 'cps-chip', template: "<div [ngClass]=\"classesList\">\n  <cps-icon\n    *ngIf=\"icon\"\n    class=\"chip-icon\"\n    [icon]=\"icon\"\n    color=\"text-darkest\"\n  ></cps-icon>\n  <span class=\"chip-label\">{{ label }}</span>\n  <cps-icon\n    *ngIf=\"closable\"\n    class=\"chip-close-icon\"\n    icon=\"close-x\"\n    size=\"xsmall\"\n    color=\"text-darkest\"\n    (click)=\"onCloseClick($event)\"\n  ></cps-icon>\n</div>\n", styles: [":host{width:-moz-fit-content;width:fit-content;display:inline-block;-webkit-user-select:none;user-select:none}:host .chip{display:inline-flex;background-color:var(--cps-color-bg-dark);border-radius:14px;padding:4px 12px;cursor:default}:host .chip-close-icon{margin-left:6px;cursor:pointer}:host .chip-close-icon:hover ::ng-deep .icon{color:var(--cps-color-calm)!important}:host .chip-label{font-size:14px;color:var(--cps-color-text-darkest)}:host .chip.chip-disabled{pointer-events:none;background-color:var(--cps-color-bg-mid)}:host .chip.chip-disabled .chip-label{color:var(--cps-color-text-light)}:host .chip.chip-disabled .chip-icon ::ng-deep .icon,:host .chip.chip-disabled .chip-close-icon ::ng-deep .icon{color:var(--cps-color-text-light)!important}:host .chip.chip--icon-before .chip-icon{margin-right:6px}:host .chip.chip--icon-after .chip-icon{margin-left:6px;order:1}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconPosition: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3BzLWNoaXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3BzLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY3BzLWNoaXAvY3BzLWNoaXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3BzLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY3BzLWNoaXAvY3BzLWNoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQVMvQyxNQUFNLE9BQU8sZ0JBQWdCO0lBUDdCO1FBUVcsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLFNBQUksR0FBRyxFQUFFLENBQUM7UUFDVixpQkFBWSxHQUF1QixRQUFRLENBQUM7UUFDNUMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWhCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXRDLGdCQUFXLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztLQTJCeEI7SUF6QkMsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksSUFBSSxDQUFDLFFBQVE7WUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUUxRCxJQUFJLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUMzQixRQUFRLElBQUksQ0FBQyxZQUFZLEVBQUU7Z0JBQ3pCLEtBQUssUUFBUSxDQUFDLENBQUM7b0JBQ2IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQztvQkFDM0MsTUFBTTtpQkFDUDtnQkFDRCxLQUFLLE9BQU8sQ0FBQyxDQUFDO29CQUNaLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7b0JBQzFDLE1BQU07aUJBQ1A7YUFDRjtTQUNGO0lBQ0gsQ0FBQztJQUVELFlBQVksQ0FBRSxLQUFVO1FBQ3RCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7OzZHQW5DVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQiw0T0NqQjdCLHdaQWlCQSx5NkJETFksWUFBWSxpT0FBRSxnQkFBZ0I7MkZBSzdCLGdCQUFnQjtrQkFQNUIsU0FBUztpQ0FDSSxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZ0JBQWdCLENBQUMsWUFDL0IsVUFBVTs4QkFLWCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPdXRwdXRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDcHNJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vY3BzLWljb24vY3BzLWljb24uY29tcG9uZW50JztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBDcHNJY29uQ29tcG9uZW50XSxcbiAgc2VsZWN0b3I6ICdjcHMtY2hpcCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jcHMtY2hpcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Nwcy1jaGlwLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ3BzQ2hpcENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gIEBJbnB1dCgpIGljb24gPSAnJztcbiAgQElucHV0KCkgaWNvblBvc2l0aW9uOiAnYmVmb3JlJyB8ICdhZnRlcicgPSAnYmVmb3JlJztcbiAgQElucHV0KCkgY2xvc2FibGUgPSBmYWxzZTtcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgY2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNsYXNzZXNMaXN0ID0gWydjaGlwJ107XG5cbiAgbmdPbkNoYW5nZXMgKCkge1xuICAgIHRoaXMuc2V0Q2xhc3NlcygpO1xuICB9XG5cbiAgc2V0Q2xhc3NlcyAoKSB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHRoaXMuY2xhc3Nlc0xpc3QucHVzaCgnY2hpcC1kaXNhYmxlZCcpO1xuXG4gICAgaWYgKHRoaXMuaWNvbiAmJiB0aGlzLmxhYmVsKSB7XG4gICAgICBzd2l0Y2ggKHRoaXMuaWNvblBvc2l0aW9uKSB7XG4gICAgICAgIGNhc2UgJ2JlZm9yZSc6IHtcbiAgICAgICAgICB0aGlzLmNsYXNzZXNMaXN0LnB1c2goJ2NoaXAtLWljb24tYmVmb3JlJyk7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIH1cbiAgICAgICAgY2FzZSAnYWZ0ZXInOiB7XG4gICAgICAgICAgdGhpcy5jbGFzc2VzTGlzdC5wdXNoKCdjaGlwLS1pY29uLWFmdGVyJyk7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBvbkNsb3NlQ2xpY2sgKGV2ZW50OiBhbnkpIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLmNsb3NlZC5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXYgW25nQ2xhc3NdPVwiY2xhc3Nlc0xpc3RcIj5cbiAgPGNwcy1pY29uXG4gICAgKm5nSWY9XCJpY29uXCJcbiAgICBjbGFzcz1cImNoaXAtaWNvblwiXG4gICAgW2ljb25dPVwiaWNvblwiXG4gICAgY29sb3I9XCJ0ZXh0LWRhcmtlc3RcIlxuICA+PC9jcHMtaWNvbj5cbiAgPHNwYW4gY2xhc3M9XCJjaGlwLWxhYmVsXCI+e3sgbGFiZWwgfX08L3NwYW4+XG4gIDxjcHMtaWNvblxuICAgICpuZ0lmPVwiY2xvc2FibGVcIlxuICAgIGNsYXNzPVwiY2hpcC1jbG9zZS1pY29uXCJcbiAgICBpY29uPVwiY2xvc2UteFwiXG4gICAgc2l6ZT1cInhzbWFsbFwiXG4gICAgY29sb3I9XCJ0ZXh0LWRhcmtlc3RcIlxuICAgIChjbGljayk9XCJvbkNsb3NlQ2xpY2soJGV2ZW50KVwiXG4gID48L2Nwcy1pY29uPlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/components/cps-icon/cps-icon.component.mjs

@@ -0,0 +1,163 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import { getCSSColor } from '../../utils/colors-utils';
+import { convertSize } from '../../utils/size-utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export const iconNames = [
+    'absa-logo',
+    'access',
+    'access-denied',
+    'access-menu',
+    'access-unlock',
+    'add',
+    'add-domain',
+    'avatar',
+    'avatar-top-menu',
+    'bell',
+    'book',
+    'bookmark',
+    'browse',
+    'burger-arrow',
+    'caret-down',
+    'change',
+    'checked',
+    'chevron-down',
+    'chevron-down-2',
+    'circle',
+    'close-x',
+    'close-x-2',
+    'community',
+    'construction',
+    'controls',
+    'csv',
+    'cub',
+    'database',
+    'datepicker',
+    'delete',
+    'dislike',
+    'dots',
+    'download',
+    'dq',
+    'dropdown-menu',
+    'edit',
+    'expand',
+    'export',
+    'eye',
+    'filter',
+    'filter_2',
+    'follow',
+    'glossary',
+    'graph',
+    'grid',
+    'grid-view',
+    'health',
+    'heart',
+    'help-circle',
+    'home',
+    'insight',
+    'issues',
+    'jpeg',
+    'kris',
+    'last-seen-product',
+    'like',
+    'line-vertical',
+    'lock',
+    'logout',
+    'menu-expand',
+    'minus',
+    'multiple_users',
+    'open',
+    'path',
+    'pdf',
+    'plus',
+    'projects',
+    'question',
+    'questions',
+    'rectangle-rounded',
+    'refresh-browse',
+    'remove',
+    'right',
+    'schema_filter',
+    'search',
+    'settings',
+    'smart',
+    'star',
+    'stepper-completed',
+    'success',
+    'suggestion',
+    'survivorship',
+    'table-row-error',
+    'table-row-success',
+    'table-row-warning',
+    'toast-error',
+    'toast-info',
+    'toast-success',
+    'toast-warning',
+    'tools',
+    'user',
+    'users',
+    'vector',
+    'vector-down',
+    'vector-right',
+    'vector-up',
+    'wallet',
+    'warning',
+    'widget-button-icon',
+    'xls'
+];
+export class CpsIconComponent {
+    constructor() {
+        this.icon = '';
+        this.size = 'small';
+        this.color = 'currentColor';
+        this.iconColor = 'currentColor';
+        this.url = '../../../../assets/icons/';
+        this.cvtSize = '';
+        this.classesList = ['icon'];
+    }
+    ngOnChanges() {
+        this.iconColor = getCSSColor(this.color);
+        this.setClasses();
+    }
+    setClasses() {
+        switch (this.size) {
+            case 'fill': {
+                this.classesList.push('icon--fill');
+                break;
+            }
+            case 'xsmall': {
+                this.classesList.push('icon--xsmall');
+                break;
+            }
+            case 'small': {
+                this.classesList.push('icon--small');
+                break;
+            }
+            case 'normal': {
+                this.classesList.push('icon--normal');
+                break;
+            }
+            case 'large': {
+                this.classesList.push('icon--large');
+                break;
+            }
+            default:
+                this.cvtSize = convertSize(this.size);
+                break;
+        }
+    }
+}
+CpsIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CpsIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CpsIconComponent, isStandalone: true, selector: "cps-icon", inputs: { icon: "icon", size: "size", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<i *ngIf=\"icon\" [ngClass]=\"classesList\" [style.color]=\"iconColor\" [ngStyle]=\"{width: cvtSize || 'none', height: cvtSize || 'none'}\">\n  <svg>\n    <use attr.xlink:href=\"{{ url }}{{ icon }}.svg#{{ icon }}\"></use>\n  </svg>\n</i>\n", styles: [":host{display:inline-flex}:host .icon--fill{width:100%;height:100%}:host .icon--xsmall{width:12px;height:12px}:host .icon--small{width:16px;height:16px}:host .icon--normal{width:24px;height:24px}:host .icon--large{width:32px;height:32px}svg{color:inherit;fill:currentColor;height:100%;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsIconComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule], selector: 'cps-icon', template: "<i *ngIf=\"icon\" [ngClass]=\"classesList\" [style.color]=\"iconColor\" [ngStyle]=\"{width: cvtSize || 'none', height: cvtSize || 'none'}\">\n  <svg>\n    <use attr.xlink:href=\"{{ url }}{{ icon }}.svg#{{ icon }}\"></use>\n  </svg>\n</i>\n", styles: [":host{display:inline-flex}:host .icon--fill{width:100%;height:100%}:host .icon--xsmall{width:12px;height:12px}:host .icon--small{width:16px;height:16px}:host .icon--normal{width:24px;height:24px}:host .icon--large{width:32px;height:32px}svg{color:inherit;fill:currentColor;height:100%;width:100%}\n"] }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3BzLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3BzLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY3BzLWljb24vY3BzLWljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3BzLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY3BzLWljb24vY3BzLWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7OztBQUVyRCxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUc7SUFDdkIsV0FBVztJQUNYLFFBQVE7SUFDUixlQUFlO0lBQ2YsYUFBYTtJQUNiLGVBQWU7SUFDZixLQUFLO0lBQ0wsWUFBWTtJQUNaLFFBQVE7SUFDUixpQkFBaUI7SUFDakIsTUFBTTtJQUNOLE1BQU07SUFDTixVQUFVO0lBQ1YsUUFBUTtJQUNSLGNBQWM7SUFDZCxZQUFZO0lBQ1osUUFBUTtJQUNSLFNBQVM7SUFDVCxjQUFjO0lBQ2QsZ0JBQWdCO0lBQ2hCLFFBQVE7SUFDUixTQUFTO0lBQ1QsV0FBVztJQUNYLFdBQVc7SUFDWCxjQUFjO0lBQ2QsVUFBVTtJQUNWLEtBQUs7SUFDTCxLQUFLO0lBQ0wsVUFBVTtJQUNWLFlBQVk7SUFDWixRQUFRO0lBQ1IsU0FBUztJQUNULE1BQU07SUFDTixVQUFVO0lBQ1YsSUFBSTtJQUNKLGVBQWU7SUFDZixNQUFNO0lBQ04sUUFBUTtJQUNSLFFBQVE7SUFDUixLQUFLO0lBQ0wsUUFBUTtJQUNS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dWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZ2V0Q1NTQ29sb3IgfSBmcm9tICcuLi8uLi91dGlscy9jb2xvcnMtdXRpbHMnO1xuaW1wb3J0IHsgY29udmVydFNpemUgfSBmcm9tICcuLi8uLi91dGlscy9zaXplLXV0aWxzJztcblxuZXhwb3J0IGNvbnN0IGljb25OYW1lcyA9IFtcbiAgJ2Fic2EtbG9nbycsXG4gICdhY2Nlc3MnLFxuICAnYWNjZXNzLWRlbmllZCcsXG4gICdhY2Nlc3MtbWVudScsXG4gICdhY2Nlc3MtdW5sb2NrJyxcbiAgJ2FkZCcsXG4gICdhZGQtZG9tYWluJyxcbiAgJ2F2YXRhcicsXG4gICdhdmF0YXItdG9wLW1lbnUnLFxuICAnYmVsbCcsXG4gICdib29rJyxcbiAgJ2Jvb2ttYXJrJyxcbiAgJ2Jyb3dzZScsXG4gICdidXJnZXItYXJyb3cnLFxuICAnY2FyZXQtZG93bicsXG4gICdjaGFuZ2UnLFxuICAnY2hlY2tlZCcsXG4gICdjaGV2cm9uLWRvd24nLFxuICAnY2hldnJvbi1kb3duLTInLFxuICAnY2lyY2xlJyxcbiAgJ2Nsb3NlLXgnLFxuICAnY2xvc2UteC0yJyxcbiAgJ2NvbW11bml0eScsXG4gICdjb25zdHJ1Y3Rpb24nLFxuICAnY29udHJvbHMnLFxuICAnY3N2JyxcbiAgJ2N1YicsXG4gICdkYXRhYmFzZScsXG4gICdkYXRlcGlja2VyJyxcbiAgJ2RlbGV0ZScsXG4gICdkaXNsaWtlJyxcbiAgJ2RvdHMnLFxuICAnZG93bmxvYWQnLFxuICAnZHEnLFxuICAnZHJvcGRvd24tbWVudScsXG4gICdlZGl0JyxcbiAgJ2V4cGFuZCcsXG4gICdleHBvcnQnLFxuICAnZXllJyxcbiAgJ2ZpbHRlcicsXG4gICdmaWx0ZXJfMicsXG4gICdmb2xsb3cnLFxuICAnZ2xvc3NhcnknLFxuICAnZ3JhcGgnLFxuICAnZ3JpZCcsXG4gICdncmlkLXZpZXcnLFxuICAnaGVhbHRoJyxcbiAgJ2hlYXJ0JyxcbiAgJ2hlbHAtY2lyY2xlJyxcbiAgJ2hvbWUnLFxuICAnaW5zaWdodCcsXG4gICdpc3N1ZXMnLFxuICAnanBlZycsXG4gICdrcmlzJyxcbiAgJ2xhc3Qtc2Vlbi1wcm9kdWN0JyxcbiAgJ2xpa2UnLFxuICAnbGluZS12ZXJ0aWNhbCcsXG4gICdsb2NrJyxcbiAgJ2xvZ291dCcsXG4gICdtZW51LWV4cGFuZCcsXG4gICdtaW51cycsXG4gICdtdWx0aXBsZV91c2VycycsXG4gICdvcGVuJyxcbiAgJ3BhdGgnLFxuICAncGRmJyxcbiAgJ3BsdXMnLFxuICAncHJvamVjdHMnLFxuICAncXVlc3Rpb24nLFxuICAncXVlc3Rpb25zJyxcbiAgJ3JlY3RhbmdsZS1yb3VuZGVkJyxcbiAgJ3JlZnJlc2gtYnJvd3NlJyxcbiAgJ3JlbW92ZScsXG4gICdyaWdodCcsXG4gICdzY2hlbWFfZmlsdGVyJyxcbiAgJ3NlYXJjaCcsXG4gICdzZXR0aW5ncycsXG4gICdzbWFydCcsXG4gICdzdGFyJyxcbiAgJ3N0ZXBwZXItY29tcGxldGVkJyxcbiAgJ3N1Y2Nlc3MnLFxuICAnc3VnZ2VzdGlvbicsXG4gICdzdXJ2aXZvcnNoaXAnLFxuICAndGFibGUtcm93LWVycm9yJyxcbiAgJ3RhYmxlLXJvdy1zdWNjZXNzJyxcbiAgJ3RhYmxlLXJvdy13YXJuaW5nJyxcbiAgJ3RvYXN0LWVycm9yJyxcbiAgJ3RvYXN0LWluZm8nLFxuICAndG9hc3Qtc3VjY2VzcycsXG4gICd0b2FzdC13YXJuaW5nJyxcbiAgJ3Rvb2xzJyxcbiAgJ3VzZXInLFxuICAndXNlcnMnLFxuICAndmVjdG9yJyxcbiAgJ3ZlY3Rvci1kb3duJyxcbiAgJ3ZlY3Rvci1yaWdodCcsXG4gICd2ZWN0b3ItdXAnLFxuICAnd2FsbGV0JyxcbiAgJ3dhcm5pbmcnLFxuICAnd2lkZ2V0LWJ1dHRvbi1pY29uJyxcbiAgJ3hscydcbl07XG5cbmV4cG9ydCB0eXBlIEljb25UeXBlID0gKHR5cGVvZiBpY29uTmFtZXMpW251bWJlcl07XG5cbmV4cG9ydCB0eXBlIGljb25TaXplVHlwZSA9XG4gIHwgbnVtYmVyXG4gIHwgc3RyaW5nXG4gIHwgJ2ZpbGwnXG4gIHwgJ3hzbWFsbCdcbiAgfCAnc21hbGwnXG4gIHwgJ25vcm1hbCdcbiAgfCAnbGFyZ2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHNlbGVjdG9yOiAnY3BzLWljb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vY3BzLWljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jcHMtaWNvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENwc0ljb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBpY29uOiBJY29uVHlwZSA9ICcnO1xuICBASW5wdXQoKSBzaXplOiBpY29uU2l6ZVR5cGUgPSAnc21hbGwnO1xuXG4gIEBJbnB1dCgpIGNvbG9yID0gJ2N1cnJlbnRDb2xvcic7XG5cbiAgaWNvbkNvbG9yID0gJ2N1cnJlbnRDb2xvcic7XG4gIHVybCA9ICcuLi8uLi8uLi8uLi9hc3NldHMvaWNvbnMvJztcbiAgY3Z0U2l6ZSA9ICcnO1xuXG4gIGNsYXNzZXNMaXN0OiBzdHJpbmdbXSA9IFsnaWNvbiddO1xuXG4gIG5nT25DaGFuZ2VzICgpOiB2b2lkIHtcbiAgICB0aGlzLmljb25Db2xvciA9IGdldENTU0NvbG9yKHRoaXMuY29sb3IpO1xuICAgIHRoaXMuc2V0Q2xhc3NlcygpO1xuICB9XG5cbiAgc2V0Q2xhc3NlcyAoKTogdm9pZCB7XG4gICAgc3dpdGNoICh0aGlzLnNpemUpIHtcbiAgICAgIGNhc2UgJ2ZpbGwnOiB7XG4gICAgICAgIHRoaXMuY2xhc3Nlc0xpc3QucHVzaCgnaWNvbi0tZmlsbCcpO1xuICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICAgIGNhc2UgJ3hzbWFsbCc6IHtcbiAgICAgICAgdGhpcy5jbGFzc2VzTGlzdC5wdXNoKCdpY29uLS14c21hbGwnKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgICBjYXNlICdzbWFsbCc6IHtcbiAgICAgICAgdGhpcy5jbGFzc2VzTGlzdC5wdXNoKCdpY29uLS1zbWFsbCcpO1xuICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICAgIGNhc2UgJ25vcm1hbCc6IHtcbiAgICAgICAgdGhpcy5jbGFzc2VzTGlzdC5wdXNoKCdpY29uLS1ub3JtYWwnKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgICBjYXNlICdsYXJnZSc6IHtcbiAgICAgICAgdGhpcy5jbGFzc2VzTGlzdC5wdXNoKCdpY29uLS1sYXJnZScpO1xuICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHRoaXMuY3Z0U2l6ZSA9IGNvbnZlcnRTaXplKHRoaXMuc2l6ZSk7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfVxufVxuIiwiPGkgKm5nSWY9XCJpY29uXCIgW25nQ2xhc3NdPVwiY2xhc3Nlc0xpc3RcIiBbc3R5bGUuY29sb3JdPVwiaWNvbkNvbG9yXCIgW25nU3R5bGVdPVwie3dpZHRoOiBjdnRTaXplIHx8ICdub25lJywgaGVpZ2h0OiBjdnRTaXplIHx8ICdub25lJ31cIj5cbiAgPHN2Zz5cbiAgICA8dXNlIGF0dHIueGxpbms6aHJlZj1cInt7IHVybCB9fXt7IGljb24gfX0uc3ZnI3t7IGljb24gfX1cIj48L3VzZT5cbiAgPC9zdmc+XG48L2k+XG4iXX0=