carriera-intern-components 1.1.174 → 1.1.175
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.
|
@@ -14,7 +14,7 @@ export declare class AvatarComponent {
|
|
|
14
14
|
* The size of the avatar in pixels.
|
|
15
15
|
* @type {Size}
|
|
16
16
|
*/
|
|
17
|
-
size: import("@angular/core").InputSignal<
|
|
17
|
+
size: import("@angular/core").InputSignal<18 | 22 | 32 | 74 | 160>;
|
|
18
18
|
/**
|
|
19
19
|
* Whether the avatar should be rounded or not.
|
|
20
20
|
* @type {boolean}
|
|
@@ -13,7 +13,7 @@ export declare class CopyComponent {
|
|
|
13
13
|
eAlignment: typeof eAlignment;
|
|
14
14
|
constructor(clipboard: Clipboard);
|
|
15
15
|
tooltip: NgbTooltip;
|
|
16
|
-
onCopy(): void;
|
|
16
|
+
onCopy(event: MouseEvent): void;
|
|
17
17
|
resetCopied(): void;
|
|
18
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<CopyComponent, never>;
|
|
19
19
|
static ɵcmp: i0.ɵɵComponentDeclaration<CopyComponent, "cai-copy", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "copyTooltip": { "alias": "copyTooltip"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
@@ -1504,11 +1504,11 @@ class AvatarComponent {
|
|
|
1504
1504
|
*/
|
|
1505
1505
|
inverse = input(false);
|
|
1506
1506
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1507
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: AvatarComponent, isStandalone: true, selector: "cai-avatar", inputs: { driver: { classPropertyName: "driver", publicName: "driver", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, inverse: { classPropertyName: "inverse", publicName: "inverse", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let firstName = driver()?.firstName; @let lastName = driver()?.lastName; @let\nisOwner = driver()?.owner; @let color = driver()?.colorFlag?.name ??\ndriver()?.avatarColor; @let avatarUrl = driver()?.avatarFile?.url ??\ndriver()?.avatarUrl; @let fullName = driver()?.fullName;\n\n<div\n class=\"avatar\"\n [class]=\"{\n 'is-owner': isOwner,\n\n xs: size() === 18,\n sm: size() === 22,\n md: size() === 32,\n lg: size() === 74,\n xl: size() === 160,\n\n blue: color === 'Blue',\n green: color === 'Green',\n red: color === 'Red',\n yellow: color === 'Yellow',\n purple: color === 'Purple',\n gold: color === 'Gold',\n 'light-green': color === 'Light Green',\n orange: color === 'Orange',\n 'light-blue': color === 'Light Blue',\n pink: color === 'Pink',\n brown: color === 'Brown',\n gray: color === 'Gray',\n lime: color === 'Lime',\n navy: color === 'Navy',\n azure: color === 'Azure',\n magenta: color === 'Magenta',\n\n inverse: inverse(),\n rounded: rounded()\n }\"\n>\n @if( avatarUrl ){\n <img class=\"avatar-image\" [src]=\"avatarUrl\" />\n }\n <p class=\"avatar-initials\">\n {{ { firstName, lastName, fullName } | initials }}\n </p>\n</div>\n", styles: ["*,*:before,*:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}p,ul,ol,dl,blockquote,figure,pre{margin:0}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;max-width:100%;height:auto}ul,ol{padding-left:1.5rem;list-style-position:outside}a{color:inherit;text-decoration:inherit}table{border-collapse:collapse;border-spacing:0}:focus:not(:focus-visible){outline:none}.avatar{width:18px;height:20px;border-radius:1px;background-color:#dadada;color:#6c6c6c;display:grid;place-items:center;position:relative;transition:transform .1s ease-in-out}.avatar:has(img) .avatar-initials{display:none}.avatar-image{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border-radius:1px}.avatar-initials{font-family:Montserrat;font-weight:800;font-size:7px;height:9px;width:18px;text-align:center;vertical-align:middle;line-height:normal;pointer-events:none}.is-owner{border-radius:1px}.is-owner:after{content:\"\";width:3px;height:3px;border-radius:50%;background-color:#fff;border:3px solid #3b73ed;box-sizing:content-box;outline:1px solid white;position:absolute;bottom:-3px;right:-3px}.is-owner.inverse:after{background-color:#2f2f2f;outline:1px solid #2f2f2f}.rounded{width:18px;height:18px;border-radius:50%!important}.rounded .avatar-image{border-radius:50%!important}.xs.rounded:hover{transform:scale(1.8888888889)}.xs:hover{transform:scale(1.7)}.sm{width:22px;height:24px}.sm .avatar-initials{font-size:9px;width:22px;height:12px}.sm.rounded{width:22px;height:22px}.md{width:32px;height:34px;border-radius:2px}.md .avatar-initials{font-size:11px;width:32px;height:14px}.md.is-rounded{width:32px;height:32px}.md.is-owner:after{bottom:-2px;right:-2px}.md .avatar-image{border-radius:2px}.lg{width:74px;height:82px;overflow:hidden;border-radius:2px}.lg .avatar-image{border-radius:2px}.lg.rounded{width:74px;height:74px}.lg .avatar-initials{display:none}.lg:not(:has(img)):before{content:\"\";position:absolute;width:46px;height:46px;border-radius:50%;opacity:40%;background-color:#6c6c6c}.lg:not(:has(img)):after{content:\"\";position:absolute;width:100px;height:100px;border-radius:50%;opacity:40%;top:50px;right:auto;border:0;outline:0;background-color:#6c6c6c}.xl{width:160px;height:178px;overflow:hidden;border-radius:3px}.xl .avatar-image{border-radius:2px}.xl.rounded{width:178px;height:178px}.xl .avatar-initials{display:none}.xl:not(:has(img)):before{content:\"\";position:absolute;width:110px;height:110px;border-radius:50%;opacity:40%;background-color:#6c6c6c}.xl:not(:has(img)):after{content:\"\";position:absolute;width:240px;height:240px;border-radius:50%;opacity:40%;top:120px;right:auto;border:0;outline:0;background-color:#6c6c6c}.navy,.blue{background-color:#b7b6f1;color:#2724d6}.navy.lg:before,.navy.xl:before,.navy.lg:after,.navy.xl:after,.blue.lg:before,.blue.xl:before,.blue.lg:after,.blue.xl:after{background-color:#2724d6}.green{background-color:#b6dfdb;color:#259f94}.green.lg:before,.green.xl:before,.green.lg:after,.green.xl:after{background-color:#259f94}.red{background-color:#f4bebe;color:#df3c3c}.red.lg:before,.red.xl:before,.red.lg:after,.red.xl:after{background-color:#df3c3c}.yellow{background-color:#fddeb9;color:#f89b2e}.yellow.lg:before,.yellow.xl:before,.yellow.lg:after,.yellow.xl:after{background-color:#f89b2e}.magenta,.purple{background-color:#dfc2f9;color:#9e47ec}.magenta.lg:before,.magenta.xl:before,.magenta.lg:after,.magenta.xl:after,.purple.lg:before,.purple.xl:before,.purple.lg:after,.purple.xl:after{background-color:#9e47ec}.gold{background-color:#efdcb4;color:#cf961d}.gold.lg:before,.gold.xl:before,.gold.lg:after,.gold.xl:after{background-color:#cf961d}.lime,.light-green{background-color:#c5e3b6;color:#50ac25}.lime.lg:before,.lime.xl:before,.lime.lg:after,.lime.xl:after,.light-green.lg:before,.light-green.xl:before,.light-green.lg:after,.light-green.xl:after{background-color:#50ac25}.orange{background-color:#ffcfc0;color:#ff7043}.orange.lg:before,.orange.xl:before,.orange.lg:after,.orange.xl:after{background-color:#ff7043}.azure,.light-blue{background-color:#b2e6f7;color:#1ab5e6}.azure.lg:before,.azure.xl:before,.azure.lg:after,.azure.xl:after,.light-blue.lg:before,.light-blue.xl:before,.light-blue.lg:after,.light-blue.xl:after{background-color:#1ab5e6}.pink{background-color:#f4bed6;color:#df3d85}.pink.lg:before,.pink.xl:before,.pink.lg:after,.pink.xl:after{background-color:#df3d85}.brown{background-color:#d6c9bd;color:#865e3a}.brown.lg:before,.brown.xl:before,.brown.lg:after,.brown.xl:after{background-color:#865e3a}.gray{background-color:#dadada;color:#6c6c6c}.gray.lg:before,.gray.xl:before,.gray.lg:after,.gray.xl:after{background-color:#6c6c6c}\n"], dependencies: [{ kind: "pipe", type: InitialsPipe, name: "initials" }] });
|
|
1507
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: AvatarComponent, isStandalone: true, selector: "cai-avatar", inputs: { driver: { classPropertyName: "driver", publicName: "driver", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, inverse: { classPropertyName: "inverse", publicName: "inverse", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let firstName = driver()?.firstName; @let lastName = driver()?.lastName; @let\nisOwner = driver()?.owner; @let color = driver()?.colorFlag?.name ??\ndriver()?.avatarColor; @let avatarUrl = driver()?.avatarFile?.url ??\ndriver()?.avatarUrl; @let fullName = driver()?.fullName;\n\n<div\n class=\"avatar\"\n [class]=\"{\n 'is-owner': isOwner,\n\n xs: size() === 18,\n sm: size() === 22,\n md: size() === 32,\n lg: size() === 74,\n xl: size() === 160,\n\n blue: color === 'Blue',\n green: color === 'Green',\n red: color === 'Red',\n yellow: color === 'Yellow',\n purple: color === 'Purple',\n gold: color === 'Gold',\n 'light-green': color === 'Light Green',\n orange: color === 'Orange',\n 'light-blue': color === 'Light Blue',\n pink: color === 'Pink',\n brown: color === 'Brown',\n gray: color === 'Gray',\n lime: color === 'Lime',\n navy: color === 'Navy',\n azure: color === 'Azure',\n magenta: color === 'Magenta',\n\n inverse: inverse(),\n rounded: rounded()\n }\"\n>\n @if( avatarUrl ){\n <img class=\"avatar-image\" [src]=\"avatarUrl\" />\n }\n <p class=\"avatar-initials\">\n {{ { firstName, lastName, fullName } | initials }}\n </p>\n</div>\n", styles: ["*,*:before,*:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}p,ul,ol,dl,blockquote,figure,pre{margin:0}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;max-width:100%;height:auto}ul,ol{padding-left:1.5rem;list-style-position:outside}a{color:inherit;text-decoration:inherit}table{border-collapse:collapse;border-spacing:0}:focus:not(:focus-visible){outline:none}.avatar{width:18px;height:20px;border-radius:1px;background-color:#dadada;color:#6c6c6c;display:grid;place-items:center;position:relative;transition:transform .1s ease-in-out}.avatar:has(img) .avatar-initials{display:none}.avatar-image{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border-radius:1px}.avatar-initials{font-family:Montserrat;font-weight:800;font-size:7px;height:9px;width:18px;text-align:center;vertical-align:middle;line-height:normal;pointer-events:none}.is-owner:not(.rounded):not(.lg):not(.xl){border-radius:1px}.is-owner:not(.rounded):not(.lg):not(.xl):after{content:\"\";width:3px;height:3px;border-radius:50%;background-color:#fff;border:3px solid #3b73ed;box-sizing:content-box;outline:1px solid white;position:absolute;bottom:-3px;right:-3px}.is-owner:not(.rounded):not(.lg):not(.xl).inverse:after{background-color:#2f2f2f;outline:1px solid #2f2f2f}.rounded{width:18px;height:18px;border-radius:50%!important}.rounded .avatar-image{border-radius:50%!important}.xs.rounded:hover{transform:scale(1.8888888889)}.xs:hover{transform:scale(1.7)}.sm{width:22px;height:24px}.sm .avatar-initials{font-size:9px;width:22px;height:12px}.sm.rounded{width:22px;height:22px}.md{width:32px;height:34px;border-radius:2px}.md .avatar-initials{font-size:11px;width:32px;height:14px}.md.is-rounded{width:32px;height:32px}.md.is-owner:after{bottom:-2px;right:-2px}.md .avatar-image{border-radius:2px}.lg{width:74px;height:82px;overflow:hidden;border-radius:2px}.lg .avatar-image{border-radius:2px}.lg.rounded{width:74px;height:74px}.lg .avatar-initials{display:none}.lg:not(:has(img)):before{content:\"\";position:absolute;width:46px;height:46px;border-radius:50%;opacity:40%;background-color:#6c6c6c}.lg:not(:has(img)):after{content:\"\";position:absolute;width:100px;height:100px;border-radius:50%;opacity:40%;top:50px;right:auto;border:0;outline:0;background-color:#6c6c6c}.xl{width:160px;height:178px;overflow:hidden;border-radius:3px}.xl .avatar-image{border-radius:2px}.xl.rounded{width:178px;height:178px}.xl .avatar-initials{display:none}.xl:not(:has(img)):before{content:\"\";position:absolute;width:110px;height:110px;border-radius:50%;opacity:40%;background-color:#6c6c6c}.xl:not(:has(img)):after{content:\"\";position:absolute;width:240px;height:240px;border-radius:50%;opacity:40%;top:120px;right:auto;border:0;outline:0;background-color:#6c6c6c}.navy,.blue{background-color:#b7b6f1;color:#2724d6}.navy.lg:before,.navy.xl:before,.navy.lg:after,.navy.xl:after,.blue.lg:before,.blue.xl:before,.blue.lg:after,.blue.xl:after{background-color:#2724d6}.green{background-color:#b6dfdb;color:#259f94}.green.lg:before,.green.xl:before,.green.lg:after,.green.xl:after{background-color:#259f94}.red{background-color:#f4bebe;color:#df3c3c}.red.lg:before,.red.xl:before,.red.lg:after,.red.xl:after{background-color:#df3c3c}.yellow{background-color:#fddeb9;color:#f89b2e}.yellow.lg:before,.yellow.xl:before,.yellow.lg:after,.yellow.xl:after{background-color:#f89b2e}.magenta,.purple{background-color:#dfc2f9;color:#9e47ec}.magenta.lg:before,.magenta.xl:before,.magenta.lg:after,.magenta.xl:after,.purple.lg:before,.purple.xl:before,.purple.lg:after,.purple.xl:after{background-color:#9e47ec}.gold{background-color:#efdcb4;color:#cf961d}.gold.lg:before,.gold.xl:before,.gold.lg:after,.gold.xl:after{background-color:#cf961d}.lime,.light-green{background-color:#c5e3b6;color:#50ac25}.lime.lg:before,.lime.xl:before,.lime.lg:after,.lime.xl:after,.light-green.lg:before,.light-green.xl:before,.light-green.lg:after,.light-green.xl:after{background-color:#50ac25}.orange{background-color:#ffcfc0;color:#ff7043}.orange.lg:before,.orange.xl:before,.orange.lg:after,.orange.xl:after{background-color:#ff7043}.azure,.light-blue{background-color:#b2e6f7;color:#1ab5e6}.azure.lg:before,.azure.xl:before,.azure.lg:after,.azure.xl:after,.light-blue.lg:before,.light-blue.xl:before,.light-blue.lg:after,.light-blue.xl:after{background-color:#1ab5e6}.pink{background-color:#f4bed6;color:#df3d85}.pink.lg:before,.pink.xl:before,.pink.lg:after,.pink.xl:after{background-color:#df3d85}.brown{background-color:#d6c9bd;color:#865e3a}.brown.lg:before,.brown.xl:before,.brown.lg:after,.brown.xl:after{background-color:#865e3a}.gray{background-color:#dadada;color:#6c6c6c}.gray.lg:before,.gray.xl:before,.gray.lg:after,.gray.xl:after{background-color:#6c6c6c}\n"], dependencies: [{ kind: "pipe", type: InitialsPipe, name: "initials" }] });
|
|
1508
1508
|
}
|
|
1509
1509
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
1510
1510
|
type: Component,
|
|
1511
|
-
args: [{ selector: 'cai-avatar', imports: [InitialsPipe], template: "@let firstName = driver()?.firstName; @let lastName = driver()?.lastName; @let\nisOwner = driver()?.owner; @let color = driver()?.colorFlag?.name ??\ndriver()?.avatarColor; @let avatarUrl = driver()?.avatarFile?.url ??\ndriver()?.avatarUrl; @let fullName = driver()?.fullName;\n\n<div\n class=\"avatar\"\n [class]=\"{\n 'is-owner': isOwner,\n\n xs: size() === 18,\n sm: size() === 22,\n md: size() === 32,\n lg: size() === 74,\n xl: size() === 160,\n\n blue: color === 'Blue',\n green: color === 'Green',\n red: color === 'Red',\n yellow: color === 'Yellow',\n purple: color === 'Purple',\n gold: color === 'Gold',\n 'light-green': color === 'Light Green',\n orange: color === 'Orange',\n 'light-blue': color === 'Light Blue',\n pink: color === 'Pink',\n brown: color === 'Brown',\n gray: color === 'Gray',\n lime: color === 'Lime',\n navy: color === 'Navy',\n azure: color === 'Azure',\n magenta: color === 'Magenta',\n\n inverse: inverse(),\n rounded: rounded()\n }\"\n>\n @if( avatarUrl ){\n <img class=\"avatar-image\" [src]=\"avatarUrl\" />\n }\n <p class=\"avatar-initials\">\n {{ { firstName, lastName, fullName } | initials }}\n </p>\n</div>\n", styles: ["*,*:before,*:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}p,ul,ol,dl,blockquote,figure,pre{margin:0}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;max-width:100%;height:auto}ul,ol{padding-left:1.5rem;list-style-position:outside}a{color:inherit;text-decoration:inherit}table{border-collapse:collapse;border-spacing:0}:focus:not(:focus-visible){outline:none}.avatar{width:18px;height:20px;border-radius:1px;background-color:#dadada;color:#6c6c6c;display:grid;place-items:center;position:relative;transition:transform .1s ease-in-out}.avatar:has(img) .avatar-initials{display:none}.avatar-image{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border-radius:1px}.avatar-initials{font-family:Montserrat;font-weight:800;font-size:7px;height:9px;width:18px;text-align:center;vertical-align:middle;line-height:normal;pointer-events:none}.is-owner{border-radius:1px}.is-owner:after{content:\"\";width:3px;height:3px;border-radius:50%;background-color:#fff;border:3px solid #3b73ed;box-sizing:content-box;outline:1px solid white;position:absolute;bottom:-3px;right:-3px}.is-owner.inverse:after{background-color:#2f2f2f;outline:1px solid #2f2f2f}.rounded{width:18px;height:18px;border-radius:50%!important}.rounded .avatar-image{border-radius:50%!important}.xs.rounded:hover{transform:scale(1.8888888889)}.xs:hover{transform:scale(1.7)}.sm{width:22px;height:24px}.sm .avatar-initials{font-size:9px;width:22px;height:12px}.sm.rounded{width:22px;height:22px}.md{width:32px;height:34px;border-radius:2px}.md .avatar-initials{font-size:11px;width:32px;height:14px}.md.is-rounded{width:32px;height:32px}.md.is-owner:after{bottom:-2px;right:-2px}.md .avatar-image{border-radius:2px}.lg{width:74px;height:82px;overflow:hidden;border-radius:2px}.lg .avatar-image{border-radius:2px}.lg.rounded{width:74px;height:74px}.lg .avatar-initials{display:none}.lg:not(:has(img)):before{content:\"\";position:absolute;width:46px;height:46px;border-radius:50%;opacity:40%;background-color:#6c6c6c}.lg:not(:has(img)):after{content:\"\";position:absolute;width:100px;height:100px;border-radius:50%;opacity:40%;top:50px;right:auto;border:0;outline:0;background-color:#6c6c6c}.xl{width:160px;height:178px;overflow:hidden;border-radius:3px}.xl .avatar-image{border-radius:2px}.xl.rounded{width:178px;height:178px}.xl .avatar-initials{display:none}.xl:not(:has(img)):before{content:\"\";position:absolute;width:110px;height:110px;border-radius:50%;opacity:40%;background-color:#6c6c6c}.xl:not(:has(img)):after{content:\"\";position:absolute;width:240px;height:240px;border-radius:50%;opacity:40%;top:120px;right:auto;border:0;outline:0;background-color:#6c6c6c}.navy,.blue{background-color:#b7b6f1;color:#2724d6}.navy.lg:before,.navy.xl:before,.navy.lg:after,.navy.xl:after,.blue.lg:before,.blue.xl:before,.blue.lg:after,.blue.xl:after{background-color:#2724d6}.green{background-color:#b6dfdb;color:#259f94}.green.lg:before,.green.xl:before,.green.lg:after,.green.xl:after{background-color:#259f94}.red{background-color:#f4bebe;color:#df3c3c}.red.lg:before,.red.xl:before,.red.lg:after,.red.xl:after{background-color:#df3c3c}.yellow{background-color:#fddeb9;color:#f89b2e}.yellow.lg:before,.yellow.xl:before,.yellow.lg:after,.yellow.xl:after{background-color:#f89b2e}.magenta,.purple{background-color:#dfc2f9;color:#9e47ec}.magenta.lg:before,.magenta.xl:before,.magenta.lg:after,.magenta.xl:after,.purple.lg:before,.purple.xl:before,.purple.lg:after,.purple.xl:after{background-color:#9e47ec}.gold{background-color:#efdcb4;color:#cf961d}.gold.lg:before,.gold.xl:before,.gold.lg:after,.gold.xl:after{background-color:#cf961d}.lime,.light-green{background-color:#c5e3b6;color:#50ac25}.lime.lg:before,.lime.xl:before,.lime.lg:after,.lime.xl:after,.light-green.lg:before,.light-green.xl:before,.light-green.lg:after,.light-green.xl:after{background-color:#50ac25}.orange{background-color:#ffcfc0;color:#ff7043}.orange.lg:before,.orange.xl:before,.orange.lg:after,.orange.xl:after{background-color:#ff7043}.azure,.light-blue{background-color:#b2e6f7;color:#1ab5e6}.azure.lg:before,.azure.xl:before,.azure.lg:after,.azure.xl:after,.light-blue.lg:before,.light-blue.xl:before,.light-blue.lg:after,.light-blue.xl:after{background-color:#1ab5e6}.pink{background-color:#f4bed6;color:#df3d85}.pink.lg:before,.pink.xl:before,.pink.lg:after,.pink.xl:after{background-color:#df3d85}.brown{background-color:#d6c9bd;color:#865e3a}.brown.lg:before,.brown.xl:before,.brown.lg:after,.brown.xl:after{background-color:#865e3a}.gray{background-color:#dadada;color:#6c6c6c}.gray.lg:before,.gray.xl:before,.gray.lg:after,.gray.xl:after{background-color:#6c6c6c}\n"] }]
|
|
1511
|
+
args: [{ selector: 'cai-avatar', imports: [InitialsPipe], template: "@let firstName = driver()?.firstName; @let lastName = driver()?.lastName; @let\nisOwner = driver()?.owner; @let color = driver()?.colorFlag?.name ??\ndriver()?.avatarColor; @let avatarUrl = driver()?.avatarFile?.url ??\ndriver()?.avatarUrl; @let fullName = driver()?.fullName;\n\n<div\n class=\"avatar\"\n [class]=\"{\n 'is-owner': isOwner,\n\n xs: size() === 18,\n sm: size() === 22,\n md: size() === 32,\n lg: size() === 74,\n xl: size() === 160,\n\n blue: color === 'Blue',\n green: color === 'Green',\n red: color === 'Red',\n yellow: color === 'Yellow',\n purple: color === 'Purple',\n gold: color === 'Gold',\n 'light-green': color === 'Light Green',\n orange: color === 'Orange',\n 'light-blue': color === 'Light Blue',\n pink: color === 'Pink',\n brown: color === 'Brown',\n gray: color === 'Gray',\n lime: color === 'Lime',\n navy: color === 'Navy',\n azure: color === 'Azure',\n magenta: color === 'Magenta',\n\n inverse: inverse(),\n rounded: rounded()\n }\"\n>\n @if( avatarUrl ){\n <img class=\"avatar-image\" [src]=\"avatarUrl\" />\n }\n <p class=\"avatar-initials\">\n {{ { firstName, lastName, fullName } | initials }}\n </p>\n</div>\n", styles: ["*,*:before,*:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}p,ul,ol,dl,blockquote,figure,pre{margin:0}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;max-width:100%;height:auto}ul,ol{padding-left:1.5rem;list-style-position:outside}a{color:inherit;text-decoration:inherit}table{border-collapse:collapse;border-spacing:0}:focus:not(:focus-visible){outline:none}.avatar{width:18px;height:20px;border-radius:1px;background-color:#dadada;color:#6c6c6c;display:grid;place-items:center;position:relative;transition:transform .1s ease-in-out}.avatar:has(img) .avatar-initials{display:none}.avatar-image{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border-radius:1px}.avatar-initials{font-family:Montserrat;font-weight:800;font-size:7px;height:9px;width:18px;text-align:center;vertical-align:middle;line-height:normal;pointer-events:none}.is-owner:not(.rounded):not(.lg):not(.xl){border-radius:1px}.is-owner:not(.rounded):not(.lg):not(.xl):after{content:\"\";width:3px;height:3px;border-radius:50%;background-color:#fff;border:3px solid #3b73ed;box-sizing:content-box;outline:1px solid white;position:absolute;bottom:-3px;right:-3px}.is-owner:not(.rounded):not(.lg):not(.xl).inverse:after{background-color:#2f2f2f;outline:1px solid #2f2f2f}.rounded{width:18px;height:18px;border-radius:50%!important}.rounded .avatar-image{border-radius:50%!important}.xs.rounded:hover{transform:scale(1.8888888889)}.xs:hover{transform:scale(1.7)}.sm{width:22px;height:24px}.sm .avatar-initials{font-size:9px;width:22px;height:12px}.sm.rounded{width:22px;height:22px}.md{width:32px;height:34px;border-radius:2px}.md .avatar-initials{font-size:11px;width:32px;height:14px}.md.is-rounded{width:32px;height:32px}.md.is-owner:after{bottom:-2px;right:-2px}.md .avatar-image{border-radius:2px}.lg{width:74px;height:82px;overflow:hidden;border-radius:2px}.lg .avatar-image{border-radius:2px}.lg.rounded{width:74px;height:74px}.lg .avatar-initials{display:none}.lg:not(:has(img)):before{content:\"\";position:absolute;width:46px;height:46px;border-radius:50%;opacity:40%;background-color:#6c6c6c}.lg:not(:has(img)):after{content:\"\";position:absolute;width:100px;height:100px;border-radius:50%;opacity:40%;top:50px;right:auto;border:0;outline:0;background-color:#6c6c6c}.xl{width:160px;height:178px;overflow:hidden;border-radius:3px}.xl .avatar-image{border-radius:2px}.xl.rounded{width:178px;height:178px}.xl .avatar-initials{display:none}.xl:not(:has(img)):before{content:\"\";position:absolute;width:110px;height:110px;border-radius:50%;opacity:40%;background-color:#6c6c6c}.xl:not(:has(img)):after{content:\"\";position:absolute;width:240px;height:240px;border-radius:50%;opacity:40%;top:120px;right:auto;border:0;outline:0;background-color:#6c6c6c}.navy,.blue{background-color:#b7b6f1;color:#2724d6}.navy.lg:before,.navy.xl:before,.navy.lg:after,.navy.xl:after,.blue.lg:before,.blue.xl:before,.blue.lg:after,.blue.xl:after{background-color:#2724d6}.green{background-color:#b6dfdb;color:#259f94}.green.lg:before,.green.xl:before,.green.lg:after,.green.xl:after{background-color:#259f94}.red{background-color:#f4bebe;color:#df3c3c}.red.lg:before,.red.xl:before,.red.lg:after,.red.xl:after{background-color:#df3c3c}.yellow{background-color:#fddeb9;color:#f89b2e}.yellow.lg:before,.yellow.xl:before,.yellow.lg:after,.yellow.xl:after{background-color:#f89b2e}.magenta,.purple{background-color:#dfc2f9;color:#9e47ec}.magenta.lg:before,.magenta.xl:before,.magenta.lg:after,.magenta.xl:after,.purple.lg:before,.purple.xl:before,.purple.lg:after,.purple.xl:after{background-color:#9e47ec}.gold{background-color:#efdcb4;color:#cf961d}.gold.lg:before,.gold.xl:before,.gold.lg:after,.gold.xl:after{background-color:#cf961d}.lime,.light-green{background-color:#c5e3b6;color:#50ac25}.lime.lg:before,.lime.xl:before,.lime.lg:after,.lime.xl:after,.light-green.lg:before,.light-green.xl:before,.light-green.lg:after,.light-green.xl:after{background-color:#50ac25}.orange{background-color:#ffcfc0;color:#ff7043}.orange.lg:before,.orange.xl:before,.orange.lg:after,.orange.xl:after{background-color:#ff7043}.azure,.light-blue{background-color:#b2e6f7;color:#1ab5e6}.azure.lg:before,.azure.xl:before,.azure.lg:after,.azure.xl:after,.light-blue.lg:before,.light-blue.xl:before,.light-blue.lg:after,.light-blue.xl:after{background-color:#1ab5e6}.pink{background-color:#f4bed6;color:#df3d85}.pink.lg:before,.pink.xl:before,.pink.lg:after,.pink.xl:after{background-color:#df3d85}.brown{background-color:#d6c9bd;color:#865e3a}.brown.lg:before,.brown.xl:before,.brown.lg:after,.brown.xl:after{background-color:#865e3a}.gray{background-color:#dadada;color:#6c6c6c}.gray.lg:before,.gray.xl:before,.gray.lg:after,.gray.xl:after{background-color:#6c6c6c}\n"] }]
|
|
1512
1512
|
}] });
|
|
1513
1513
|
|
|
1514
1514
|
// Angular
|
|
@@ -6278,7 +6278,8 @@ class CopyComponent {
|
|
|
6278
6278
|
this.clipboard = clipboard;
|
|
6279
6279
|
}
|
|
6280
6280
|
tooltip;
|
|
6281
|
-
onCopy() {
|
|
6281
|
+
onCopy(event) {
|
|
6282
|
+
event.stopPropagation();
|
|
6282
6283
|
this.clipboard.copy(this.value() ?? '');
|
|
6283
6284
|
this.copied.set(true);
|
|
6284
6285
|
}
|
|
@@ -6286,7 +6287,7 @@ class CopyComponent {
|
|
|
6286
6287
|
this.copied.set(false);
|
|
6287
6288
|
}
|
|
6288
6289
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CopyComponent, deps: [{ token: i1$2.Clipboard }], target: i0.ɵɵFactoryTarget.Component });
|
|
6289
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: CopyComponent, isStandalone: true, selector: "cai-copy", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, alignment: { classPropertyName: "alignment", publicName: "alignment", isSignal: true, isRequired: false, transformFunction: null }, copyTooltip: { classPropertyName: "copyTooltip", publicName: "copyTooltip", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: NgbTooltip, descendants: true }], ngImport: i0, template: "@let isCopied = !!copied();\n<div\n class=\"copy-container d-flex align-items-center gap-1\"\n (mouseleave)=\"resetCopied()\"\n>\n <div\n class=\"copy-content\"\n [class]=\"{\n 'order-1': alignment() === eAlignment.LEFT,\n 'order-0': alignment() === eAlignment.RIGHT,\n }\"\n >\n <ng-content></ng-content>\n </div>\n <div\n (click)=\"onCopy()\"\n [ngbTooltip]=\"tooltipTemplate\"\n [container]=\"'body'\"\n [tooltipClass]=\"isCopied ? 'tooltip-bg-blue-500' : ''\"\n placement=\"bottom\"\n #tooltip=\"ngbTooltip\"\n class=\"copy-icon\"\n [class]=\"{\n 'text-black-100': !isCopied,\n 'hover:text-black-300': !isCopied,\n 'text-blue-700': isCopied,\n }\"\n >\n <svg-icon [name]=\"'cai-copy'\" class=\"icon transition\"></svg-icon>\n </div>\n</div>\n\n@let copyText = isCopied ? eGeneralActions.COPIED : copyTooltip() ??\neGeneralActions.COPY;\n<ng-template #tooltipTemplate>\n {{ copyText }}\n</ng-template>\n", styles: [".copy-container .copy-content{max-width:calc(100% - 16px)}.copy-container .copy-icon{opacity:0;transition:opacity .1s ease-in-out}.copy-container .copy-icon .icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:12px;height:12px}.copy-container:hover .copy-icon{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
|
|
6290
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: CopyComponent, isStandalone: true, selector: "cai-copy", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, alignment: { classPropertyName: "alignment", publicName: "alignment", isSignal: true, isRequired: false, transformFunction: null }, copyTooltip: { classPropertyName: "copyTooltip", publicName: "copyTooltip", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: NgbTooltip, descendants: true }], ngImport: i0, template: "@let isCopied = !!copied();\n<div\n class=\"copy-container d-flex align-items-center gap-1\"\n (mouseleave)=\"resetCopied()\"\n>\n <div\n class=\"copy-content\"\n [class]=\"{\n 'order-1': alignment() === eAlignment.LEFT,\n 'order-0': alignment() === eAlignment.RIGHT,\n }\"\n >\n <ng-content></ng-content>\n </div>\n <div\n (click)=\"onCopy($event)\"\n [ngbTooltip]=\"tooltipTemplate\"\n [container]=\"'body'\"\n [tooltipClass]=\"isCopied ? 'tooltip-bg-blue-500' : ''\"\n placement=\"bottom\"\n #tooltip=\"ngbTooltip\"\n class=\"copy-icon\"\n [class]=\"{\n 'text-black-100': !isCopied,\n 'hover:text-black-300': !isCopied,\n 'text-blue-700': isCopied,\n }\"\n >\n <svg-icon [name]=\"'cai-copy'\" class=\"icon transition\"></svg-icon>\n </div>\n</div>\n\n@let copyText = isCopied ? eGeneralActions.COPIED : copyTooltip() ??\neGeneralActions.COPY;\n<ng-template #tooltipTemplate>\n {{ copyText }}\n</ng-template>\n", styles: [".copy-container .copy-content{max-width:calc(100% - 16px)}.copy-container .copy-icon{opacity:0;transition:opacity .1s ease-in-out}.copy-container .copy-icon .icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:12px;height:12px}.copy-container:hover .copy-icon{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
|
|
6290
6291
|
// Components
|
|
6291
6292
|
SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }] });
|
|
6292
6293
|
}
|
|
@@ -6297,7 +6298,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
6297
6298
|
NgbTooltip,
|
|
6298
6299
|
// Components
|
|
6299
6300
|
SvgIconComponent,
|
|
6300
|
-
], template: "@let isCopied = !!copied();\n<div\n class=\"copy-container d-flex align-items-center gap-1\"\n (mouseleave)=\"resetCopied()\"\n>\n <div\n class=\"copy-content\"\n [class]=\"{\n 'order-1': alignment() === eAlignment.LEFT,\n 'order-0': alignment() === eAlignment.RIGHT,\n }\"\n >\n <ng-content></ng-content>\n </div>\n <div\n (click)=\"onCopy()\"\n [ngbTooltip]=\"tooltipTemplate\"\n [container]=\"'body'\"\n [tooltipClass]=\"isCopied ? 'tooltip-bg-blue-500' : ''\"\n placement=\"bottom\"\n #tooltip=\"ngbTooltip\"\n class=\"copy-icon\"\n [class]=\"{\n 'text-black-100': !isCopied,\n 'hover:text-black-300': !isCopied,\n 'text-blue-700': isCopied,\n }\"\n >\n <svg-icon [name]=\"'cai-copy'\" class=\"icon transition\"></svg-icon>\n </div>\n</div>\n\n@let copyText = isCopied ? eGeneralActions.COPIED : copyTooltip() ??\neGeneralActions.COPY;\n<ng-template #tooltipTemplate>\n {{ copyText }}\n</ng-template>\n", styles: [".copy-container .copy-content{max-width:calc(100% - 16px)}.copy-container .copy-icon{opacity:0;transition:opacity .1s ease-in-out}.copy-container .copy-icon .icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:12px;height:12px}.copy-container:hover .copy-icon{opacity:1}\n"] }]
|
|
6301
|
+
], template: "@let isCopied = !!copied();\n<div\n class=\"copy-container d-flex align-items-center gap-1\"\n (mouseleave)=\"resetCopied()\"\n>\n <div\n class=\"copy-content\"\n [class]=\"{\n 'order-1': alignment() === eAlignment.LEFT,\n 'order-0': alignment() === eAlignment.RIGHT,\n }\"\n >\n <ng-content></ng-content>\n </div>\n <div\n (click)=\"onCopy($event)\"\n [ngbTooltip]=\"tooltipTemplate\"\n [container]=\"'body'\"\n [tooltipClass]=\"isCopied ? 'tooltip-bg-blue-500' : ''\"\n placement=\"bottom\"\n #tooltip=\"ngbTooltip\"\n class=\"copy-icon\"\n [class]=\"{\n 'text-black-100': !isCopied,\n 'hover:text-black-300': !isCopied,\n 'text-blue-700': isCopied,\n }\"\n >\n <svg-icon [name]=\"'cai-copy'\" class=\"icon transition\"></svg-icon>\n </div>\n</div>\n\n@let copyText = isCopied ? eGeneralActions.COPIED : copyTooltip() ??\neGeneralActions.COPY;\n<ng-template #tooltipTemplate>\n {{ copyText }}\n</ng-template>\n", styles: [".copy-container .copy-content{max-width:calc(100% - 16px)}.copy-container .copy-icon{opacity:0;transition:opacity .1s ease-in-out}.copy-container .copy-icon .icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:12px;height:12px}.copy-container:hover .copy-icon{opacity:1}\n"] }]
|
|
6301
6302
|
}], ctorParameters: () => [{ type: i1$2.Clipboard }], propDecorators: { tooltip: [{
|
|
6302
6303
|
type: ViewChild,
|
|
6303
6304
|
args: [NgbTooltip]
|