@the-liberators/ngx-scrumteamsurvey-tools 2.2.91 → 2.2.92
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/components/select-list/select-list.component.mjs +4 -3
- package/esm2022/lib/components/select-list/select-list.module.mjs +7 -3
- package/fesm2022/the-liberators-ngx-scrumteamsurvey-tools.mjs +7 -4
- package/fesm2022/the-liberators-ngx-scrumteamsurvey-tools.mjs.map +1 -1
- package/lib/components/select-list/select-list.module.d.ts +2 -1
- package/package.json +1 -1
|
@@ -2,6 +2,7 @@ import { Component, Input, forwardRef } from '@angular/core';
|
|
|
2
2
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "../../branding/brandConditionalBackgroundColor.directive";
|
|
5
6
|
export class SelectListComponent {
|
|
6
7
|
constructor() {
|
|
7
8
|
this.options = [];
|
|
@@ -40,13 +41,13 @@ export class SelectListComponent {
|
|
|
40
41
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SelectListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
42
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: SelectListComponent, selector: "select-list", inputs: { options: "options", multiple: "multiple", disabled: "disabled" }, providers: [
|
|
42
43
|
{ provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => SelectListComponent), }
|
|
43
|
-
], ngImport: i0, template: "<div class=\"columinity-select-list\">\n <div tabindex=\"0\" class=\"columinity-select-list-option\" [ngClass]=\"{'selected': option.selected}\" (click)=\"select(option)\" (keydown.Space)=\"select(option)\" *ngFor=\"let option of options\">\n <div class=\"button-letter\"><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && !multiple\"></span><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && multiple\"></span></div>\n {{option.label}}\n </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.columinity-select-list .columinity-select-list-option{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer;color:#2f2f2f;border-color:#2f2f2f;font-family:StevieSans,sans-serif;font-weight:600;font-size:20px;border-color:#fff;background:#f0f0f0;margin-bottom:3px}.columinity-select-list .columinity-select-list-option .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.columinity-select-list .columinity-select-list-option .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.columinity-select-list .columinity-select-list-option:hover,.columinity-select-list .columinity-select-list-option.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.columinity-select-list .columinity-select-list-option .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.columinity-select-list .columinity-select-list-option .button-letter .ph{color:#1f3f8f}.columinity-select-list .columinity-select-list-option .button-letter:hover{background:#1f3f8f;color:#fff73f}.columinity-select-list .columinity-select-list-option .button-letter:hover .ph{color:#fff73f}.columinity-select-list .columinity-select-list-option:hover{border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected{background:#fff73f;border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter{background:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter>*{color:#fff}.columinity-select-list .columinity-select-list-option .button-letter{background:#d7d7d7;border:2px solid #2f2f2f;width:26px;height:26px;min-width:26px;min-height:26px}.columinity-select-list .columinity-select-list-option .button-letter .ph{align-self:center;justify-self:center;font-size:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
44
|
+
], ngImport: i0, template: "<div class=\"columinity-select-list\" [ngClass]=\"{'columinity-select-list-multiple': multiple}\">\n <div tabindex=\"0\" class=\"columinity-select-list-option select-option\" [ngClass]=\"{'selected': option.selected}\" brandConditionalBackgroundColor [palette]=\"'neutral'\" [activePalette]=\"'accent'\" [active]=\"option.selected\" (click)=\"select(option)\" (keydown.Space)=\"select(option)\" *ngFor=\"let option of options\">\n <div class=\"button-letter\"><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && !multiple\"></span><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && multiple\"></span></div>\n {{option.label}}\n </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.columinity-select-list .columinity-select-list-option{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer;color:#2f2f2f;border-color:#2f2f2f;font-family:StevieSans,sans-serif;font-weight:600;font-size:20px;border-color:#fff;background:#f0f0f0;margin-bottom:3px}.columinity-select-list .columinity-select-list-option .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.columinity-select-list .columinity-select-list-option .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.columinity-select-list .columinity-select-list-option:hover,.columinity-select-list .columinity-select-list-option.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.columinity-select-list .columinity-select-list-option .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.columinity-select-list .columinity-select-list-option .button-letter .ph{color:#1f3f8f}.columinity-select-list .columinity-select-list-option .button-letter:hover{background:#1f3f8f;color:#fff73f}.columinity-select-list .columinity-select-list-option .button-letter:hover .ph{color:#fff73f}.columinity-select-list .columinity-select-list-option:hover{border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected{background:#fff73f;border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter{background:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter>*{color:#fff}.columinity-select-list .columinity-select-list-option .button-letter{background:#d7d7d7;border:2px solid #2f2f2f;width:26px;height:26px;min-width:26px;min-height:26px}.columinity-select-list .columinity-select-list-option .button-letter .ph{align-self:center;justify-self:center;font-size:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.BrandConditionalBackgroundColorDirective, selector: "[brandConditionalBackgroundColor]", inputs: ["palette", "activePalette", "active"] }] }); }
|
|
44
45
|
}
|
|
45
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SelectListComponent, decorators: [{
|
|
46
47
|
type: Component,
|
|
47
48
|
args: [{ selector: 'select-list', providers: [
|
|
48
49
|
{ provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => SelectListComponent), }
|
|
49
|
-
], template: "<div class=\"columinity-select-list\">\n <div tabindex=\"0\" class=\"columinity-select-list-option\" [ngClass]=\"{'selected': option.selected}\" (click)=\"select(option)\" (keydown.Space)=\"select(option)\" *ngFor=\"let option of options\">\n <div class=\"button-letter\"><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && !multiple\"></span><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && multiple\"></span></div>\n {{option.label}}\n </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.columinity-select-list .columinity-select-list-option{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer;color:#2f2f2f;border-color:#2f2f2f;font-family:StevieSans,sans-serif;font-weight:600;font-size:20px;border-color:#fff;background:#f0f0f0;margin-bottom:3px}.columinity-select-list .columinity-select-list-option .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.columinity-select-list .columinity-select-list-option .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.columinity-select-list .columinity-select-list-option:hover,.columinity-select-list .columinity-select-list-option.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.columinity-select-list .columinity-select-list-option .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.columinity-select-list .columinity-select-list-option .button-letter .ph{color:#1f3f8f}.columinity-select-list .columinity-select-list-option .button-letter:hover{background:#1f3f8f;color:#fff73f}.columinity-select-list .columinity-select-list-option .button-letter:hover .ph{color:#fff73f}.columinity-select-list .columinity-select-list-option:hover{border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected{background:#fff73f;border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter{background:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter>*{color:#fff}.columinity-select-list .columinity-select-list-option .button-letter{background:#d7d7d7;border:2px solid #2f2f2f;width:26px;height:26px;min-width:26px;min-height:26px}.columinity-select-list .columinity-select-list-option .button-letter .ph{align-self:center;justify-self:center;font-size:20px}\n"] }]
|
|
50
|
+
], template: "<div class=\"columinity-select-list\" [ngClass]=\"{'columinity-select-list-multiple': multiple}\">\n <div tabindex=\"0\" class=\"columinity-select-list-option select-option\" [ngClass]=\"{'selected': option.selected}\" brandConditionalBackgroundColor [palette]=\"'neutral'\" [activePalette]=\"'accent'\" [active]=\"option.selected\" (click)=\"select(option)\" (keydown.Space)=\"select(option)\" *ngFor=\"let option of options\">\n <div class=\"button-letter\"><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && !multiple\"></span><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && multiple\"></span></div>\n {{option.label}}\n </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.columinity-select-list .columinity-select-list-option{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer;color:#2f2f2f;border-color:#2f2f2f;font-family:StevieSans,sans-serif;font-weight:600;font-size:20px;border-color:#fff;background:#f0f0f0;margin-bottom:3px}.columinity-select-list .columinity-select-list-option .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.columinity-select-list .columinity-select-list-option .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.columinity-select-list .columinity-select-list-option:hover,.columinity-select-list .columinity-select-list-option.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.columinity-select-list .columinity-select-list-option .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.columinity-select-list .columinity-select-list-option .button-letter .ph{color:#1f3f8f}.columinity-select-list .columinity-select-list-option .button-letter:hover{background:#1f3f8f;color:#fff73f}.columinity-select-list .columinity-select-list-option .button-letter:hover .ph{color:#fff73f}.columinity-select-list .columinity-select-list-option:hover{border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected{background:#fff73f;border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter{background:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter>*{color:#fff}.columinity-select-list .columinity-select-list-option .button-letter{background:#d7d7d7;border:2px solid #2f2f2f;width:26px;height:26px;min-width:26px;min-height:26px}.columinity-select-list .columinity-select-list-option .button-letter .ph{align-self:center;justify-self:center;font-size:20px}\n"] }]
|
|
50
51
|
}], ctorParameters: () => [], propDecorators: { options: [{
|
|
51
52
|
type: Input
|
|
52
53
|
}], multiple: [{
|
|
@@ -61,4 +62,4 @@ export class SelectListItem {
|
|
|
61
62
|
this.selected = selected;
|
|
62
63
|
}
|
|
63
64
|
}
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNjcnVtdGVhbXN1cnZleS10b29scy9zcmMvbGliL2NvbXBvbmVudHMvc2VsZWN0LWxpc3Qvc2VsZWN0LWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNjcnVtdGVhbXN1cnZleS10b29scy9zcmMvbGliL2NvbXBvbmVudHMvc2VsZWN0LWxpc3Qvc2VsZWN0LWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVV6RSxNQUFNLE9BQU8sbUJBQW1CO0lBSzdCO1FBSlMsWUFBTyxHQUFxQixFQUFFLENBQUM7UUFFL0IsYUFBUSxHQUFHLEtBQUssQ0FBQztRQW1DMUIsYUFBUSxHQUFHLENBQUMsT0FBeUIsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQzlDLGNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFqQ3RCLENBQUM7SUFFTSxNQUFNLENBQUMsTUFBc0I7UUFDakMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDLENBQUM7UUFDakQsQ0FBQztRQUVELE1BQU0sQ0FBQyxRQUFRLEdBQUcsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO1FBQ25DLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRU0sVUFBVSxDQUFDLFFBQTBCO1FBQ3pDLElBQUksQ0FBQyxRQUFRLElBQUksUUFBUSxDQUFDLE1BQU0sSUFBSSxDQUFDLEVBQUUsQ0FBQztZQUFDLE9BQU87UUFBQyxDQUFDO1FBRWxELEtBQUssSUFBSSxjQUFjLElBQUksUUFBUSxFQUFFLENBQUM7WUFDbkMsSUFBSSxNQUFNLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLGNBQWMsQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUNqRSxJQUFJLE1BQU0sSUFBSSxJQUFJLEVBQUUsQ0FBQztnQkFBQyxNQUFNLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztZQUFDLENBQUM7UUFDbEQsQ0FBQztRQUFBLENBQUM7SUFDTCxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsRUFBTztRQUM1QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRU0saUJBQWlCLENBQUMsRUFBTztRQUM3QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRU0sZ0JBQWdCLENBQUUsVUFBbUI7UUFDekMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7SUFDOUIsQ0FBQzs4R0FwQ1MsbUJBQW1CO2tHQUFuQixtQkFBbUIsa0hBSmxCO1lBQ1IsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG1CQUFtQixDQUFDLEdBQUc7U0FDbEcsMEJDVEosdXFCQU1BOzsyRkRLYSxtQkFBbUI7a0JBUi9CLFNBQVM7K0JBQ0csYUFBYSxhQUdaO3dCQUNSLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsb0JBQW9CLENBQUMsR0FBRztxQkFDbEc7d0RBR1EsT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSzs7QUF1Q1QsTUFBTSxPQUFPLGNBQWM7SUFDeEIsWUFBWSxHQUFXLEVBQUUsS0FBYSxFQUFFLFdBQW9CLEtBQUs7UUFDOUQsSUFBSSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUM7UUFDZixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztJQUM1QixDQUFDO0NBS0giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAgc2VsZWN0b3I6ICdzZWxlY3QtbGlzdCcsXG4gICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0LWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICAgc3R5bGVVcmxzOiBbJy4vc2VsZWN0LWxpc3QuY29tcG9uZW50Lmxlc3MnXSxcbiAgIHByb3ZpZGVyczogW1xuICAgICAgeyBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUiwgbXVsdGk6IHRydWUsIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNlbGVjdExpc3RDb21wb25lbnQpLCB9XG4gICBdXG59KVxuZXhwb3J0IGNsYXNzIFNlbGVjdExpc3RDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gICBASW5wdXQoKSBvcHRpb25zOiBTZWxlY3RMaXN0SXRlbVtdID0gW107XG4gICBASW5wdXQoKSBtdWx0aXBsZTogYm9vbGVhbjtcbiAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgIGNvbnN0cnVjdG9yKCkge1xuICAgfVxuICAgXG4gICBwdWJsaWMgc2VsZWN0KG9wdGlvbjogU2VsZWN0TGlzdEl0ZW0pIHtcbiAgICAgIGlmICghdGhpcy5tdWx0aXBsZSkge1xuICAgICAgICAgdGhpcy5vcHRpb25zLmZvckVhY2gocCA9PiBwLnNlbGVjdGVkID0gZmFsc2UpO1xuICAgICAgfVxuXG4gICAgICBvcHRpb24uc2VsZWN0ZWQgPSAhb3B0aW9uLnNlbGVjdGVkO1xuICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLm9wdGlvbnMuZmlsdGVyKHAgPT4gcC5zZWxlY3RlZCkpO1xuICAgfVxuXG4gICBwdWJsaWMgd3JpdGVWYWx1ZShzZWxlY3RlZDogU2VsZWN0TGlzdEl0ZW1bXSk6IHZvaWQge1xuICAgICAgaWYgKCFzZWxlY3RlZCB8fCBzZWxlY3RlZC5sZW5ndGggPT0gMCkgeyByZXR1cm47IH1cblxuICAgICAgZm9yICh2YXIgc2VsZWN0ZWRPcHRpb24gb2Ygc2VsZWN0ZWQpIHtcbiAgICAgICAgIHZhciBvcHRpb24gPSB0aGlzLm9wdGlvbnMuZmluZChwID0+IHAua2V5ID09IHNlbGVjdGVkT3B0aW9uLmtleSk7XG4gICAgICAgICBpZiAob3B0aW9uICE9IG51bGwpIHsgb3B0aW9uLnNlbGVjdGVkID0gdHJ1ZTsgfVxuICAgICAgfTtcbiAgIH1cbiAgIFxuICAgcHVibGljIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICAgfVxuXG4gICBwdWJsaWMgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgIH1cblxuICAgcHVibGljIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICAgfVxuXG4gICBvbkNoYW5nZSA9IChvcHRpb25zOiBTZWxlY3RMaXN0SXRlbVtdKSA9PiB7IH07XG4gICBvblRvdWNoZWQgPSAoKSA9PiB7IH07XG59XG5cbmV4cG9ydCBjbGFzcyBTZWxlY3RMaXN0SXRlbSB7XG4gICBjb25zdHJ1Y3RvcihrZXk6IHN0cmluZywgbGFiZWw6IHN0cmluZywgc2VsZWN0ZWQ6IGJvb2xlYW4gPSBmYWxzZSkge1xuICAgICAgdGhpcy5rZXkgPSBrZXk7XG4gICAgICB0aGlzLmxhYmVsID0gbGFiZWw7XG4gICAgICB0aGlzLnNlbGVjdGVkID0gc2VsZWN0ZWQ7XG4gICB9XG5cbiAgIGtleTogc3RyaW5nO1xuICAgbGFiZWw6IHN0cmluZztcbiAgIHNlbGVjdGVkOiBib29sZWFuO1xufVxuIiwiPGRpdiBjbGFzcz1cImNvbHVtaW5pdHktc2VsZWN0LWxpc3RcIiBbbmdDbGFzc109XCJ7J2NvbHVtaW5pdHktc2VsZWN0LWxpc3QtbXVsdGlwbGUnOiBtdWx0aXBsZX1cIj5cbiAgIDxkaXYgdGFiaW5kZXg9XCIwXCIgY2xhc3M9XCJjb2x1bWluaXR5LXNlbGVjdC1saXN0LW9wdGlvbiBzZWxlY3Qtb3B0aW9uXCIgW25nQ2xhc3NdPVwieydzZWxlY3RlZCc6IG9wdGlvbi5zZWxlY3RlZH1cIiBicmFuZENvbmRpdGlvbmFsQmFja2dyb3VuZENvbG9yIFtwYWxldHRlXT1cIiduZXV0cmFsJ1wiIFthY3RpdmVQYWxldHRlXT1cIidhY2NlbnQnXCIgW2FjdGl2ZV09XCJvcHRpb24uc2VsZWN0ZWRcIiAoY2xpY2spPVwic2VsZWN0KG9wdGlvbilcIiAoa2V5ZG93bi5TcGFjZSk9XCJzZWxlY3Qob3B0aW9uKVwiICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1sZXR0ZXJcIj48c3BhbiBjbGFzcz1cInBoIHBoLWNpcmNsZS1maWxsXCIgKm5nSWY9XCJvcHRpb24uc2VsZWN0ZWQgJiYgIW11bHRpcGxlXCI+PC9zcGFuPjxzcGFuIGNsYXNzPVwicGggcGgtY2lyY2xlLWZpbGxcIiAqbmdJZj1cIm9wdGlvbi5zZWxlY3RlZCAmJiBtdWx0aXBsZVwiPjwvc3Bhbj48L2Rpdj5cbiAgICAgIHt7b3B0aW9uLmxhYmVsfX1cbiAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -5,6 +5,7 @@ import { MatFormFieldModule } from '@angular/material/form-field';
|
|
|
5
5
|
import { MatSelectModule } from '@angular/material/select';
|
|
6
6
|
import { MatTooltip } from '@angular/material/tooltip';
|
|
7
7
|
import { SelectListComponent } from './select-list.component';
|
|
8
|
+
import { BrandingModule } from '../../branding/branding.module';
|
|
8
9
|
import * as i0 from "@angular/core";
|
|
9
10
|
export class SelectListModule {
|
|
10
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SelectListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
@@ -13,12 +14,14 @@ export class SelectListModule {
|
|
|
13
14
|
ReactiveFormsModule,
|
|
14
15
|
CommonModule,
|
|
15
16
|
MatSelectModule,
|
|
16
|
-
MatTooltip
|
|
17
|
+
MatTooltip,
|
|
18
|
+
BrandingModule], exports: [SelectListComponent] }); }
|
|
17
19
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SelectListModule, imports: [FormsModule,
|
|
18
20
|
MatFormFieldModule,
|
|
19
21
|
ReactiveFormsModule,
|
|
20
22
|
CommonModule,
|
|
21
|
-
MatSelectModule
|
|
23
|
+
MatSelectModule,
|
|
24
|
+
BrandingModule] }); }
|
|
22
25
|
}
|
|
23
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SelectListModule, decorators: [{
|
|
24
27
|
type: NgModule,
|
|
@@ -30,6 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
|
|
|
30
33
|
CommonModule,
|
|
31
34
|
MatSelectModule,
|
|
32
35
|
MatTooltip,
|
|
36
|
+
BrandingModule
|
|
33
37
|
],
|
|
34
38
|
declarations: [
|
|
35
39
|
SelectListComponent
|
|
@@ -39,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
|
|
|
39
43
|
]
|
|
40
44
|
}]
|
|
41
45
|
}] });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWxpc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNjcnVtdGVhbXN1cnZleS10b29scy9zcmMvbGliL2NvbXBvbmVudHMvc2VsZWN0LWxpc3Qvc2VsZWN0LWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7QUFpQmhFLE1BQU0sT0FBTyxnQkFBZ0I7OEdBQWhCLGdCQUFnQjsrR0FBaEIsZ0JBQWdCLGlCQUp2QixtQkFBbUIsYUFUbkIsV0FBVztZQUNYLGtCQUFrQjtZQUNsQixtQkFBbUI7WUFDbkIsWUFBWTtZQUNaLGVBQWU7WUFDZixVQUFVO1lBQ1YsY0FBYyxhQUtkLG1CQUFtQjsrR0FFWixnQkFBZ0IsWUFidkIsV0FBVztZQUNYLGtCQUFrQjtZQUNsQixtQkFBbUI7WUFDbkIsWUFBWTtZQUNaLGVBQWU7WUFFZixjQUFjOzsyRkFPUCxnQkFBZ0I7a0JBZjVCLFFBQVE7bUJBQUM7b0JBQ1AsT0FBTyxFQUFFO3dCQUNOLFdBQVc7d0JBQ1gsa0JBQWtCO3dCQUNsQixtQkFBbUI7d0JBQ25CLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixVQUFVO3dCQUNWLGNBQWM7cUJBQ2hCO29CQUNELFlBQVksRUFBRTt3QkFDWCxtQkFBbUI7cUJBQUM7b0JBQ3ZCLE9BQU8sRUFBRTt3QkFDTixtQkFBbUI7cUJBQUM7aUJBQ3pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1hdEZvcm1GaWVsZE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHsgTWF0U2VsZWN0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2VsZWN0JztcbmltcG9ydCB7IE1hdFRvb2x0aXAgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcbmltcG9ydCB7IFNlbGVjdExpc3RDb21wb25lbnQgfSBmcm9tICcuL3NlbGVjdC1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCcmFuZGluZ01vZHVsZSB9IGZyb20gJy4uLy4uL2JyYW5kaW5nL2JyYW5kaW5nLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gICBpbXBvcnRzOiBbXG4gICAgICBGb3Jtc01vZHVsZSxcbiAgICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcbiAgICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgICBDb21tb25Nb2R1bGUsXG4gICAgICBNYXRTZWxlY3RNb2R1bGUsXG4gICAgICBNYXRUb29sdGlwLFxuICAgICAgQnJhbmRpbmdNb2R1bGVcbiAgIF0sXG4gICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgIFNlbGVjdExpc3RDb21wb25lbnRdLFxuICAgZXhwb3J0czogW1xuICAgICAgU2VsZWN0TGlzdENvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0TGlzdE1vZHVsZSB7IH1cbiJdfQ==
|
|
@@ -3460,13 +3460,13 @@ class SelectListComponent {
|
|
|
3460
3460
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SelectListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3461
3461
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: SelectListComponent, selector: "select-list", inputs: { options: "options", multiple: "multiple", disabled: "disabled" }, providers: [
|
|
3462
3462
|
{ provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => SelectListComponent), }
|
|
3463
|
-
], ngImport: i0, template: "<div class=\"columinity-select-list\">\n <div tabindex=\"0\" class=\"columinity-select-list-option\" [ngClass]=\"{'selected': option.selected}\" (click)=\"select(option)\" (keydown.Space)=\"select(option)\" *ngFor=\"let option of options\">\n <div class=\"button-letter\"><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && !multiple\"></span><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && multiple\"></span></div>\n {{option.label}}\n </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.columinity-select-list .columinity-select-list-option{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer;color:#2f2f2f;border-color:#2f2f2f;font-family:StevieSans,sans-serif;font-weight:600;font-size:20px;border-color:#fff;background:#f0f0f0;margin-bottom:3px}.columinity-select-list .columinity-select-list-option .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.columinity-select-list .columinity-select-list-option .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.columinity-select-list .columinity-select-list-option:hover,.columinity-select-list .columinity-select-list-option.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.columinity-select-list .columinity-select-list-option .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.columinity-select-list .columinity-select-list-option .button-letter .ph{color:#1f3f8f}.columinity-select-list .columinity-select-list-option .button-letter:hover{background:#1f3f8f;color:#fff73f}.columinity-select-list .columinity-select-list-option .button-letter:hover .ph{color:#fff73f}.columinity-select-list .columinity-select-list-option:hover{border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected{background:#fff73f;border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter{background:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter>*{color:#fff}.columinity-select-list .columinity-select-list-option .button-letter{background:#d7d7d7;border:2px solid #2f2f2f;width:26px;height:26px;min-width:26px;min-height:26px}.columinity-select-list .columinity-select-list-option .button-letter .ph{align-self:center;justify-self:center;font-size:20px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
3463
|
+
], ngImport: i0, template: "<div class=\"columinity-select-list\" [ngClass]=\"{'columinity-select-list-multiple': multiple}\">\n <div tabindex=\"0\" class=\"columinity-select-list-option select-option\" [ngClass]=\"{'selected': option.selected}\" brandConditionalBackgroundColor [palette]=\"'neutral'\" [activePalette]=\"'accent'\" [active]=\"option.selected\" (click)=\"select(option)\" (keydown.Space)=\"select(option)\" *ngFor=\"let option of options\">\n <div class=\"button-letter\"><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && !multiple\"></span><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && multiple\"></span></div>\n {{option.label}}\n </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.columinity-select-list .columinity-select-list-option{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer;color:#2f2f2f;border-color:#2f2f2f;font-family:StevieSans,sans-serif;font-weight:600;font-size:20px;border-color:#fff;background:#f0f0f0;margin-bottom:3px}.columinity-select-list .columinity-select-list-option .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.columinity-select-list .columinity-select-list-option .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.columinity-select-list .columinity-select-list-option:hover,.columinity-select-list .columinity-select-list-option.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.columinity-select-list .columinity-select-list-option .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.columinity-select-list .columinity-select-list-option .button-letter .ph{color:#1f3f8f}.columinity-select-list .columinity-select-list-option .button-letter:hover{background:#1f3f8f;color:#fff73f}.columinity-select-list .columinity-select-list-option .button-letter:hover .ph{color:#fff73f}.columinity-select-list .columinity-select-list-option:hover{border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected{background:#fff73f;border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter{background:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter>*{color:#fff}.columinity-select-list .columinity-select-list-option .button-letter{background:#d7d7d7;border:2px solid #2f2f2f;width:26px;height:26px;min-width:26px;min-height:26px}.columinity-select-list .columinity-select-list-option .button-letter .ph{align-self:center;justify-self:center;font-size:20px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: BrandConditionalBackgroundColorDirective, selector: "[brandConditionalBackgroundColor]", inputs: ["palette", "activePalette", "active"] }] }); }
|
|
3464
3464
|
}
|
|
3465
3465
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SelectListComponent, decorators: [{
|
|
3466
3466
|
type: Component,
|
|
3467
3467
|
args: [{ selector: 'select-list', providers: [
|
|
3468
3468
|
{ provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => SelectListComponent), }
|
|
3469
|
-
], template: "<div class=\"columinity-select-list\">\n <div tabindex=\"0\" class=\"columinity-select-list-option\" [ngClass]=\"{'selected': option.selected}\" (click)=\"select(option)\" (keydown.Space)=\"select(option)\" *ngFor=\"let option of options\">\n <div class=\"button-letter\"><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && !multiple\"></span><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && multiple\"></span></div>\n {{option.label}}\n </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.columinity-select-list .columinity-select-list-option{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer;color:#2f2f2f;border-color:#2f2f2f;font-family:StevieSans,sans-serif;font-weight:600;font-size:20px;border-color:#fff;background:#f0f0f0;margin-bottom:3px}.columinity-select-list .columinity-select-list-option .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.columinity-select-list .columinity-select-list-option .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.columinity-select-list .columinity-select-list-option:hover,.columinity-select-list .columinity-select-list-option.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.columinity-select-list .columinity-select-list-option .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.columinity-select-list .columinity-select-list-option .button-letter .ph{color:#1f3f8f}.columinity-select-list .columinity-select-list-option .button-letter:hover{background:#1f3f8f;color:#fff73f}.columinity-select-list .columinity-select-list-option .button-letter:hover .ph{color:#fff73f}.columinity-select-list .columinity-select-list-option:hover{border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected{background:#fff73f;border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter{background:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter>*{color:#fff}.columinity-select-list .columinity-select-list-option .button-letter{background:#d7d7d7;border:2px solid #2f2f2f;width:26px;height:26px;min-width:26px;min-height:26px}.columinity-select-list .columinity-select-list-option .button-letter .ph{align-self:center;justify-self:center;font-size:20px}\n"] }]
|
|
3469
|
+
], template: "<div class=\"columinity-select-list\" [ngClass]=\"{'columinity-select-list-multiple': multiple}\">\n <div tabindex=\"0\" class=\"columinity-select-list-option select-option\" [ngClass]=\"{'selected': option.selected}\" brandConditionalBackgroundColor [palette]=\"'neutral'\" [activePalette]=\"'accent'\" [active]=\"option.selected\" (click)=\"select(option)\" (keydown.Space)=\"select(option)\" *ngFor=\"let option of options\">\n <div class=\"button-letter\"><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && !multiple\"></span><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && multiple\"></span></div>\n {{option.label}}\n </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.columinity-select-list .columinity-select-list-option{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer;color:#2f2f2f;border-color:#2f2f2f;font-family:StevieSans,sans-serif;font-weight:600;font-size:20px;border-color:#fff;background:#f0f0f0;margin-bottom:3px}.columinity-select-list .columinity-select-list-option .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.columinity-select-list .columinity-select-list-option .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.columinity-select-list .columinity-select-list-option:hover,.columinity-select-list .columinity-select-list-option.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.columinity-select-list .columinity-select-list-option .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.columinity-select-list .columinity-select-list-option .button-letter .ph{color:#1f3f8f}.columinity-select-list .columinity-select-list-option .button-letter:hover{background:#1f3f8f;color:#fff73f}.columinity-select-list .columinity-select-list-option .button-letter:hover .ph{color:#fff73f}.columinity-select-list .columinity-select-list-option:hover{border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected{background:#fff73f;border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter{background:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter>*{color:#fff}.columinity-select-list .columinity-select-list-option .button-letter{background:#d7d7d7;border:2px solid #2f2f2f;width:26px;height:26px;min-width:26px;min-height:26px}.columinity-select-list .columinity-select-list-option .button-letter .ph{align-self:center;justify-self:center;font-size:20px}\n"] }]
|
|
3470
3470
|
}], ctorParameters: () => [], propDecorators: { options: [{
|
|
3471
3471
|
type: Input
|
|
3472
3472
|
}], multiple: [{
|
|
@@ -3489,12 +3489,14 @@ class SelectListModule {
|
|
|
3489
3489
|
ReactiveFormsModule,
|
|
3490
3490
|
CommonModule,
|
|
3491
3491
|
MatSelectModule,
|
|
3492
|
-
MatTooltip
|
|
3492
|
+
MatTooltip,
|
|
3493
|
+
BrandingModule], exports: [SelectListComponent] }); }
|
|
3493
3494
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SelectListModule, imports: [FormsModule,
|
|
3494
3495
|
MatFormFieldModule,
|
|
3495
3496
|
ReactiveFormsModule,
|
|
3496
3497
|
CommonModule,
|
|
3497
|
-
MatSelectModule
|
|
3498
|
+
MatSelectModule,
|
|
3499
|
+
BrandingModule] }); }
|
|
3498
3500
|
}
|
|
3499
3501
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SelectListModule, decorators: [{
|
|
3500
3502
|
type: NgModule,
|
|
@@ -3506,6 +3508,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
|
|
|
3506
3508
|
CommonModule,
|
|
3507
3509
|
MatSelectModule,
|
|
3508
3510
|
MatTooltip,
|
|
3511
|
+
BrandingModule
|
|
3509
3512
|
],
|
|
3510
3513
|
declarations: [
|
|
3511
3514
|
SelectListComponent
|