mis-crystal-design-system 18.1.3-signal → 18.1.4-signal
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -33,8 +33,6 @@ export declare class ButtonComponent implements OnInit {
|
|
|
33
33
|
readonly showLeftIcon: import("@angular/core").Signal<boolean>;
|
|
34
34
|
readonly showRightIcon: import("@angular/core").Signal<boolean>;
|
|
35
35
|
readonly showSpinner: import("@angular/core").Signal<boolean>;
|
|
36
|
-
readonly isDisabled: import("@angular/core").Signal<boolean>;
|
|
37
|
-
hostDisabled: boolean;
|
|
38
36
|
click: EventEmitter<any>;
|
|
39
37
|
constructor();
|
|
40
38
|
ngOnInit(): void;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Output, EventEmitter,
|
|
1
|
+
import { Component, Output, EventEmitter, input, computed } from "@angular/core";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
function ButtonComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -60,22 +60,17 @@ export class ButtonComponent {
|
|
|
60
60
|
this.showLeftIcon = computed(() => this.showIcon() && this.iconPosition() === 'Left');
|
|
61
61
|
this.showRightIcon = computed(() => this.showIcon() && this.iconPosition() === 'Right');
|
|
62
62
|
this.showSpinner = computed(() => this.showLoader());
|
|
63
|
-
// Computed disabled state
|
|
64
|
-
this.isDisabled = computed(() => this.disabled() || this.showLoader());
|
|
65
|
-
this.hostDisabled = this.isDisabled();
|
|
66
63
|
// Output
|
|
67
64
|
this.click = new EventEmitter();
|
|
68
65
|
}
|
|
69
66
|
ngOnInit() { }
|
|
70
67
|
onClick(event) {
|
|
71
|
-
if (!this.
|
|
68
|
+
if (!this.disabled() && !this.showLoader()) {
|
|
72
69
|
this.click.emit(event);
|
|
73
70
|
}
|
|
74
71
|
}
|
|
75
72
|
static { this.ɵfac = function ButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ButtonComponent)(); }; }
|
|
76
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ButtonComponent, selectors: [["mis-button"]],
|
|
77
|
-
i0.ɵɵhostProperty("disabled", ctx.hostDisabled);
|
|
78
|
-
} }, inputs: { name: [1, "name"], type: [1, "type"], size: [1, "size"], width: [1, "width"], showIcon: [1, "showIcon"], iconUrl: [1, "iconUrl"], iconPosition: [1, "iconPosition"], disabled: [1, "disabled"], disableLeftBorderRadius: [1, "disableLeftBorderRadius"], disableRightBorderRadius: [1, "disableRightBorderRadius"], showLoader: [1, "showLoader"] }, outputs: { click: "click" }, decls: 6, vars: 6, consts: [[3, "click", "ngClass", "ngStyle"], ["class", "loader", 4, "ngIf"], ["id", "left-icon", 4, "ngIf"], [1, "button-text"], ["id", "right-icon", 4, "ngIf"], [1, "loader"], [1, "spinner"], ["id", "left-icon"], ["alt", "", 3, "src"], ["id", "right-icon"]], template: function ButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
73
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ButtonComponent, selectors: [["mis-button"]], inputs: { name: [1, "name"], type: [1, "type"], size: [1, "size"], width: [1, "width"], showIcon: [1, "showIcon"], iconUrl: [1, "iconUrl"], iconPosition: [1, "iconPosition"], disabled: [1, "disabled"], disableLeftBorderRadius: [1, "disableLeftBorderRadius"], disableRightBorderRadius: [1, "disableRightBorderRadius"], showLoader: [1, "showLoader"] }, outputs: { click: "click" }, decls: 6, vars: 7, consts: [[3, "click", "disabled", "ngClass", "ngStyle"], ["class", "loader", 4, "ngIf"], ["id", "left-icon", 4, "ngIf"], [1, "button-text"], ["id", "right-icon", 4, "ngIf"], [1, "loader"], [1, "spinner"], ["id", "left-icon"], ["alt", "", 3, "src"], ["id", "right-icon"]], template: function ButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
79
74
|
i0.ɵɵelementStart(0, "button", 0);
|
|
80
75
|
i0.ɵɵlistener("click", function ButtonComponent_Template_button_click_0_listener($event) { return ctx.onClick($event); });
|
|
81
76
|
i0.ɵɵtemplate(1, ButtonComponent_div_1_Template, 2, 0, "div", 1)(2, ButtonComponent_span_2_Template, 2, 1, "span", 2);
|
|
@@ -85,7 +80,7 @@ export class ButtonComponent {
|
|
|
85
80
|
i0.ɵɵtemplate(5, ButtonComponent_span_5_Template, 2, 1, "span", 4);
|
|
86
81
|
i0.ɵɵelementEnd();
|
|
87
82
|
} if (rf & 2) {
|
|
88
|
-
i0.ɵɵproperty("ngClass", ctx.classes())("ngStyle", ctx.styles());
|
|
83
|
+
i0.ɵɵproperty("disabled", ctx.disabled() || ctx.showLoader())("ngClass", ctx.classes())("ngStyle", ctx.styles());
|
|
89
84
|
i0.ɵɵadvance();
|
|
90
85
|
i0.ɵɵproperty("ngIf", ctx.showSpinner());
|
|
91
86
|
i0.ɵɵadvance();
|
|
@@ -98,12 +93,9 @@ export class ButtonComponent {
|
|
|
98
93
|
}
|
|
99
94
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ButtonComponent, [{
|
|
100
95
|
type: Component,
|
|
101
|
-
args: [{ selector: "mis-button", template: "<button\n (click)=\"onClick($event)\"\n [ngClass]=\"classes()\"\n [ngStyle]=\"styles()\"\n>\n <!-- Loader -->\n <div class=\"loader\" *ngIf=\"showSpinner()\">\n <div class=\"spinner\"></div>\n </div>\n\n <!-- Left Icon -->\n <span id=\"left-icon\" *ngIf=\"showLeftIcon()\">\n <img [src]=\"iconUrl()\" alt=\"\" />\n </span>\n\n <!-- Button Text -->\n <span class=\"button-text\">{{ name() }}</span>\n\n <!-- Right Icon -->\n <span id=\"right-icon\" *ngIf=\"showRightIcon()\">\n <img [src]=\"iconUrl()\" alt=\"\" />\n </span>\n</button>\n", styles: [":root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3;--brand-primary: #0937B2;--brand-primary-light: #3C68D0;--brand-primary-dark: #062A99;--brand-primary-darker: #041F80;--brand-primary-lighter: #638FE7;--brand-primary-lightest: #CBDDFB;--brand-primary-hover: #F0F3FA;--brand-primary-active: #DAE1F3;--brand-secondary: #ED711C;--brand-secondary-light: #F09E65;--brand-secondary-dark: #B23600;--brand-secondary-lighter: #FFC6F2;--brand-accent: #10ADAE;--brand-accent-light: #16CBBC;--brand-accent-dark: #035F6B;--brand-accent-lighter: #ACDADA;--brand-success: #38AF49;--brand-success-light: #4CAF50;--brand-success-dark: #216531;--brand-success-lighter: #E4F5E9;--brand-success-lightest: #F1FFF3;--brand-error: #B00020;--brand-error-light: #F04E4E;--brand-error-dark: #A60060;--brand-error-lighter: #FAE1EA;--brand-error-lightest: #FDF2F2;--brand-warning: #FF9D00;--brand-warning-light: #D4900C;--brand-warning-dark: #624000;--brand-warning-lighter: #F4E7C3;--brand-warning-lightest: #FAEFED;--brand-info: #0091FF;--brand-info-light: #35A1FF;--brand-info-dark: #0087B2;--brand-info-lighter: #CFECF9;--text-primary: #181F33;--text-secondary: #6A737D;--text-tertiary: #929DAB;--text-disabled: #929DAB;--text-primary-87: rgba(24, 31, 51, .87);--text-primary-60: rgba(24, 31, 51, .6);--text-primary-38: rgba(24, 31, 51, .38);--text-primary-12: rgba(24, 31, 51, .12);--bg-primary: #FFFFFF;--bg-secondary: #FAFAFA;--bg-tertiary: #F5F5F5;--bg-overlay: rgba(0, 0, 0, .32);--bg-overlay-light: rgba(0, 0, 0, .12);--bg-overlay-lighter: rgba(0, 0, 0, .08);--bg-overlay-lightest: rgba(0, 0, 0, .04);--border-primary: #E0E0E0;--border-secondary: #D6DCE2;--border-tertiary: #C8CDD3;--border-light: #F1F4F8;--border-primary-12: rgba(0, 0, 0, .12);--border-primary-08: rgba(0, 0, 0, .08);--border-primary-06: rgba(0, 0, 0, .06);--shadow-primary: rgba(0, 0, 0, .12);--shadow-secondary: rgba(0, 0, 0, .08);--shadow-tertiary: rgba(0, 0, 0, .04);--shadow-light: rgba(0, 0, 0, .06);--status-available: #929DAB;--status-unavailable: #CCD3DA;--status-hotseat: #857BFF;--status-multiteam: #10ADAE;--status-selected: #10ADAE;--status-upcoming: #D4900C;--status-room: #38AF49;--status-room-booked: #B23600;--status-room-unavailable: #181F33;--team-color-1: #F8C52E;--team-color-2: #FA8E20;--team-color-3: #987CDD;--team-color-4: #16CBBC;--team-color-5: #E65010;--team-color-6: #A60060;--team-color-7: #ED323B;--team-color-8: #35A1FF;--team-color-9: #80D348}button{font-family:Lato,sans-serif!important;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary, #181F33);background-color:var(--bg-primary, #FFFFFF)}.solid{color:var(--bg-primary, #FFFFFF);background:var(--brand-primary, #0937B2)}.solid:hover:enabled{background:var(--brand-primary-dark, #062A99)}.solid:active:enabled{background:var(--brand-primary-darker, #041F80)}.solid:disabled{color:var(--text-tertiary, #929DAB);background:var(--bg-tertiary, #F5F5F5)}.outline{border:1px solid var(--brand-primary, #0937B2);color:var(--brand-primary, #0937B2);background:var(--bg-primary, #FFFFFF)}.outline:hover:enabled{background:var(--brand-primary-hover, #F0F3FA)}.outline:active:enabled{background:var(--brand-primary-active, #DAE1F3)}.outline:disabled{color:var(--text-tertiary, #929DAB);border:1px solid var(--text-tertiary, #929DAB)}.text{color:var(--text-primary, #181F33);background:var(--bg-primary, #FFFFFF)}.text:hover:enabled{background:var(--brand-primary-hover, #F0F3FA)}.text:active:enabled{background:var(--brand-primary-active, #DAE1F3)}.text:disabled{color:var(--text-tertiary, #929DAB)}.large{height:56px;padding:16px;border-radius:10px;font-style:normal;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.5px}.medium{height:44px;padding:10px 16px;border-radius:8px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.2px}.small{height:32px;padding:6px 16px;border-radius:6px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.large-mobile{height:44px;padding:12px;border-radius:8px;font-style:normal;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.1px}.small-mobile{height:32px;padding:6px 12px;border-radius:8px;font-style:normal;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.1px}span{display:flex;justify-content:center;align-items:center}#left-icon{margin-right:8px}#right-icon{margin-left:8px}.loader{display:flex;justify-content:center;align-items:center}.spinner{width:16px;height:16px;border:2px solid transparent;color:var(--brand-primary, #0937B2);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}button.loading .button-text,button.loading #left-icon,button.loading #right-icon{visibility:hidden}button.loading .loader{visibility:visible;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}button.loading{position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
102
|
-
}], () => [], {
|
|
103
|
-
type: HostBinding,
|
|
104
|
-
args: ['disabled']
|
|
105
|
-
}], click: [{
|
|
96
|
+
args: [{ selector: "mis-button", template: "<button\n [disabled]=\"disabled() || showLoader()\"\n (click)=\"onClick($event)\"\n [ngClass]=\"classes()\"\n [ngStyle]=\"styles()\"\n>\n <!-- Loader -->\n <div class=\"loader\" *ngIf=\"showSpinner()\">\n <div class=\"spinner\"></div>\n </div>\n\n <!-- Left Icon -->\n <span id=\"left-icon\" *ngIf=\"showLeftIcon()\">\n <img [src]=\"iconUrl()\" alt=\"\" />\n </span>\n\n <!-- Button Text -->\n <span class=\"button-text\">{{ name() }}</span>\n\n <!-- Right Icon -->\n <span id=\"right-icon\" *ngIf=\"showRightIcon()\">\n <img [src]=\"iconUrl()\" alt=\"\" />\n </span>\n</button>\n", styles: [":root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3;--brand-primary: #0937B2;--brand-primary-light: #3C68D0;--brand-primary-dark: #062A99;--brand-primary-darker: #041F80;--brand-primary-lighter: #638FE7;--brand-primary-lightest: #CBDDFB;--brand-primary-hover: #F0F3FA;--brand-primary-active: #DAE1F3;--brand-secondary: #ED711C;--brand-secondary-light: #F09E65;--brand-secondary-dark: #B23600;--brand-secondary-lighter: #FFC6F2;--brand-accent: #10ADAE;--brand-accent-light: #16CBBC;--brand-accent-dark: #035F6B;--brand-accent-lighter: #ACDADA;--brand-success: #38AF49;--brand-success-light: #4CAF50;--brand-success-dark: #216531;--brand-success-lighter: #E4F5E9;--brand-success-lightest: #F1FFF3;--brand-error: #B00020;--brand-error-light: #F04E4E;--brand-error-dark: #A60060;--brand-error-lighter: #FAE1EA;--brand-error-lightest: #FDF2F2;--brand-warning: #FF9D00;--brand-warning-light: #D4900C;--brand-warning-dark: #624000;--brand-warning-lighter: #F4E7C3;--brand-warning-lightest: #FAEFED;--brand-info: #0091FF;--brand-info-light: #35A1FF;--brand-info-dark: #0087B2;--brand-info-lighter: #CFECF9;--text-primary: #181F33;--text-secondary: #6A737D;--text-tertiary: #929DAB;--text-disabled: #929DAB;--text-primary-87: rgba(24, 31, 51, .87);--text-primary-60: rgba(24, 31, 51, .6);--text-primary-38: rgba(24, 31, 51, .38);--text-primary-12: rgba(24, 31, 51, .12);--bg-primary: #FFFFFF;--bg-secondary: #FAFAFA;--bg-tertiary: #F5F5F5;--bg-overlay: rgba(0, 0, 0, .32);--bg-overlay-light: rgba(0, 0, 0, .12);--bg-overlay-lighter: rgba(0, 0, 0, .08);--bg-overlay-lightest: rgba(0, 0, 0, .04);--border-primary: #E0E0E0;--border-secondary: #D6DCE2;--border-tertiary: #C8CDD3;--border-light: #F1F4F8;--border-primary-12: rgba(0, 0, 0, .12);--border-primary-08: rgba(0, 0, 0, .08);--border-primary-06: rgba(0, 0, 0, .06);--shadow-primary: rgba(0, 0, 0, .12);--shadow-secondary: rgba(0, 0, 0, .08);--shadow-tertiary: rgba(0, 0, 0, .04);--shadow-light: rgba(0, 0, 0, .06);--status-available: #929DAB;--status-unavailable: #CCD3DA;--status-hotseat: #857BFF;--status-multiteam: #10ADAE;--status-selected: #10ADAE;--status-upcoming: #D4900C;--status-room: #38AF49;--status-room-booked: #B23600;--status-room-unavailable: #181F33;--team-color-1: #F8C52E;--team-color-2: #FA8E20;--team-color-3: #987CDD;--team-color-4: #16CBBC;--team-color-5: #E65010;--team-color-6: #A60060;--team-color-7: #ED323B;--team-color-8: #35A1FF;--team-color-9: #80D348}button{font-family:Lato,sans-serif!important;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary, #181F33);background-color:var(--bg-primary, #FFFFFF)}.solid{color:var(--bg-primary, #FFFFFF);background:var(--brand-primary, #0937B2)}.solid:hover:enabled{background:var(--brand-primary-dark, #062A99)}.solid:active:enabled{background:var(--brand-primary-darker, #041F80)}.solid:disabled{color:var(--text-tertiary, #929DAB);background:var(--bg-tertiary, #F5F5F5)}.outline{border:1px solid var(--brand-primary, #0937B2);color:var(--brand-primary, #0937B2);background:var(--bg-primary, #FFFFFF)}.outline:hover:enabled{background:var(--brand-primary-hover, #F0F3FA)}.outline:active:enabled{background:var(--brand-primary-active, #DAE1F3)}.outline:disabled{color:var(--text-tertiary, #929DAB);border:1px solid var(--text-tertiary, #929DAB)}.text{color:var(--text-primary, #181F33);background:var(--bg-primary, #FFFFFF)}.text:hover:enabled{background:var(--brand-primary-hover, #F0F3FA)}.text:active:enabled{background:var(--brand-primary-active, #DAE1F3)}.text:disabled{color:var(--text-tertiary, #929DAB)}.large{height:56px;padding:16px;border-radius:10px;font-style:normal;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.5px}.medium{height:44px;padding:10px 16px;border-radius:8px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.2px}.small{height:32px;padding:6px 16px;border-radius:6px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.large-mobile{height:44px;padding:12px;border-radius:8px;font-style:normal;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.1px}.small-mobile{height:32px;padding:6px 12px;border-radius:8px;font-style:normal;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.1px}span{display:flex;justify-content:center;align-items:center}#left-icon{margin-right:8px}#right-icon{margin-left:8px}.loader{display:flex;justify-content:center;align-items:center}.spinner{width:16px;height:16px;border:2px solid transparent;color:var(--brand-primary, #0937B2);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}button.loading .button-text,button.loading #left-icon,button.loading #right-icon{visibility:hidden}button.loading .loader{visibility:visible;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}button.loading{position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
97
|
+
}], () => [], { click: [{
|
|
106
98
|
type: Output
|
|
107
99
|
}] }); })();
|
|
108
100
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ButtonComponent, { className: "ButtonComponent" }); })();
|
|
109
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
101
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sRUFBRSxZQUFZLEVBQWUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztJQ09wRyw4QkFBMEM7SUFDeEMseUJBQTJCO0lBQzdCLGlCQUFNOzs7SUFHTiwrQkFBNEM7SUFDMUMseUJBQWdDO0lBQ2xDLGlCQUFPOzs7SUFEQSxjQUFpQjtJQUFqQix3REFBaUI7OztJQU94QiwrQkFBOEM7SUFDNUMseUJBQWdDO0lBQ2xDLGlCQUFPOzs7SUFEQSxjQUFpQjtJQUFqQix3REFBaUI7O0FEZDFCLE1BQU0sT0FBTyxlQUFlO0lBMkMxQjtRQTFDQSxTQUFTO1FBQ1QsU0FBSSxHQUFHLEtBQUssQ0FBUyxTQUFTLENBQUMsQ0FBQztRQUNoQyxTQUFJLEdBQUcsS0FBSyxDQUErQixPQUFPLENBQUMsQ0FBQztRQUNwRCxTQUFJLEdBQUcsS0FBSyxDQUF1RCxRQUFRLENBQUMsQ0FBQztRQUM3RSxVQUFLLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQzFCLGFBQVEsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDakMsWUFBTyxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUM1QixpQkFBWSxHQUFHLEtBQUssQ0FBbUIsTUFBTSxDQUFDLENBQUM7UUFDL0MsYUFBUSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUNqQyw0QkFBdUIsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDaEQsNkJB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TDNCLFNBQVM7MkJBQ0UsWUFBWTtvQkE2Q1osS0FBSztrQkFBZCxNQUFNOztrRkF6Q0ksZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIGlucHV0LCBjb21wdXRlZCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtaXMtYnV0dG9uXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vYnV0dG9uLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9idXR0b24uY29tcG9uZW50LnNjc3NcIl1cbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLy8gSW5wdXRzXG4gIG5hbWUgPSBpbnB1dDxzdHJpbmc+KFwiRW5hYmxlZFwiKTtcbiAgdHlwZSA9IGlucHV0PFwiU29saWRcIiB8IFwiT3V0bGluZVwiIHwgXCJUZXh0XCI+KFwiU29saWRcIik7XG4gIHNpemUgPSBpbnB1dDxcIlNtYWxsXCIgfCBcIk1lZGl1bVwiIHwgXCJMYXJnZVwiIHwgXCJTbWFsbC1NXCIgfCBcIkxhcmdlLU1cIj4oXCJNZWRpdW1cIik7XG4gIHdpZHRoID0gaW5wdXQ8c3RyaW5nPihcIlwiKTtcbiAgc2hvd0ljb24gPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIGljb25VcmwgPSBpbnB1dDxzdHJpbmc+KFwiXCIpO1xuICBpY29uUG9zaXRpb24gPSBpbnB1dDxcIkxlZnRcIiB8IFwiUmlnaHRcIj4oXCJMZWZ0XCIpO1xuICBkaXNhYmxlZCA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgZGlzYWJsZUxlZnRCb3JkZXJSYWRpdXMgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIGRpc2FibGVSaWdodEJvcmRlclJhZGl1cyA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgc2hvd0xvYWRlciA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcblxuICAvLyBDb21wdXRlZCBzaWduYWxzIGZvciB0ZW1wbGF0ZSBiaW5kaW5nc1xuICByZWFkb25seSBjbGFzc2VzID0gY29tcHV0ZWQoKCkgPT4gKHtcbiAgICBzb2xpZDogdGhpcy50eXBlKCkgPT09ICdTb2xpZCcsXG4gICAgb3V0bGluZTogdGhpcy50eXBlKCkgPT09ICdPdXRsaW5lJyxcbiAgICB0ZXh0OiB0aGlzLnR5cGUoKSA9PT0gJ1RleHQnLFxuICAgIGxhcmdlOiB0aGlzLnNpemUoKSA9PT0gJ0xhcmdlJyxcbiAgICBtZWRpdW06IHRoaXMuc2l6ZSgpID09PSAnTWVkaXVtJyxcbiAgICBzbWFsbDogdGhpcy5zaXplKCkgPT09ICdTbWFsbCcsXG4gICAgJ2xhcmdlLW1vYmlsZSc6IHRoaXMuc2l6ZSgpID09PSAnTGFyZ2UtTScsXG4gICAgJ3NtYWxsLW1vYmlsZSc6IHRoaXMuc2l6ZSgpID09PSAnU21hbGwtTScsXG4gICAgbG9hZGluZzogdGhpcy5zaG93TG9hZGVyKClcbiAgfSkpO1xuXG4gIHJlYWRvbmx5IHN0eWxlcyA9IGNvbXB1dGVkKCgpID0+ICh7XG4gICAgJ2JvcmRlci10b3AtbGVmdC1yYWRpdXMnOiB0aGlzLmRpc2FibGVMZWZ0Qm9yZGVyUmFkaXVzKCkgPyAnMHB4JyA6ICcnLFxuICAgICdib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzJzogdGhpcy5kaXNhYmxlTGVmdEJvcmRlclJhZGl1cygpID8gJzBweCcgOiAnJyxcbiAgICAnYm9yZGVyLXRvcC1yaWdodC1yYWRpdXMnOiB0aGlzLmRpc2FibGVSaWdodEJvcmRlclJhZGl1cygpID8gJzBweCcgOiAnJyxcbiAgICAnYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXMnOiB0aGlzLmRpc2FibGVSaWdodEJvcmRlclJhZGl1cygpID8gJzBweCcgOiAnJyxcbiAgICB3aWR0aDogdGhpcy53aWR0aCgpXG4gIH0pKTtcblxuICByZWFkb25seSBzaG93TGVmdEljb24gPSBjb21wdXRlZCgoKSA9PiB0aGlzLnNob3dJY29uKCkgJiYgdGhpcy5pY29uUG9zaXRpb24oKSA9PT0gJ0xlZnQnKTtcbiAgcmVhZG9ubHkgc2hvd1JpZ2h0SWNvbiA9IGNvbXB1dGVkKCgpID0+IHRoaXMuc2hvd0ljb24oKSAmJiB0aGlzLmljb25Qb3NpdGlvbigpID09PSAnUmlnaHQnKTtcbiAgcmVhZG9ubHkgc2hvd1NwaW5uZXIgPSBjb21wdXRlZCgoKSA9PiB0aGlzLnNob3dMb2FkZXIoKSk7XG5cblxuICAvLyBPdXRwdXRcbiAgQE91dHB1dCgpIGNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge31cblxuICBvbkNsaWNrKGV2ZW50OiBhbnkpIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQoKSAmJiAhdGhpcy5zaG93TG9hZGVyKCkpIHtcbiAgICAgIHRoaXMuY2xpY2suZW1pdChldmVudCk7XG4gICAgfVxuICB9ICBcbn1cbiIsIjxidXR0b25cbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkKCkgfHwgc2hvd0xvYWRlcigpXCJcbiAgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiXG4gIFtuZ0NsYXNzXT1cImNsYXNzZXMoKVwiXG4gIFtuZ1N0eWxlXT1cInN0eWxlcygpXCJcbj5cbiAgPCEtLSBMb2FkZXIgLS0+XG4gIDxkaXYgY2xhc3M9XCJsb2FkZXJcIiAqbmdJZj1cInNob3dTcGlubmVyKClcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3Bpbm5lclwiPjwvZGl2PlxuICA8L2Rpdj5cblxuICA8IS0tIExlZnQgSWNvbiAtLT5cbiAgPHNwYW4gaWQ9XCJsZWZ0LWljb25cIiAqbmdJZj1cInNob3dMZWZ0SWNvbigpXCI+XG4gICAgPGltZyBbc3JjXT1cImljb25VcmwoKVwiIGFsdD1cIlwiIC8+XG4gIDwvc3Bhbj5cblxuICA8IS0tIEJ1dHRvbiBUZXh0IC0tPlxuICA8c3BhbiBjbGFzcz1cImJ1dHRvbi10ZXh0XCI+e3sgbmFtZSgpIH19PC9zcGFuPlxuXG4gIDwhLS0gUmlnaHQgSWNvbiAtLT5cbiAgPHNwYW4gaWQ9XCJyaWdodC1pY29uXCIgKm5nSWY9XCJzaG93UmlnaHRJY29uKClcIj5cbiAgICA8aW1nIFtzcmNdPVwiaWNvblVybCgpXCIgYWx0PVwiXCIgLz5cbiAgPC9zcGFuPlxuPC9idXR0b24+XG4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, computed, EventEmitter, Component,
|
|
2
|
+
import { input, computed, EventEmitter, Component, Output, effect, Directive, HostBinding, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
|
|
@@ -62,22 +62,17 @@ class ButtonComponent {
|
|
|
62
62
|
this.showLeftIcon = computed(() => this.showIcon() && this.iconPosition() === 'Left');
|
|
63
63
|
this.showRightIcon = computed(() => this.showIcon() && this.iconPosition() === 'Right');
|
|
64
64
|
this.showSpinner = computed(() => this.showLoader());
|
|
65
|
-
// Computed disabled state
|
|
66
|
-
this.isDisabled = computed(() => this.disabled() || this.showLoader());
|
|
67
|
-
this.hostDisabled = this.isDisabled();
|
|
68
65
|
// Output
|
|
69
66
|
this.click = new EventEmitter();
|
|
70
67
|
}
|
|
71
68
|
ngOnInit() { }
|
|
72
69
|
onClick(event) {
|
|
73
|
-
if (!this.
|
|
70
|
+
if (!this.disabled() && !this.showLoader()) {
|
|
74
71
|
this.click.emit(event);
|
|
75
72
|
}
|
|
76
73
|
}
|
|
77
74
|
static { this.ɵfac = function ButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ButtonComponent)(); }; }
|
|
78
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ButtonComponent, selectors: [["mis-button"]],
|
|
79
|
-
i0.ɵɵhostProperty("disabled", ctx.hostDisabled);
|
|
80
|
-
} }, inputs: { name: [1, "name"], type: [1, "type"], size: [1, "size"], width: [1, "width"], showIcon: [1, "showIcon"], iconUrl: [1, "iconUrl"], iconPosition: [1, "iconPosition"], disabled: [1, "disabled"], disableLeftBorderRadius: [1, "disableLeftBorderRadius"], disableRightBorderRadius: [1, "disableRightBorderRadius"], showLoader: [1, "showLoader"] }, outputs: { click: "click" }, decls: 6, vars: 6, consts: [[3, "click", "ngClass", "ngStyle"], ["class", "loader", 4, "ngIf"], ["id", "left-icon", 4, "ngIf"], [1, "button-text"], ["id", "right-icon", 4, "ngIf"], [1, "loader"], [1, "spinner"], ["id", "left-icon"], ["alt", "", 3, "src"], ["id", "right-icon"]], template: function ButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
75
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ButtonComponent, selectors: [["mis-button"]], inputs: { name: [1, "name"], type: [1, "type"], size: [1, "size"], width: [1, "width"], showIcon: [1, "showIcon"], iconUrl: [1, "iconUrl"], iconPosition: [1, "iconPosition"], disabled: [1, "disabled"], disableLeftBorderRadius: [1, "disableLeftBorderRadius"], disableRightBorderRadius: [1, "disableRightBorderRadius"], showLoader: [1, "showLoader"] }, outputs: { click: "click" }, decls: 6, vars: 7, consts: [[3, "click", "disabled", "ngClass", "ngStyle"], ["class", "loader", 4, "ngIf"], ["id", "left-icon", 4, "ngIf"], [1, "button-text"], ["id", "right-icon", 4, "ngIf"], [1, "loader"], [1, "spinner"], ["id", "left-icon"], ["alt", "", 3, "src"], ["id", "right-icon"]], template: function ButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
81
76
|
i0.ɵɵelementStart(0, "button", 0);
|
|
82
77
|
i0.ɵɵlistener("click", function ButtonComponent_Template_button_click_0_listener($event) { return ctx.onClick($event); });
|
|
83
78
|
i0.ɵɵtemplate(1, ButtonComponent_div_1_Template, 2, 0, "div", 1)(2, ButtonComponent_span_2_Template, 2, 1, "span", 2);
|
|
@@ -87,7 +82,7 @@ class ButtonComponent {
|
|
|
87
82
|
i0.ɵɵtemplate(5, ButtonComponent_span_5_Template, 2, 1, "span", 4);
|
|
88
83
|
i0.ɵɵelementEnd();
|
|
89
84
|
} if (rf & 2) {
|
|
90
|
-
i0.ɵɵproperty("ngClass", ctx.classes())("ngStyle", ctx.styles());
|
|
85
|
+
i0.ɵɵproperty("disabled", ctx.disabled() || ctx.showLoader())("ngClass", ctx.classes())("ngStyle", ctx.styles());
|
|
91
86
|
i0.ɵɵadvance();
|
|
92
87
|
i0.ɵɵproperty("ngIf", ctx.showSpinner());
|
|
93
88
|
i0.ɵɵadvance();
|
|
@@ -100,11 +95,8 @@ class ButtonComponent {
|
|
|
100
95
|
}
|
|
101
96
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ButtonComponent, [{
|
|
102
97
|
type: Component,
|
|
103
|
-
args: [{ selector: "mis-button", template: "<button\n (click)=\"onClick($event)\"\n [ngClass]=\"classes()\"\n [ngStyle]=\"styles()\"\n>\n <!-- Loader -->\n <div class=\"loader\" *ngIf=\"showSpinner()\">\n <div class=\"spinner\"></div>\n </div>\n\n <!-- Left Icon -->\n <span id=\"left-icon\" *ngIf=\"showLeftIcon()\">\n <img [src]=\"iconUrl()\" alt=\"\" />\n </span>\n\n <!-- Button Text -->\n <span class=\"button-text\">{{ name() }}</span>\n\n <!-- Right Icon -->\n <span id=\"right-icon\" *ngIf=\"showRightIcon()\">\n <img [src]=\"iconUrl()\" alt=\"\" />\n </span>\n</button>\n", styles: [":root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3;--brand-primary: #0937B2;--brand-primary-light: #3C68D0;--brand-primary-dark: #062A99;--brand-primary-darker: #041F80;--brand-primary-lighter: #638FE7;--brand-primary-lightest: #CBDDFB;--brand-primary-hover: #F0F3FA;--brand-primary-active: #DAE1F3;--brand-secondary: #ED711C;--brand-secondary-light: #F09E65;--brand-secondary-dark: #B23600;--brand-secondary-lighter: #FFC6F2;--brand-accent: #10ADAE;--brand-accent-light: #16CBBC;--brand-accent-dark: #035F6B;--brand-accent-lighter: #ACDADA;--brand-success: #38AF49;--brand-success-light: #4CAF50;--brand-success-dark: #216531;--brand-success-lighter: #E4F5E9;--brand-success-lightest: #F1FFF3;--brand-error: #B00020;--brand-error-light: #F04E4E;--brand-error-dark: #A60060;--brand-error-lighter: #FAE1EA;--brand-error-lightest: #FDF2F2;--brand-warning: #FF9D00;--brand-warning-light: #D4900C;--brand-warning-dark: #624000;--brand-warning-lighter: #F4E7C3;--brand-warning-lightest: #FAEFED;--brand-info: #0091FF;--brand-info-light: #35A1FF;--brand-info-dark: #0087B2;--brand-info-lighter: #CFECF9;--text-primary: #181F33;--text-secondary: #6A737D;--text-tertiary: #929DAB;--text-disabled: #929DAB;--text-primary-87: rgba(24, 31, 51, .87);--text-primary-60: rgba(24, 31, 51, .6);--text-primary-38: rgba(24, 31, 51, .38);--text-primary-12: rgba(24, 31, 51, .12);--bg-primary: #FFFFFF;--bg-secondary: #FAFAFA;--bg-tertiary: #F5F5F5;--bg-overlay: rgba(0, 0, 0, .32);--bg-overlay-light: rgba(0, 0, 0, .12);--bg-overlay-lighter: rgba(0, 0, 0, .08);--bg-overlay-lightest: rgba(0, 0, 0, .04);--border-primary: #E0E0E0;--border-secondary: #D6DCE2;--border-tertiary: #C8CDD3;--border-light: #F1F4F8;--border-primary-12: rgba(0, 0, 0, .12);--border-primary-08: rgba(0, 0, 0, .08);--border-primary-06: rgba(0, 0, 0, .06);--shadow-primary: rgba(0, 0, 0, .12);--shadow-secondary: rgba(0, 0, 0, .08);--shadow-tertiary: rgba(0, 0, 0, .04);--shadow-light: rgba(0, 0, 0, .06);--status-available: #929DAB;--status-unavailable: #CCD3DA;--status-hotseat: #857BFF;--status-multiteam: #10ADAE;--status-selected: #10ADAE;--status-upcoming: #D4900C;--status-room: #38AF49;--status-room-booked: #B23600;--status-room-unavailable: #181F33;--team-color-1: #F8C52E;--team-color-2: #FA8E20;--team-color-3: #987CDD;--team-color-4: #16CBBC;--team-color-5: #E65010;--team-color-6: #A60060;--team-color-7: #ED323B;--team-color-8: #35A1FF;--team-color-9: #80D348}button{font-family:Lato,sans-serif!important;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary, #181F33);background-color:var(--bg-primary, #FFFFFF)}.solid{color:var(--bg-primary, #FFFFFF);background:var(--brand-primary, #0937B2)}.solid:hover:enabled{background:var(--brand-primary-dark, #062A99)}.solid:active:enabled{background:var(--brand-primary-darker, #041F80)}.solid:disabled{color:var(--text-tertiary, #929DAB);background:var(--bg-tertiary, #F5F5F5)}.outline{border:1px solid var(--brand-primary, #0937B2);color:var(--brand-primary, #0937B2);background:var(--bg-primary, #FFFFFF)}.outline:hover:enabled{background:var(--brand-primary-hover, #F0F3FA)}.outline:active:enabled{background:var(--brand-primary-active, #DAE1F3)}.outline:disabled{color:var(--text-tertiary, #929DAB);border:1px solid var(--text-tertiary, #929DAB)}.text{color:var(--text-primary, #181F33);background:var(--bg-primary, #FFFFFF)}.text:hover:enabled{background:var(--brand-primary-hover, #F0F3FA)}.text:active:enabled{background:var(--brand-primary-active, #DAE1F3)}.text:disabled{color:var(--text-tertiary, #929DAB)}.large{height:56px;padding:16px;border-radius:10px;font-style:normal;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.5px}.medium{height:44px;padding:10px 16px;border-radius:8px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.2px}.small{height:32px;padding:6px 16px;border-radius:6px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.large-mobile{height:44px;padding:12px;border-radius:8px;font-style:normal;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.1px}.small-mobile{height:32px;padding:6px 12px;border-radius:8px;font-style:normal;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.1px}span{display:flex;justify-content:center;align-items:center}#left-icon{margin-right:8px}#right-icon{margin-left:8px}.loader{display:flex;justify-content:center;align-items:center}.spinner{width:16px;height:16px;border:2px solid transparent;color:var(--brand-primary, #0937B2);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}button.loading .button-text,button.loading #left-icon,button.loading #right-icon{visibility:hidden}button.loading .loader{visibility:visible;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}button.loading{position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
104
|
-
}], () => [], {
|
|
105
|
-
type: HostBinding,
|
|
106
|
-
args: ['disabled']
|
|
107
|
-
}], click: [{
|
|
98
|
+
args: [{ selector: "mis-button", template: "<button\n [disabled]=\"disabled() || showLoader()\"\n (click)=\"onClick($event)\"\n [ngClass]=\"classes()\"\n [ngStyle]=\"styles()\"\n>\n <!-- Loader -->\n <div class=\"loader\" *ngIf=\"showSpinner()\">\n <div class=\"spinner\"></div>\n </div>\n\n <!-- Left Icon -->\n <span id=\"left-icon\" *ngIf=\"showLeftIcon()\">\n <img [src]=\"iconUrl()\" alt=\"\" />\n </span>\n\n <!-- Button Text -->\n <span class=\"button-text\">{{ name() }}</span>\n\n <!-- Right Icon -->\n <span id=\"right-icon\" *ngIf=\"showRightIcon()\">\n <img [src]=\"iconUrl()\" alt=\"\" />\n </span>\n</button>\n", styles: [":root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3;--brand-primary: #0937B2;--brand-primary-light: #3C68D0;--brand-primary-dark: #062A99;--brand-primary-darker: #041F80;--brand-primary-lighter: #638FE7;--brand-primary-lightest: #CBDDFB;--brand-primary-hover: #F0F3FA;--brand-primary-active: #DAE1F3;--brand-secondary: #ED711C;--brand-secondary-light: #F09E65;--brand-secondary-dark: #B23600;--brand-secondary-lighter: #FFC6F2;--brand-accent: #10ADAE;--brand-accent-light: #16CBBC;--brand-accent-dark: #035F6B;--brand-accent-lighter: #ACDADA;--brand-success: #38AF49;--brand-success-light: #4CAF50;--brand-success-dark: #216531;--brand-success-lighter: #E4F5E9;--brand-success-lightest: #F1FFF3;--brand-error: #B00020;--brand-error-light: #F04E4E;--brand-error-dark: #A60060;--brand-error-lighter: #FAE1EA;--brand-error-lightest: #FDF2F2;--brand-warning: #FF9D00;--brand-warning-light: #D4900C;--brand-warning-dark: #624000;--brand-warning-lighter: #F4E7C3;--brand-warning-lightest: #FAEFED;--brand-info: #0091FF;--brand-info-light: #35A1FF;--brand-info-dark: #0087B2;--brand-info-lighter: #CFECF9;--text-primary: #181F33;--text-secondary: #6A737D;--text-tertiary: #929DAB;--text-disabled: #929DAB;--text-primary-87: rgba(24, 31, 51, .87);--text-primary-60: rgba(24, 31, 51, .6);--text-primary-38: rgba(24, 31, 51, .38);--text-primary-12: rgba(24, 31, 51, .12);--bg-primary: #FFFFFF;--bg-secondary: #FAFAFA;--bg-tertiary: #F5F5F5;--bg-overlay: rgba(0, 0, 0, .32);--bg-overlay-light: rgba(0, 0, 0, .12);--bg-overlay-lighter: rgba(0, 0, 0, .08);--bg-overlay-lightest: rgba(0, 0, 0, .04);--border-primary: #E0E0E0;--border-secondary: #D6DCE2;--border-tertiary: #C8CDD3;--border-light: #F1F4F8;--border-primary-12: rgba(0, 0, 0, .12);--border-primary-08: rgba(0, 0, 0, .08);--border-primary-06: rgba(0, 0, 0, .06);--shadow-primary: rgba(0, 0, 0, .12);--shadow-secondary: rgba(0, 0, 0, .08);--shadow-tertiary: rgba(0, 0, 0, .04);--shadow-light: rgba(0, 0, 0, .06);--status-available: #929DAB;--status-unavailable: #CCD3DA;--status-hotseat: #857BFF;--status-multiteam: #10ADAE;--status-selected: #10ADAE;--status-upcoming: #D4900C;--status-room: #38AF49;--status-room-booked: #B23600;--status-room-unavailable: #181F33;--team-color-1: #F8C52E;--team-color-2: #FA8E20;--team-color-3: #987CDD;--team-color-4: #16CBBC;--team-color-5: #E65010;--team-color-6: #A60060;--team-color-7: #ED323B;--team-color-8: #35A1FF;--team-color-9: #80D348}button{font-family:Lato,sans-serif!important;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary, #181F33);background-color:var(--bg-primary, #FFFFFF)}.solid{color:var(--bg-primary, #FFFFFF);background:var(--brand-primary, #0937B2)}.solid:hover:enabled{background:var(--brand-primary-dark, #062A99)}.solid:active:enabled{background:var(--brand-primary-darker, #041F80)}.solid:disabled{color:var(--text-tertiary, #929DAB);background:var(--bg-tertiary, #F5F5F5)}.outline{border:1px solid var(--brand-primary, #0937B2);color:var(--brand-primary, #0937B2);background:var(--bg-primary, #FFFFFF)}.outline:hover:enabled{background:var(--brand-primary-hover, #F0F3FA)}.outline:active:enabled{background:var(--brand-primary-active, #DAE1F3)}.outline:disabled{color:var(--text-tertiary, #929DAB);border:1px solid var(--text-tertiary, #929DAB)}.text{color:var(--text-primary, #181F33);background:var(--bg-primary, #FFFFFF)}.text:hover:enabled{background:var(--brand-primary-hover, #F0F3FA)}.text:active:enabled{background:var(--brand-primary-active, #DAE1F3)}.text:disabled{color:var(--text-tertiary, #929DAB)}.large{height:56px;padding:16px;border-radius:10px;font-style:normal;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.5px}.medium{height:44px;padding:10px 16px;border-radius:8px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.2px}.small{height:32px;padding:6px 16px;border-radius:6px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.large-mobile{height:44px;padding:12px;border-radius:8px;font-style:normal;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.1px}.small-mobile{height:32px;padding:6px 12px;border-radius:8px;font-style:normal;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.1px}span{display:flex;justify-content:center;align-items:center}#left-icon{margin-right:8px}#right-icon{margin-left:8px}.loader{display:flex;justify-content:center;align-items:center}.spinner{width:16px;height:16px;border:2px solid transparent;color:var(--brand-primary, #0937B2);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}button.loading .button-text,button.loading #left-icon,button.loading #right-icon{visibility:hidden}button.loading .loader{visibility:visible;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}button.loading{position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
99
|
+
}], () => [], { click: [{
|
|
108
100
|
type: Output
|
|
109
101
|
}] }); })();
|
|
110
102
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ButtonComponent, { className: "ButtonComponent" }); })();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mis-crystal-design-system-button.mjs","sources":["../../../projects/mis-components/button/button.component.html","../../../projects/mis-components/button/button.component.ts","../../../projects/mis-components/button/button.directive.ts","../../../projects/mis-components/button/button.module.ts","../../../projects/mis-components/button/mis-crystal-design-system-button.ts"],"sourcesContent":["<button\n (click)=\"onClick($event)\"\n [ngClass]=\"classes()\"\n [ngStyle]=\"styles()\"\n>\n <!-- Loader -->\n <div class=\"loader\" *ngIf=\"showSpinner()\">\n <div class=\"spinner\"></div>\n </div>\n\n <!-- Left Icon -->\n <span id=\"left-icon\" *ngIf=\"showLeftIcon()\">\n <img [src]=\"iconUrl()\" alt=\"\" />\n </span>\n\n <!-- Button Text -->\n <span class=\"button-text\">{{ name() }}</span>\n\n <!-- Right Icon -->\n <span id=\"right-icon\" *ngIf=\"showRightIcon()\">\n <img [src]=\"iconUrl()\" alt=\"\" />\n </span>\n</button>\n","import { Component, OnInit, Output, EventEmitter, HostBinding, input, computed } from \"@angular/core\";\n\n@Component({\n selector: \"mis-button\",\n templateUrl: \"./button.component.html\",\n styleUrls: [\"./button.component.scss\"]\n})\nexport class ButtonComponent implements OnInit {\n // Inputs\n name = input<string>(\"Enabled\");\n type = input<\"Solid\" | \"Outline\" | \"Text\">(\"Solid\");\n size = input<\"Small\" | \"Medium\" | \"Large\" | \"Small-M\" | \"Large-M\">(\"Medium\");\n width = input<string>(\"\");\n showIcon = input<boolean>(false);\n iconUrl = input<string>(\"\");\n iconPosition = input<\"Left\" | \"Right\">(\"Left\");\n disabled = input<boolean>(false);\n disableLeftBorderRadius = input<boolean>(false);\n disableRightBorderRadius = input<boolean>(false);\n showLoader = input<boolean>(false);\n\n // Computed signals for template bindings\n readonly classes = computed(() => ({\n solid: this.type() === 'Solid',\n outline: this.type() === 'Outline',\n text: this.type() === 'Text',\n large: this.size() === 'Large',\n medium: this.size() === 'Medium',\n small: this.size() === 'Small',\n 'large-mobile': this.size() === 'Large-M',\n 'small-mobile': this.size() === 'Small-M',\n loading: this.showLoader()\n }));\n\n readonly styles = computed(() => ({\n 'border-top-left-radius': this.disableLeftBorderRadius() ? '0px' : '',\n 'border-bottom-left-radius': this.disableLeftBorderRadius() ? '0px' : '',\n 'border-top-right-radius': this.disableRightBorderRadius() ? '0px' : '',\n 'border-bottom-right-radius': this.disableRightBorderRadius() ? '0px' : '',\n width: this.width()\n }));\n\n readonly showLeftIcon = computed(() => this.showIcon() && this.iconPosition() === 'Left');\n readonly showRightIcon = computed(() => this.showIcon() && this.iconPosition() === 'Right');\n readonly showSpinner = computed(() => this.showLoader());\n\n // Computed disabled state\n readonly isDisabled = computed(() => this.disabled() || this.showLoader());\n @HostBinding('disabled') hostDisabled = this.isDisabled();\n\n // Output\n @Output() click = new EventEmitter<any>();\n\n constructor() {}\n\n ngOnInit() {}\n\n onClick(event: any) {\n if (!this.isDisabled()) {\n this.click.emit(event);\n }\n } \n}\n","import { Directive, ElementRef, HostBinding, Renderer2, input, effect } from \"@angular/core\";\n\n@Directive({\n selector: \"[mis-button]\"\n})\nexport class ButtonDirective {\n type = input<\"primary\" | \"outline\" | \"none\">(\"none\");\n size = input<\"sm\" | \"md\" | \"lg\">(\"md\");\n\n @HostBinding(\"class\") elementClass = \"mis-btn\";\n\n private previousTypeClass: string = \"\";\n private previousSizeClass: string = \"\";\n\n constructor(private el: ElementRef, private renderer: Renderer2) {\n // React to type changes\n effect(() => {\n const typeClass = this.typeClassMap[this.type()] || \"mis-none\";\n this.updateClass(typeClass, \"type\");\n this.previousTypeClass = typeClass;\n });\n\n // React to size changes\n effect(() => {\n const sizeClass = this.sizeClassMap[this.size()] || \"mis-btn-md\";\n this.updateClass(sizeClass, \"size\");\n this.previousSizeClass = sizeClass;\n });\n }\n\n private updateClass(newClass: string, kind: \"type\" | \"size\") {\n const prevClass = kind === \"type\" ? this.previousTypeClass : this.previousSizeClass;\n if (prevClass) {\n this.renderer.removeClass(this.el.nativeElement, prevClass);\n }\n this.renderer.addClass(this.el.nativeElement, newClass);\n }\n\n // Maps for easier maintenance\n private typeClassMap: Record<string, string> = {\n primary: \"mis-primary\",\n outline: \"mis-outline\",\n none: \"mis-none\",\n };\n\n private sizeClassMap: Record<string, string> = {\n lg: \"mis-btn-lg\",\n md: \"mis-btn-md\",\n sm: \"mis-btn-sm\",\n };\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { ButtonDirective } from \"./button.directive\";\nimport { ButtonComponent } from \"./button.component\";\n\n@NgModule({\n declarations: [ButtonComponent, ButtonDirective],\n imports: [CommonModule],\n exports: [ButtonComponent, ButtonDirective]\n})\nexport class ButtonModule {\n static forRoot(): ModuleWithProviders<ButtonModule> {\n return { ngModule: ButtonModule, providers: [] };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"mis-crystal-design-system-button.mjs","sources":["../../../projects/mis-components/button/button.component.html","../../../projects/mis-components/button/button.component.ts","../../../projects/mis-components/button/button.directive.ts","../../../projects/mis-components/button/button.module.ts","../../../projects/mis-components/button/mis-crystal-design-system-button.ts"],"sourcesContent":["<button\n [disabled]=\"disabled() || showLoader()\"\n (click)=\"onClick($event)\"\n [ngClass]=\"classes()\"\n [ngStyle]=\"styles()\"\n>\n <!-- Loader -->\n <div class=\"loader\" *ngIf=\"showSpinner()\">\n <div class=\"spinner\"></div>\n </div>\n\n <!-- Left Icon -->\n <span id=\"left-icon\" *ngIf=\"showLeftIcon()\">\n <img [src]=\"iconUrl()\" alt=\"\" />\n </span>\n\n <!-- Button Text -->\n <span class=\"button-text\">{{ name() }}</span>\n\n <!-- Right Icon -->\n <span id=\"right-icon\" *ngIf=\"showRightIcon()\">\n <img [src]=\"iconUrl()\" alt=\"\" />\n </span>\n</button>\n","import { Component, OnInit, Output, EventEmitter, HostBinding, input, computed } from \"@angular/core\";\n\n@Component({\n selector: \"mis-button\",\n templateUrl: \"./button.component.html\",\n styleUrls: [\"./button.component.scss\"]\n})\nexport class ButtonComponent implements OnInit {\n // Inputs\n name = input<string>(\"Enabled\");\n type = input<\"Solid\" | \"Outline\" | \"Text\">(\"Solid\");\n size = input<\"Small\" | \"Medium\" | \"Large\" | \"Small-M\" | \"Large-M\">(\"Medium\");\n width = input<string>(\"\");\n showIcon = input<boolean>(false);\n iconUrl = input<string>(\"\");\n iconPosition = input<\"Left\" | \"Right\">(\"Left\");\n disabled = input<boolean>(false);\n disableLeftBorderRadius = input<boolean>(false);\n disableRightBorderRadius = input<boolean>(false);\n showLoader = input<boolean>(false);\n\n // Computed signals for template bindings\n readonly classes = computed(() => ({\n solid: this.type() === 'Solid',\n outline: this.type() === 'Outline',\n text: this.type() === 'Text',\n large: this.size() === 'Large',\n medium: this.size() === 'Medium',\n small: this.size() === 'Small',\n 'large-mobile': this.size() === 'Large-M',\n 'small-mobile': this.size() === 'Small-M',\n loading: this.showLoader()\n }));\n\n readonly styles = computed(() => ({\n 'border-top-left-radius': this.disableLeftBorderRadius() ? '0px' : '',\n 'border-bottom-left-radius': this.disableLeftBorderRadius() ? '0px' : '',\n 'border-top-right-radius': this.disableRightBorderRadius() ? '0px' : '',\n 'border-bottom-right-radius': this.disableRightBorderRadius() ? '0px' : '',\n width: this.width()\n }));\n\n readonly showLeftIcon = computed(() => this.showIcon() && this.iconPosition() === 'Left');\n readonly showRightIcon = computed(() => this.showIcon() && this.iconPosition() === 'Right');\n readonly showSpinner = computed(() => this.showLoader());\n\n\n // Output\n @Output() click = new EventEmitter<any>();\n\n constructor() {}\n\n ngOnInit() {}\n\n onClick(event: any) {\n if (!this.disabled() && !this.showLoader()) {\n this.click.emit(event);\n }\n } \n}\n","import { Directive, ElementRef, HostBinding, Renderer2, input, effect } from \"@angular/core\";\n\n@Directive({\n selector: \"[mis-button]\"\n})\nexport class ButtonDirective {\n type = input<\"primary\" | \"outline\" | \"none\">(\"none\");\n size = input<\"sm\" | \"md\" | \"lg\">(\"md\");\n\n @HostBinding(\"class\") elementClass = \"mis-btn\";\n\n private previousTypeClass: string = \"\";\n private previousSizeClass: string = \"\";\n\n constructor(private el: ElementRef, private renderer: Renderer2) {\n // React to type changes\n effect(() => {\n const typeClass = this.typeClassMap[this.type()] || \"mis-none\";\n this.updateClass(typeClass, \"type\");\n this.previousTypeClass = typeClass;\n });\n\n // React to size changes\n effect(() => {\n const sizeClass = this.sizeClassMap[this.size()] || \"mis-btn-md\";\n this.updateClass(sizeClass, \"size\");\n this.previousSizeClass = sizeClass;\n });\n }\n\n private updateClass(newClass: string, kind: \"type\" | \"size\") {\n const prevClass = kind === \"type\" ? this.previousTypeClass : this.previousSizeClass;\n if (prevClass) {\n this.renderer.removeClass(this.el.nativeElement, prevClass);\n }\n this.renderer.addClass(this.el.nativeElement, newClass);\n }\n\n // Maps for easier maintenance\n private typeClassMap: Record<string, string> = {\n primary: \"mis-primary\",\n outline: \"mis-outline\",\n none: \"mis-none\",\n };\n\n private sizeClassMap: Record<string, string> = {\n lg: \"mis-btn-lg\",\n md: \"mis-btn-md\",\n sm: \"mis-btn-sm\",\n };\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { ButtonDirective } from \"./button.directive\";\nimport { ButtonComponent } from \"./button.component\";\n\n@NgModule({\n declarations: [ButtonComponent, ButtonDirective],\n imports: [CommonModule],\n exports: [ButtonComponent, ButtonDirective]\n})\nexport class ButtonModule {\n static forRoot(): ModuleWithProviders<ButtonModule> {\n return { ngModule: ButtonModule, providers: [] };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mis-crystal-design-system",
|
|
3
|
-
"version": "18.1.
|
|
3
|
+
"version": "18.1.4-signal",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "*",
|
|
6
6
|
"@angular/core": "*",
|
|
@@ -34,18 +34,6 @@
|
|
|
34
34
|
"esm": "./esm2022/analytics/mis-crystal-design-system-analytics.mjs",
|
|
35
35
|
"default": "./fesm2022/mis-crystal-design-system-analytics.mjs"
|
|
36
36
|
},
|
|
37
|
-
"./checkbox": {
|
|
38
|
-
"types": "./checkbox/index.d.ts",
|
|
39
|
-
"esm2022": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
|
|
40
|
-
"esm": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
|
|
41
|
-
"default": "./fesm2022/mis-crystal-design-system-checkbox.mjs"
|
|
42
|
-
},
|
|
43
|
-
"./chip": {
|
|
44
|
-
"types": "./chip/index.d.ts",
|
|
45
|
-
"esm2022": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
|
|
46
|
-
"esm": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
|
|
47
|
-
"default": "./fesm2022/mis-crystal-design-system-chip.mjs"
|
|
48
|
-
},
|
|
49
37
|
"./async-search-dropdown": {
|
|
50
38
|
"types": "./async-search-dropdown/index.d.ts",
|
|
51
39
|
"esm2022": "./esm2022/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.mjs",
|
|
@@ -58,6 +46,18 @@
|
|
|
58
46
|
"esm": "./esm2022/datepicker_v2/mis-crystal-design-system-datepicker_v2.mjs",
|
|
59
47
|
"default": "./fesm2022/mis-crystal-design-system-datepicker_v2.mjs"
|
|
60
48
|
},
|
|
49
|
+
"./chip": {
|
|
50
|
+
"types": "./chip/index.d.ts",
|
|
51
|
+
"esm2022": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
|
|
52
|
+
"esm": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
|
|
53
|
+
"default": "./fesm2022/mis-crystal-design-system-chip.mjs"
|
|
54
|
+
},
|
|
55
|
+
"./checkbox": {
|
|
56
|
+
"types": "./checkbox/index.d.ts",
|
|
57
|
+
"esm2022": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
|
|
58
|
+
"esm": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
|
|
59
|
+
"default": "./fesm2022/mis-crystal-design-system-checkbox.mjs"
|
|
60
|
+
},
|
|
61
61
|
"./button": {
|
|
62
62
|
"types": "./button/index.d.ts",
|
|
63
63
|
"esm2022": "./esm2022/button/mis-crystal-design-system-button.mjs",
|