asksuite-citrus 0.0.4 → 0.0.6
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.
- package/esm2022/lib/asksuite-citrus.module.mjs +58 -0
- package/esm2022/lib/components/avatar/avatar.component.mjs +30 -0
- package/esm2022/lib/components/box/box.component.mjs +29 -0
- package/esm2022/lib/components/button/button.component.mjs +42 -0
- package/esm2022/lib/components/dropdown-container/dropdown-container.component.mjs +17 -0
- package/{esm2020 → esm2022}/lib/components/input/input.component.mjs +5 -5
- package/{esm2020 → esm2022}/lib/components/select/select.component.mjs +5 -5
- package/esm2022/lib/directives/ask-dropdown.directive.mjs +61 -0
- package/esm2022/public-api.mjs +14 -0
- package/fesm2022/asksuite-citrus.mjs +412 -0
- package/fesm2022/asksuite-citrus.mjs.map +1 -0
- package/lib/asksuite-citrus.module.d.ts +5 -3
- package/lib/components/avatar/avatar.component.d.ts +1 -1
- package/lib/components/box/box.component.d.ts +1 -1
- package/lib/components/button/button.component.d.ts +1 -1
- package/lib/components/dropdown-container/dropdown-container.component.d.ts +9 -0
- package/lib/components/input/input.component.d.ts +1 -1
- package/lib/components/select/select.component.d.ts +1 -1
- package/lib/directives/ask-dropdown.directive.d.ts +19 -0
- package/package.json +5 -11
- package/public-api.d.ts +2 -0
- package/styles/colors.scss +8 -6
- package/styles/styles.scss +1 -5
- package/styles/tokens.scss +8 -0
- package/esm2020/lib/asksuite-citrus.module.mjs +0 -48
- package/esm2020/lib/components/avatar/avatar.component.mjs +0 -30
- package/esm2020/lib/components/box/box.component.mjs +0 -29
- package/esm2020/lib/components/button/button.component.mjs +0 -42
- package/esm2020/public-api.mjs +0 -11
- package/fesm2015/asksuite-citrus.mjs +0 -332
- package/fesm2015/asksuite-citrus.mjs.map +0 -1
- package/fesm2020/asksuite-citrus.mjs +0 -332
- package/fesm2020/asksuite-citrus.mjs.map +0 -1
- /package/{esm2020 → esm2022}/asksuite-citrus.mjs +0 -0
@@ -29,5 +29,5 @@ export declare class SelectComponent implements ControlValueAccessor {
|
|
29
29
|
registerOnChange(fn: any): void;
|
30
30
|
registerOnTouched(fn: any): void;
|
31
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
|
32
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "ask-select", never, { "value": "value"; "options": "options"; "maxItems": "maxItems"; "showNoneOption": "showNoneOption"; "selectAnOptionLabel": "selectAnOptionLabel"; "noOptionLabel": "noOptionLabel"; "noneLabel": "noneLabel"; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
32
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "ask-select", never, { "value": { "alias": "value"; "required": false; }; "options": { "alias": "options"; "required": false; }; "maxItems": { "alias": "maxItems"; "required": false; }; "showNoneOption": { "alias": "showNoneOption"; "required": false; }; "selectAnOptionLabel": { "alias": "selectAnOptionLabel"; "required": false; }; "noOptionLabel": { "alias": "noOptionLabel"; "required": false; }; "noneLabel": { "alias": "noneLabel"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
33
33
|
}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { ElementRef, OnInit, TemplateRef } from '@angular/core';
|
2
|
+
import { ConnectedPosition, Overlay, OverlayPositionBuilder } from "@angular/cdk/overlay";
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare class AskDropdownDirective implements OnInit {
|
5
|
+
private overlayPositionBuilder;
|
6
|
+
private elementRef;
|
7
|
+
private overlay;
|
8
|
+
askDropdown: TemplateRef<any>;
|
9
|
+
private isRendered;
|
10
|
+
private overlayRef;
|
11
|
+
private containerRef;
|
12
|
+
constructor(overlayPositionBuilder: OverlayPositionBuilder, elementRef: ElementRef, overlay: Overlay);
|
13
|
+
ngOnInit(): void;
|
14
|
+
setPositionStrategy(): void;
|
15
|
+
getOverlayPosition(): ConnectedPosition;
|
16
|
+
show(): void;
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AskDropdownDirective, never>;
|
18
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AskDropdownDirective, "[askDropdown]", never, { "askDropdown": { "alias": "askDropdown"; "required": false; }; }, {}, never, never, false, never>;
|
19
|
+
}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "asksuite-citrus",
|
3
|
-
"version": "0.0.
|
3
|
+
"version": "0.0.6",
|
4
4
|
"peerDependencies": {
|
5
5
|
"@angular/common": "^16.1.0",
|
6
6
|
"@angular/core": "^16.1.0"
|
@@ -8,11 +8,7 @@
|
|
8
8
|
"dependencies": {
|
9
9
|
"tslib": "^2.3.0"
|
10
10
|
},
|
11
|
-
"module": "
|
12
|
-
"es2020": "fesm2020/asksuite-citrus.mjs",
|
13
|
-
"esm2020": "esm2020/asksuite-citrus.mjs",
|
14
|
-
"fesm2020": "fesm2020/asksuite-citrus.mjs",
|
15
|
-
"fesm2015": "fesm2015/asksuite-citrus.mjs",
|
11
|
+
"module": "fesm2022/asksuite-citrus.mjs",
|
16
12
|
"typings": "index.d.ts",
|
17
13
|
"exports": {
|
18
14
|
"./package.json": {
|
@@ -20,11 +16,9 @@
|
|
20
16
|
},
|
21
17
|
".": {
|
22
18
|
"types": "./index.d.ts",
|
23
|
-
"
|
24
|
-
"
|
25
|
-
"
|
26
|
-
"node": "./fesm2015/asksuite-citrus.mjs",
|
27
|
-
"default": "./fesm2020/asksuite-citrus.mjs"
|
19
|
+
"esm2022": "./esm2022/asksuite-citrus.mjs",
|
20
|
+
"esm": "./esm2022/asksuite-citrus.mjs",
|
21
|
+
"default": "./fesm2022/asksuite-citrus.mjs"
|
28
22
|
}
|
29
23
|
},
|
30
24
|
"sideEffects": false
|
package/public-api.d.ts
CHANGED
@@ -4,3 +4,5 @@ export * from './lib/components/input/input.component';
|
|
4
4
|
export * from './lib/components/select/select.component';
|
5
5
|
export * from './lib/components/box/box.component';
|
6
6
|
export * from './lib/components/avatar/avatar.component';
|
7
|
+
export * from './lib/components/dropdown-container/dropdown-container.component';
|
8
|
+
export * from './lib/directives/ask-dropdown.directive';
|
package/styles/colors.scss
CHANGED
@@ -5,9 +5,6 @@
|
|
5
5
|
// brand
|
6
6
|
$asksuite-orange: #FF5724;
|
7
7
|
|
8
|
-
// backgrounds
|
9
|
-
$primary-background: #EFF3F8;
|
10
|
-
|
11
8
|
// neutral
|
12
9
|
$white: #FFF;
|
13
10
|
|
@@ -54,13 +51,14 @@ $google-blue: #345DC8;
|
|
54
51
|
$telegram-blue: #34AADF;
|
55
52
|
$telephone-yellow: #FECB00;
|
56
53
|
|
54
|
+
// backgrounds
|
55
|
+
$primary-background: $white;
|
56
|
+
$secondary-background: #EFF3F8;
|
57
|
+
|
57
58
|
:root {
|
58
59
|
// brand
|
59
60
|
--asksuite-orange: #{$asksuite-orange};
|
60
61
|
|
61
|
-
// backgrounds
|
62
|
-
--primary-background: #{$primary-background};
|
63
|
-
|
64
62
|
// neutral
|
65
63
|
--white: #{$white};
|
66
64
|
|
@@ -106,4 +104,8 @@ $telephone-yellow: #FECB00;
|
|
106
104
|
--google-blue: #{$google-blue};
|
107
105
|
--telegram-blue: #{$telegram-blue};
|
108
106
|
--telephone-yellow: #{$telephone-yellow};
|
107
|
+
|
108
|
+
// backgrounds
|
109
|
+
--primary-background: #{$primary-background};
|
110
|
+
--secondary-background: #{$secondary-background};
|
109
111
|
}
|
package/styles/styles.scss
CHANGED
@@ -1,48 +0,0 @@
|
|
1
|
-
import { NgModule } from '@angular/core';
|
2
|
-
import { ButtonComponent } from './components/button/button.component';
|
3
|
-
import { CommonModule } from "@angular/common";
|
4
|
-
import { InputComponent } from './components/input/input.component';
|
5
|
-
import { SelectComponent } from './components/select/select.component';
|
6
|
-
import { BoxComponent } from './components/box/box.component';
|
7
|
-
import { FormsModule } from "@angular/forms";
|
8
|
-
import { AvatarComponent } from './components/avatar/avatar.component';
|
9
|
-
import * as i0 from "@angular/core";
|
10
|
-
export class AsksuiteCitrusModule {
|
11
|
-
}
|
12
|
-
AsksuiteCitrusModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AsksuiteCitrusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
13
|
-
AsksuiteCitrusModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: AsksuiteCitrusModule, declarations: [ButtonComponent,
|
14
|
-
InputComponent,
|
15
|
-
SelectComponent,
|
16
|
-
BoxComponent,
|
17
|
-
AvatarComponent], imports: [CommonModule,
|
18
|
-
FormsModule], exports: [ButtonComponent,
|
19
|
-
InputComponent,
|
20
|
-
SelectComponent,
|
21
|
-
BoxComponent,
|
22
|
-
AvatarComponent] });
|
23
|
-
AsksuiteCitrusModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AsksuiteCitrusModule, imports: [CommonModule,
|
24
|
-
FormsModule] });
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AsksuiteCitrusModule, decorators: [{
|
26
|
-
type: NgModule,
|
27
|
-
args: [{
|
28
|
-
declarations: [
|
29
|
-
ButtonComponent,
|
30
|
-
InputComponent,
|
31
|
-
SelectComponent,
|
32
|
-
BoxComponent,
|
33
|
-
AvatarComponent,
|
34
|
-
],
|
35
|
-
imports: [
|
36
|
-
CommonModule,
|
37
|
-
FormsModule
|
38
|
-
],
|
39
|
-
exports: [
|
40
|
-
ButtonComponent,
|
41
|
-
InputComponent,
|
42
|
-
SelectComponent,
|
43
|
-
BoxComponent,
|
44
|
-
AvatarComponent,
|
45
|
-
]
|
46
|
-
}]
|
47
|
-
}] });
|
48
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNrc3VpdGUtY2l0cnVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvbGliL2Fza3N1aXRlLWNpdHJ1cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzlELE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7O0FBc0J2RSxNQUFNLE9BQU8sb0JBQW9COztpSEFBcEIsb0JBQW9CO2tIQUFwQixvQkFBb0IsaUJBbEI3QixlQUFlO1FBQ2YsY0FBYztRQUNkLGVBQWU7UUFDZixZQUFZO1FBQ1osZUFBZSxhQUdmLFlBQVk7UUFDWixXQUFXLGFBR1gsZUFBZTtRQUNmLGNBQWM7UUFDZCxlQUFlO1FBQ2YsWUFBWTtRQUNaLGVBQWU7a0hBR04sb0JBQW9CLFlBWDdCLFlBQVk7UUFDWixXQUFXOzJGQVVGLG9CQUFvQjtrQkFwQmhDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGVBQWU7d0JBQ2YsY0FBYzt3QkFDZCxlQUFlO3dCQUNmLFlBQVk7d0JBQ1osZUFBZTtxQkFDaEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVztxQkFDWjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZUFBZTt3QkFDZixjQUFjO3dCQUNkLGVBQWU7d0JBQ2YsWUFBWTt3QkFDWixlQUFlO3FCQUNoQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHsgSW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvaW5wdXQvaW5wdXQuY29tcG9uZW50JztcbmltcG9ydCB7IFNlbGVjdENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCb3hDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYm94L2JveC5jb21wb25lbnQnO1xuaW1wb3J0IHtGb3Jtc01vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQgeyBBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBCdXR0b25Db21wb25lbnQsXG4gICAgSW5wdXRDb21wb25lbnQsXG4gICAgU2VsZWN0Q29tcG9uZW50LFxuICAgIEJveENvbXBvbmVudCxcbiAgICBBdmF0YXJDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEJ1dHRvbkNvbXBvbmVudCxcbiAgICBJbnB1dENvbXBvbmVudCxcbiAgICBTZWxlY3RDb21wb25lbnQsXG4gICAgQm94Q29tcG9uZW50LFxuICAgIEF2YXRhckNvbXBvbmVudCxcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBBc2tzdWl0ZUNpdHJ1c01vZHVsZSB7IH1cbiJdfQ==
|
@@ -1,30 +0,0 @@
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export var AvatarStatus;
|
4
|
-
(function (AvatarStatus) {
|
5
|
-
AvatarStatus["NONE"] = "";
|
6
|
-
AvatarStatus["ONLINE"] = "online";
|
7
|
-
AvatarStatus["BUSY"] = "busy";
|
8
|
-
AvatarStatus["ABSENT"] = "absent";
|
9
|
-
})(AvatarStatus || (AvatarStatus = {}));
|
10
|
-
export class AvatarComponent {
|
11
|
-
constructor() {
|
12
|
-
this.src = '';
|
13
|
-
this.status = AvatarStatus.NONE;
|
14
|
-
}
|
15
|
-
get image() {
|
16
|
-
return this.src || AvatarComponent.BOT_ICON;
|
17
|
-
}
|
18
|
-
}
|
19
|
-
AvatarComponent.BOT_ICON = '../assets/img/asksuite-icon.svg';
|
20
|
-
AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
21
|
-
AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: AvatarComponent, selector: "ask-avatar", inputs: { src: "src", status: "status" }, ngImport: i0, template: "<div class=\"avatar-container\">\n <img [src]=\"image\" alt=\"avatar\" />\n\n <span [class]=\"'status ' + status\"></span>\n</div>\n", styles: [":root{--asksuite-orange: #FF5724;--primary-background: #EFF3F8;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}.avatar-container{position:relative;display:flex;align-items:center;justify-content:center;background-color:#cbd2d9;width:32px;height:32px;border-radius:9999px}.avatar-container img{height:100%;border-radius:9999px}.avatar-container .status{display:none;position:absolute;bottom:-7px;right:-2px;width:16px;height:16px;border-radius:9999px}.avatar-container .status.online,.avatar-container .status.busy,.avatar-container .status.absent{display:block}.avatar-container .status.online{background-color:#4baf50}.avatar-container .status.busy{background-color:#e8453e}.avatar-container .status.absent{background-color:#ffc107}\n"] });
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AvatarComponent, decorators: [{
|
23
|
-
type: Component,
|
24
|
-
args: [{ selector: 'ask-avatar', template: "<div class=\"avatar-container\">\n <img [src]=\"image\" alt=\"avatar\" />\n\n <span [class]=\"'status ' + status\"></span>\n</div>\n", styles: [":root{--asksuite-orange: #FF5724;--primary-background: #EFF3F8;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}.avatar-container{position:relative;display:flex;align-items:center;justify-content:center;background-color:#cbd2d9;width:32px;height:32px;border-radius:9999px}.avatar-container img{height:100%;border-radius:9999px}.avatar-container .status{display:none;position:absolute;bottom:-7px;right:-2px;width:16px;height:16px;border-radius:9999px}.avatar-container .status.online,.avatar-container .status.busy,.avatar-container .status.absent{display:block}.avatar-container .status.online{background-color:#4baf50}.avatar-container .status.busy{background-color:#e8453e}.avatar-container .status.absent{background-color:#ffc107}\n"] }]
|
25
|
-
}], propDecorators: { src: [{
|
26
|
-
type: Input
|
27
|
-
}], status: [{
|
28
|
-
type: Input
|
29
|
-
}] } });
|
30
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvbGliL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBRS9DLE1BQU0sQ0FBTixJQUFZLFlBS1g7QUFMRCxXQUFZLFlBQVk7SUFDdEIseUJBQVMsQ0FBQTtJQUNULGlDQUFpQixDQUFBO0lBQ2pCLDZCQUFhLENBQUE7SUFDYixpQ0FBaUIsQ0FBQTtBQUNuQixDQUFDLEVBTFcsWUFBWSxLQUFaLFlBQVksUUFLdkI7QUFPRCxNQUFNLE9BQU8sZUFBZTtJQUw1QjtRQU9XLFFBQUcsR0FBVyxFQUFFLENBQUM7UUFDakIsV0FBTSxHQUF5RCxZQUFZLENBQUMsSUFBSSxDQUFDO0tBUTNGO0lBSkMsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsR0FBRyxJQUFJLGVBQWUsQ0FBQyxRQUFRLENBQUM7SUFDOUMsQ0FBQzs7QUFKZSx3QkFBUSxHQUFXLGlDQUFpQyxDQUFDOzRHQUwxRCxlQUFlO2dHQUFmLGVBQWUsNEZDZDVCLHdJQUtBOzJGRFNhLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsWUFBWTs4QkFNYixHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGVudW0gQXZhdGFyU3RhdHVzIHtcbiAgTk9ORSA9ICcnLFxuICBPTkxJTkUgPSAnb25saW5lJyxcbiAgQlVTWSA9ICdidXN5JyxcbiAgQUJTRU5UID0gJ2Fic2VudCdcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXNrLWF2YXRhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdmF0YXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBdmF0YXJDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHNyYzogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHN0YXR1czogQXZhdGFyU3RhdHVzIHwgJ25vbmUnIHwgJ29ubGluZScgfCAnYnVzeScgfCAnYWJzZW50JyA9IEF2YXRhclN0YXR1cy5OT05FO1xuXG4gIHN0YXRpYyByZWFkb25seSBCT1RfSUNPTjogc3RyaW5nID0gJy4uL2Fzc2V0cy9pbWcvYXNrc3VpdGUtaWNvbi5zdmcnO1xuXG4gIGdldCBpbWFnZSgpIHtcbiAgICByZXR1cm4gdGhpcy5zcmMgfHwgQXZhdGFyQ29tcG9uZW50LkJPVF9JQ09OO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJhdmF0YXItY29udGFpbmVyXCI+XG4gIDxpbWcgW3NyY109XCJpbWFnZVwiIGFsdD1cImF2YXRhclwiIC8+XG5cbiAgPHNwYW4gW2NsYXNzXT1cIidzdGF0dXMgJyArIHN0YXR1c1wiPjwvc3Bhbj5cbjwvZGl2PlxuIl19
|
@@ -1,29 +0,0 @@
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
import * as i1 from "@angular/common";
|
4
|
-
export class BoxComponent {
|
5
|
-
constructor() {
|
6
|
-
this.canCollapse = false;
|
7
|
-
this.collapse = false;
|
8
|
-
}
|
9
|
-
ngOnInit() {
|
10
|
-
}
|
11
|
-
toggleCollapse() {
|
12
|
-
this.collapse = !this.collapse;
|
13
|
-
}
|
14
|
-
}
|
15
|
-
BoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
16
|
-
BoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BoxComponent, selector: "ask-box", inputs: { title: "title", subtitle: "subtitle", canCollapse: "canCollapse", collapse: "collapse" }, ngImport: i0, template: "<div class=\"box-container\">\n <header *ngIf=\"canCollapse || title || subtitle\">\n <h1 *ngIf=\"title\" class=\"title\">{{ title }}</h1>\n <h2 *ngIf=\"subtitle\" class=\"subtitle\">{{ subtitle }}</h2>\n\n <span\n *ngIf=\"canCollapse\"\n class=\"collapse-icon material-icons\"\n [class.collapsed]=\"!collapse\"\n (click)=\"toggleCollapse()\"\n >\n expand_more\n </span>\n </header>\n\n <div *ngIf=\"!collapse\" class=\"content\" [style.padding-top]=\"canCollapse ? '32px' : '0'\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [":root{--asksuite-orange: #FF5724;--primary-background: #EFF3F8;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}.box-container{background:var(--primary-background);box-shadow:0 0 10px #2a304229;border-radius:8px;padding:16px}header{position:relative;display:flex;flex-direction:column;gap:8px;min-height:20px}header .title{font-size:16px;line-height:24px;font-weight:500;color:#616e7c;margin:0}header .subtitle{font-size:14px;line-height:20px;color:#616e7c;margin:0}header .collapse-icon{position:absolute;color:#7b8794;transition:transform .2s;right:0;top:0;cursor:pointer;-webkit-user-select:none;user-select:none}header .collapse-icon.collapsed{transform:rotate(180deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BoxComponent, decorators: [{
|
18
|
-
type: Component,
|
19
|
-
args: [{ selector: 'ask-box', template: "<div class=\"box-container\">\n <header *ngIf=\"canCollapse || title || subtitle\">\n <h1 *ngIf=\"title\" class=\"title\">{{ title }}</h1>\n <h2 *ngIf=\"subtitle\" class=\"subtitle\">{{ subtitle }}</h2>\n\n <span\n *ngIf=\"canCollapse\"\n class=\"collapse-icon material-icons\"\n [class.collapsed]=\"!collapse\"\n (click)=\"toggleCollapse()\"\n >\n expand_more\n </span>\n </header>\n\n <div *ngIf=\"!collapse\" class=\"content\" [style.padding-top]=\"canCollapse ? '32px' : '0'\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [":root{--asksuite-orange: #FF5724;--primary-background: #EFF3F8;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}.box-container{background:var(--primary-background);box-shadow:0 0 10px #2a304229;border-radius:8px;padding:16px}header{position:relative;display:flex;flex-direction:column;gap:8px;min-height:20px}header .title{font-size:16px;line-height:24px;font-weight:500;color:#616e7c;margin:0}header .subtitle{font-size:14px;line-height:20px;color:#616e7c;margin:0}header .collapse-icon{position:absolute;color:#7b8794;transition:transform .2s;right:0;top:0;cursor:pointer;-webkit-user-select:none;user-select:none}header .collapse-icon.collapsed{transform:rotate(180deg)}\n"] }]
|
20
|
-
}], ctorParameters: function () { return []; }, propDecorators: { title: [{
|
21
|
-
type: Input
|
22
|
-
}], subtitle: [{
|
23
|
-
type: Input
|
24
|
-
}], canCollapse: [{
|
25
|
-
type: Input
|
26
|
-
}], collapse: [{
|
27
|
-
type: Input
|
28
|
-
}] } });
|
29
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvbGliL2NvbXBvbmVudHMvYm94L2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9jb21wb25lbnRzL2JveC9ib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVMsTUFBTSxlQUFlLENBQUM7OztBQU92RCxNQUFNLE9BQU8sWUFBWTtJQU92QjtRQUhTLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLGFBQVEsR0FBRyxLQUFLLENBQUM7SUFFVixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ2pDLENBQUM7O3lHQWRVLFlBQVk7NkZBQVosWUFBWSxtSkNQekIsaWtCQW1CQTsyRkRaYSxZQUFZO2tCQUx4QixTQUFTOytCQUNFLFNBQVM7MEVBTVYsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhc2stYm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JveC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEJveENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHN1YnRpdGxlPzogc3RyaW5nO1xuICBASW5wdXQoKSBjYW5Db2xsYXBzZSA9IGZhbHNlO1xuICBASW5wdXQoKSBjb2xsYXBzZSA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICB0b2dnbGVDb2xsYXBzZSgpIHtcbiAgICB0aGlzLmNvbGxhcHNlID0gIXRoaXMuY29sbGFwc2U7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImJveC1jb250YWluZXJcIj5cbiAgPGhlYWRlciAqbmdJZj1cImNhbkNvbGxhcHNlIHx8IHRpdGxlIHx8IHN1YnRpdGxlXCI+XG4gICAgPGgxICpuZ0lmPVwidGl0bGVcIiBjbGFzcz1cInRpdGxlXCI+e3sgdGl0bGUgfX08L2gxPlxuICAgIDxoMiAqbmdJZj1cInN1YnRpdGxlXCIgY2xhc3M9XCJzdWJ0aXRsZVwiPnt7IHN1YnRpdGxlIH19PC9oMj5cblxuICAgIDxzcGFuXG4gICAgICAqbmdJZj1cImNhbkNvbGxhcHNlXCJcbiAgICAgIGNsYXNzPVwiY29sbGFwc2UtaWNvbiBtYXRlcmlhbC1pY29uc1wiXG4gICAgICBbY2xhc3MuY29sbGFwc2VkXT1cIiFjb2xsYXBzZVwiXG4gICAgICAoY2xpY2spPVwidG9nZ2xlQ29sbGFwc2UoKVwiXG4gICAgPlxuICAgICAgZXhwYW5kX21vcmVcbiAgICA8L3NwYW4+XG4gIDwvaGVhZGVyPlxuXG4gIDxkaXYgKm5nSWY9XCIhY29sbGFwc2VcIiBjbGFzcz1cImNvbnRlbnRcIiBbc3R5bGUucGFkZGluZy10b3BdPVwiY2FuQ29sbGFwc2UgPyAnMzJweCcgOiAnMCdcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
@@ -1,42 +0,0 @@
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
import * as i1 from "@angular/common";
|
4
|
-
export class ButtonComponent {
|
5
|
-
constructor() {
|
6
|
-
// Properties
|
7
|
-
this.label = '';
|
8
|
-
this.size = 'normal';
|
9
|
-
this.type = 'primary';
|
10
|
-
this.disabled = false;
|
11
|
-
// Event handlers
|
12
|
-
this.onClick = new EventEmitter();
|
13
|
-
this.onFocus = new EventEmitter();
|
14
|
-
this.onBlur = new EventEmitter();
|
15
|
-
}
|
16
|
-
ngOnInit() {
|
17
|
-
}
|
18
|
-
get buttonClasses() {
|
19
|
-
return `${this.type} ${this.size}`;
|
20
|
-
}
|
21
|
-
}
|
22
|
-
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
23
|
-
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ButtonComponent, selector: "ask-button", inputs: { label: "label", size: "size", type: "type", disabled: "disabled" }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, ngImport: i0, template: "<button\n type=\"button\"\n [ngClass]=\"buttonClasses\"\n [disabled]=\"disabled\"\n (click)=\"onClick.emit($event)\"\n (focus)=\"onFocus.emit($event)\"\n (blur)=\"onBlur.emit($event)\"\n>\n {{ label }}\n <ng-content></ng-content>\n</button>\n", styles: [":root{--asksuite-orange: #FF5724;--primary-background: #EFF3F8;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}button{position:relative;display:flex;padding:8px 24px;background:#FF5724;color:#fff;border-radius:6px;border:none;outline:none;line-height:2.286em;cursor:pointer;transition:background-color .1s,box-shadow .1s}button.small{font-size:.75rem}button.normal{font-size:.875rem}button.medium{font-size:1rem}button.large{font-size:1.125rem}button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}button:active:not(:disabled){background-color:#f34915}button:disabled{cursor:not-allowed;background-color:#9aa5b1}button.secondary{background:none;color:#9aa5b1;box-shadow:0 1px 2px #2a304229}button.secondary:hover:not(:disabled){box-shadow:0 0 6px #2a304229}button.secondary:active:not(:disabled){background-color:#e4e7eb}button.secondary:disabled{cursor:not-allowed;background-color:#9aa5b1;color:#fff}button.outline{background:none;color:#ff5724}button.outline:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:6px;box-shadow:0 0 0 2px inset #ff5724}button.outline:active:not(:disabled){background-color:#ff572419}button.outline:disabled{color:#9aa5b1}button.outline:disabled:after{box-shadow:0 0 0 2px inset #9aa5b1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ButtonComponent, decorators: [{
|
25
|
-
type: Component,
|
26
|
-
args: [{ selector: 'ask-button', template: "<button\n type=\"button\"\n [ngClass]=\"buttonClasses\"\n [disabled]=\"disabled\"\n (click)=\"onClick.emit($event)\"\n (focus)=\"onFocus.emit($event)\"\n (blur)=\"onBlur.emit($event)\"\n>\n {{ label }}\n <ng-content></ng-content>\n</button>\n", styles: [":root{--asksuite-orange: #FF5724;--primary-background: #EFF3F8;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}button{position:relative;display:flex;padding:8px 24px;background:#FF5724;color:#fff;border-radius:6px;border:none;outline:none;line-height:2.286em;cursor:pointer;transition:background-color .1s,box-shadow .1s}button.small{font-size:.75rem}button.normal{font-size:.875rem}button.medium{font-size:1rem}button.large{font-size:1.125rem}button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}button:active:not(:disabled){background-color:#f34915}button:disabled{cursor:not-allowed;background-color:#9aa5b1}button.secondary{background:none;color:#9aa5b1;box-shadow:0 1px 2px #2a304229}button.secondary:hover:not(:disabled){box-shadow:0 0 6px #2a304229}button.secondary:active:not(:disabled){background-color:#e4e7eb}button.secondary:disabled{cursor:not-allowed;background-color:#9aa5b1;color:#fff}button.outline{background:none;color:#ff5724}button.outline:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:6px;box-shadow:0 0 0 2px inset #ff5724}button.outline:active:not(:disabled){background-color:#ff572419}button.outline:disabled{color:#9aa5b1}button.outline:disabled:after{box-shadow:0 0 0 2px inset #9aa5b1}\n"] }]
|
27
|
-
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
28
|
-
type: Input
|
29
|
-
}], size: [{
|
30
|
-
type: Input
|
31
|
-
}], type: [{
|
32
|
-
type: Input
|
33
|
-
}], disabled: [{
|
34
|
-
type: Input
|
35
|
-
}], onClick: [{
|
36
|
-
type: Output
|
37
|
-
}], onFocus: [{
|
38
|
-
type: Output
|
39
|
-
}], onBlur: [{
|
40
|
-
type: Output
|
41
|
-
}] } });
|
42
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7O0FBTzdFLE1BQU0sT0FBTyxlQUFlO0lBYTFCO1FBWEEsYUFBYTtRQUNKLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxTQUFJLEdBQTRDLFFBQVEsQ0FBQztRQUN6RCxTQUFJLEdBQXdDLFNBQVMsQ0FBQztRQUN0RCxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRTFCLGlCQUFpQjtRQUNQLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO1FBQ3pDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO1FBQ3pDLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO0lBRWxDLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFRCxJQUFJLGFBQWE7UUFDZixPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckMsQ0FBQzs7NEdBcEJVLGVBQWU7Z0dBQWYsZUFBZSx1TUNQNUIsNFBBV0E7MkZESmEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxZQUFZOzBFQU9iLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR0ksT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxPQUFPO3NCQUFoQixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Fzay1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAvLyBQcm9wZXJ0aWVzXG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gIEBJbnB1dCgpIHNpemU6ICdzbWFsbCcgfCAnbm9ybWFsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyA9ICdub3JtYWwnO1xuICBASW5wdXQoKSB0eXBlOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdvdXRsaW5lJyA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICAvLyBFdmVudCBoYW5kbGVyc1xuICBAT3V0cHV0KCkgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4oKTtcbiAgQE91dHB1dCgpIG9uRm9jdXMgPSBuZXcgRXZlbnRFbWl0dGVyPEZvY3VzRXZlbnQ+KCk7XG4gIEBPdXRwdXQoKSBvbkJsdXIgPSBuZXcgRXZlbnRFbWl0dGVyPEZvY3VzRXZlbnQ+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG4gIGdldCBidXR0b25DbGFzc2VzKCkge1xuICAgIHJldHVybiBgJHt0aGlzLnR5cGV9ICR7dGhpcy5zaXplfWA7XG4gIH1cblxufVxuIiwiPGJ1dHRvblxuICB0eXBlPVwiYnV0dG9uXCJcbiAgW25nQ2xhc3NdPVwiYnV0dG9uQ2xhc3Nlc1wiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIChjbGljayk9XCJvbkNsaWNrLmVtaXQoJGV2ZW50KVwiXG4gIChmb2N1cyk9XCJvbkZvY3VzLmVtaXQoJGV2ZW50KVwiXG4gIChibHVyKT1cIm9uQmx1ci5lbWl0KCRldmVudClcIlxuPlxuICB7eyBsYWJlbCB9fVxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2J1dHRvbj5cbiJdfQ==
|
package/esm2020/public-api.mjs
DELETED
@@ -1,11 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* Public API Surface of asksuite-citrus
|
3
|
-
*/
|
4
|
-
export * from './lib/asksuite-citrus.module';
|
5
|
-
// Components
|
6
|
-
export * from './lib/components/button/button.component';
|
7
|
-
export * from './lib/components/input/input.component';
|
8
|
-
export * from './lib/components/select/select.component';
|
9
|
-
export * from './lib/components/box/box.component';
|
10
|
-
export * from './lib/components/avatar/avatar.component';
|
11
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsOEJBQThCLENBQUM7QUFFN0MsYUFBYTtBQUNiLGNBQWMsMENBQTBDLENBQUE7QUFDeEQsY0FBYyx3Q0FBd0MsQ0FBQTtBQUN0RCxjQUFjLDBDQUEwQyxDQUFBO0FBQ3hELGNBQWMsb0NBQW9DLENBQUE7QUFDbEQsY0FBYywwQ0FBMEMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgYXNrc3VpdGUtY2l0cnVzXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvYXNrc3VpdGUtY2l0cnVzLm1vZHVsZSc7XG5cbi8vIENvbXBvbmVudHNcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2lucHV0L2lucHV0LmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2VsZWN0L3NlbGVjdC5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2JveC9ib3guY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudCdcbiJdfQ==
|