cps-ui-kit 17.24.0 → 17.25.0

package/README.md

@@ -11,6 +11,7 @@
 - Chip
 - Datepicker
 - Dialog
+- Divider
 - Expansion panel
 - File upload
 - Icon

package/esm2022/lib/components/cps-divider/cps-divider.component.mjs

@@ -0,0 +1,46 @@
+import { Component, ViewEncapsulation, computed, input } from '@angular/core';
+import { getCSSColor } from '../../utils/colors-utils';
+import { convertSize } from '../../utils/internal/size-utils';
+import * as i0 from "@angular/core";
+/**
+ * CpsDividerComponent is a component that can be used to separate content.
+ * @group Components
+ */
+export class CpsDividerComponent {
+    constructor() {
+        /**
+         * Determines whether the divider is vertically aligned.
+         * @group Props
+         */
+        this.vertical = input(false);
+        /**
+         * Color of the divider.
+         * @group Props
+         */
+        this.color = input('line-mid');
+        /**
+         * Thickness of the divider, a number denoting pixels or a string.
+         * @group Props
+         */
+        this.thickness = input('1px');
+        this._dividerColor = computed(() => {
+            return getCSSColor(this.color());
+        });
+        this._dividerThickness = computed(() => {
+            return convertSize(this.thickness());
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CpsDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.0", type: CpsDividerComponent, isStandalone: true, selector: "cps-divider", inputs: { vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.cps-divider-vertical": "vertical()", "class.cps-divider-horizontal": "!vertical()", "style.border-color": "_dividerColor()", "style.border-width": "_dividerThickness()" }, classAttribute: "cps-divider" }, ngImport: i0, template: '', isInline: true, styles: [".cps-divider{display:block;margin:0}.cps-divider.cps-divider-horizontal{border-top-style:solid}.cps-divider.cps-divider-vertical{border-right-style:solid}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CpsDividerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cps-divider', host: {
+                        class: 'cps-divider',
+                        '[class.cps-divider-vertical]': 'vertical()',
+                        '[class.cps-divider-horizontal]': '!vertical()',
+                        '[style.border-color]': '_dividerColor()',
+                        '[style.border-width]': '_dividerThickness()'
+                    }, standalone: true, template: '', encapsulation: ViewEncapsulation.None, styles: [".cps-divider{display:block;margin:0}.cps-divider.cps-divider-horizontal{border-top-style:solid}.cps-divider.cps-divider-vertical{border-right-style:solid}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3BzLWRpdmlkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3BzLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY3BzLWRpdmlkZXIvY3BzLWRpdmlkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQUU5RDs7O0dBR0c7QUFlSCxNQUFNLE9BQU8sbUJBQW1CO0lBZGhDO1FBZUU7OztXQUdHO1FBQ0gsYUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUV4Qjs7O1dBR0c7UUFDSCxVQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBRTFCOzs7V0FHRztRQUNILGNBQVMsR0FBRyxLQUFLLENBQWtCLEtBQUssQ0FBQyxDQUFDO1FBRWxDLGtCQUFhLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUNwQyxPQUFPLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUNuQyxDQUFDLENBQUMsQ0FBQztRQUVLLHNCQUFpQixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDeEMsT0FBTyxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUM7UUFDdkMsQ0FBQyxDQUFDLENBQUM7S0FDSjs4R0ExQlksbUJBQW1CO2tHQUFuQixtQkFBbUIsMHJCQUpwQixFQUFFOzsyRkFJRCxtQkFBbUI7a0JBZC9CLFNBQVM7K0JBQ0UsYUFBYSxRQUNqQjt3QkFDSixLQUFLLEVBQUUsYUFBYTt3QkFDcEIsOEJBQThCLEVBQUUsWUFBWTt3QkFDNUMsZ0NBQWdDLEVBQUUsYUFBYTt3QkFDL0Msc0JBQXNCLEVBQUUsaUJBQWlCO3dCQUN6QyxzQkFBc0IsRUFBRSxxQkFBcUI7cUJBQzlDLGNBQ1csSUFBSSxZQUNOLEVBQUUsaUJBRUcsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIGNvbXB1dGVkLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZ2V0Q1NTQ29sb3IgfSBmcm9tICcuLi8uLi91dGlscy9jb2xvcnMtdXRpbHMnO1xuaW1wb3J0IHsgY29udmVydFNpemUgfSBmcm9tICcuLi8uLi91dGlscy9pbnRlcm5hbC9zaXplLXV0aWxzJztcblxuLyoqXG4gKiBDcHNEaXZpZGVyQ29tcG9uZW50IGlzIGEgY29tcG9uZW50IHRoYXQgY2FuIGJlIHVzZWQgdG8gc2VwYXJhdGUgY29udGVudC5cbiAqIEBncm91cCBDb21wb25lbnRzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Nwcy1kaXZpZGVyJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnY3BzLWRpdmlkZXInLFxuICAgICdbY2xhc3MuY3BzLWRpdmlkZXItdmVydGljYWxdJzogJ3ZlcnRpY2FsKCknLFxuICAgICdbY2xhc3MuY3BzLWRpdmlkZXItaG9yaXpvbnRhbF0nOiAnIXZlcnRpY2FsKCknLFxuICAgICdbc3R5bGUuYm9yZGVyLWNvbG9yXSc6ICdfZGl2aWRlckNvbG9yKCknLFxuICAgICdbc3R5bGUuYm9yZGVyLXdpZHRoXSc6ICdfZGl2aWRlclRoaWNrbmVzcygpJ1xuICB9LFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICB0ZW1wbGF0ZTogJycsXG4gIHN0eWxlVXJsOiAnLi9jcHMtZGl2aWRlci5jb21wb25lbnQuc2NzcycsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgQ3BzRGl2aWRlckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHdoZXRoZXIgdGhlIGRpdmlkZXIgaXMgdmVydGljYWxseSBhbGlnbmVkLlxuICAgKiBAZ3JvdXAgUHJvcHNcbiAgICovXG4gIHZlcnRpY2FsID0gaW5wdXQoZmFsc2UpO1xuXG4gIC8qKlxuICAgKiBDb2xvciBvZiB0aGUgZGl2aWRlci5cbiAgICogQGdyb3VwIFByb3BzXG4gICAqL1xuICBjb2xvciA9IGlucHV0KCdsaW5lLW1pZCcpO1xuXG4gIC8qKlxuICAgKiBUaGlja25lc3Mgb2YgdGhlIGRpdmlkZXIsIGEgbnVtYmVyIGRlbm90aW5nIHBpeGVscyBvciBhIHN0cmluZy5cbiAgICogQGdyb3VwIFByb3BzXG4gICAqL1xuICB0aGlja25lc3MgPSBpbnB1dDxudW1iZXIgfCBzdHJpbmc+KCcxcHgnKTtcblxuICBwcml2YXRlIF9kaXZpZGVyQ29sb3IgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgcmV0dXJuIGdldENTU0NvbG9yKHRoaXMuY29sb3IoKSk7XG4gIH0pO1xuXG4gIHByaXZhdGUgX2RpdmlkZXJUaGlja25lc3MgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgcmV0dXJuIGNvbnZlcnRTaXplKHRoaXMudGhpY2tuZXNzKCkpO1xuICB9KTtcbn1cbiJdfQ==