novo-elements 13.2.0 → 13.3.0
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/elements/breadcrumbs/Breadcrumb.scss +1 -1
- package/elements/button/styles/button-dialogue.scss +12 -0
- package/elements/button/styles/button-icon.scss +20 -0
- package/elements/button/styles/button-primary.scss +16 -1
- package/elements/button/styles/button-secondary.scss +14 -1
- package/elements/button/styles/button-standard.scss +14 -0
- package/elements/button/styles/button.scss +11 -0
- package/elements/card/Card.scss +80 -19
- package/elements/card/CardContent.scss +3 -0
- package/elements/card/CardHeader.scss +23 -0
- package/elements/card/index.d.ts +5 -3
- package/elements/category-dropdown/CategoryDropdown.scss +1 -1
- package/elements/checkbox/CheckList.scss +69 -0
- package/elements/checkbox/Checkbox.scss +104 -0
- package/elements/chips/Chip.scss +3 -1
- package/elements/common/index.d.ts +14 -4
- package/elements/common/option/option.component.scss +11 -0
- package/elements/data-table/data-table.component.scss +81 -3
- package/elements/data-table/pagination/data-table-pagination.component.scss +73 -0
- package/elements/date-picker/DatePicker.scss +1 -6
- package/elements/date-time-picker/_DateTimePicker.scss +1 -1
- package/elements/dropdown/Dropdown.scss +17 -1
- package/elements/field/field.scss +10 -6
- package/elements/field/hint/hint.scss +6 -0
- package/elements/form/ControlGroup.scss +13 -0
- package/elements/form/Form.scss +46 -0
- package/elements/header/Header.scss +45 -3
- package/elements/layout/index.d.ts +10 -2
- package/elements/list/list-item-content.scss +11 -10
- package/elements/menu/menu-content.component.scss +1 -0
- package/elements/modal/modal.component.scss +3 -13
- package/elements/modal/notification.component.scss +1 -6
- package/elements/picker/extras/picker-results/PickerResults.scss +51 -0
- package/elements/progress/Progress.scss +8 -0
- package/elements/progress/ProgressBar.scss +4 -1
- package/elements/search/SearchBox.scss +53 -0
- package/elements/search/index.d.ts +19 -9
- package/elements/select/Select.scss +1 -0
- package/elements/simple-table/table.scss +1 -1
- package/elements/stepper/stepper.component.scss +4 -4
- package/elements/switch/Switch.scss +39 -3
- package/elements/tabbed-group-picker/TabbedGroupPicker.scss +47 -0
- package/elements/tabs/tab.scss +17 -14
- package/elements/tiles/Tiles.scss +24 -2
- package/elements/time-picker/TimePicker.scss +2 -2
- package/elements/tip-well/TipWell.scss +34 -0
- package/elements/tip-well/index.d.ts +5 -1
- package/elements/toolbar/toolbar.component.scss +15 -0
- package/elements/tooltip/Tooltip.scss +1 -6
- package/fesm2022/novo-elements-elements-breadcrumbs.mjs +3 -3
- package/fesm2022/novo-elements-elements-breadcrumbs.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-button.mjs +2 -2
- package/fesm2022/novo-elements-elements-button.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-card.mjs +27 -21
- package/fesm2022/novo-elements-elements-card.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-category-dropdown.mjs +2 -2
- package/fesm2022/novo-elements-elements-category-dropdown.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-checkbox.mjs +4 -4
- package/fesm2022/novo-elements-elements-checkbox.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-chips.mjs +2 -2
- package/fesm2022/novo-elements-elements-chips.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-common.mjs +48 -17
- package/fesm2022/novo-elements-elements-common.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-data-table.mjs +4 -4
- package/fesm2022/novo-elements-elements-data-table.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-date-picker.mjs +2 -2
- package/fesm2022/novo-elements-elements-date-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-date-time-picker.mjs +2 -2
- package/fesm2022/novo-elements-elements-date-time-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-dropdown.mjs +2 -2
- package/fesm2022/novo-elements-elements-dropdown.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-field.mjs +4 -4
- package/fesm2022/novo-elements-elements-field.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-form.mjs +7 -7
- package/fesm2022/novo-elements-elements-form.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-header.mjs +2 -2
- package/fesm2022/novo-elements-elements-header.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-layout.mjs +29 -13
- package/fesm2022/novo-elements-elements-layout.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-list.mjs +2 -2
- package/fesm2022/novo-elements-elements-list.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-menu.mjs +2 -2
- package/fesm2022/novo-elements-elements-menu.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-modal.mjs +4 -4
- package/fesm2022/novo-elements-elements-modal.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-picker.mjs +4 -4
- package/fesm2022/novo-elements-elements-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-progress.mjs +4 -4
- package/fesm2022/novo-elements-elements-progress.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-search.mjs +63 -17
- package/fesm2022/novo-elements-elements-search.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-select.mjs +2 -2
- package/fesm2022/novo-elements-elements-select.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-simple-table.mjs +4 -4
- package/fesm2022/novo-elements-elements-simple-table.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-stepper.mjs +6 -6
- package/fesm2022/novo-elements-elements-stepper.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-switch.mjs +2 -2
- package/fesm2022/novo-elements-elements-switch.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-tabbed-group-picker.mjs +2 -2
- package/fesm2022/novo-elements-elements-tabbed-group-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-tabs.mjs +4 -4
- package/fesm2022/novo-elements-elements-tabs.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-tiles.mjs +2 -2
- package/fesm2022/novo-elements-elements-tiles.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-time-picker.mjs +2 -2
- package/fesm2022/novo-elements-elements-time-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-tip-well.mjs +26 -6
- package/fesm2022/novo-elements-elements-tip-well.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-toolbar.mjs +2 -2
- package/fesm2022/novo-elements-elements-toolbar.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-tooltip.mjs +2 -2
- package/fesm2022/novo-elements-elements-tooltip.mjs.map +1 -1
- package/fesm2022/novo-elements-utils.mjs +4822 -364
- package/fesm2022/novo-elements-utils.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/content/links.scss +4 -0
- package/styles/themes/bh2026.scss +131 -53
- package/utils/index.d.ts +2 -2
|
@@ -187,11 +187,11 @@ class NovoStep extends CdkStep {
|
|
|
187
187
|
super(stepper);
|
|
188
188
|
}
|
|
189
189
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoStep, deps: [{ token: forwardRef(() => NovoStepper) }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
190
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoStep, isStandalone: false, selector: "novo-step", inputs: { theme: "theme", color: "color", icon: "icon" }, providers: [{ provide: CdkStep, useExisting: NovoStep }], queries: [{ propertyName: "stepLabel", first: true, predicate: NovoStepLabel, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template><ng-content></ng-content></ng-template>\n", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:var(--background-main)}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid var(--color-border);flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid var(--color-positive)}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:var(--color-border)}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid var(--color-positive)}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}:host-context([data-theme=bh2026]) .novo-step-icon .novo-step-number{background:var(--color-
|
|
190
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoStep, isStandalone: false, selector: "novo-step", inputs: { theme: "theme", color: "color", icon: "icon" }, providers: [{ provide: CdkStep, useExisting: NovoStep }], queries: [{ propertyName: "stepLabel", first: true, predicate: NovoStepLabel, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template><ng-content></ng-content></ng-template>\n", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:var(--background-main)}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid var(--color-border);flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid var(--color-positive)}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:var(--color-border)}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid var(--color-positive)}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}:host-context([data-theme=bh2026]) .novo-step-icon .novo-step-number{background:var(--color-text-body);color:#fff;border:1px solid var(--color-text-body);border-radius:50%;box-shadow:none}:host-context([data-theme=bh2026]) .novo-step-icon-not-touched .novo-step-number{background:transparent;color:var(--color-text-subtle);border:1px solid var(--color-border-default);border-radius:50%;box-shadow:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
191
191
|
}
|
|
192
192
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoStep, decorators: [{
|
|
193
193
|
type: Component,
|
|
194
|
-
args: [{ selector: 'novo-step', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: CdkStep, useExisting: NovoStep }], standalone: false, template: "<ng-template><ng-content></ng-content></ng-template>\n", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:var(--background-main)}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid var(--color-border);flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid var(--color-positive)}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:var(--color-border)}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid var(--color-positive)}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}:host-context([data-theme=bh2026]) .novo-step-icon .novo-step-number{background:var(--color-
|
|
194
|
+
args: [{ selector: 'novo-step', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: CdkStep, useExisting: NovoStep }], standalone: false, template: "<ng-template><ng-content></ng-content></ng-template>\n", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:var(--background-main)}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid var(--color-border);flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid var(--color-positive)}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:var(--color-border)}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid var(--color-positive)}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}:host-context([data-theme=bh2026]) .novo-step-icon .novo-step-number{background:var(--color-text-body);color:#fff;border:1px solid var(--color-text-body);border-radius:50%;box-shadow:none}:host-context([data-theme=bh2026]) .novo-step-icon-not-touched .novo-step-number{background:transparent;color:var(--color-text-subtle);border:1px solid var(--color-border-default);border-radius:50%;box-shadow:none}\n"] }]
|
|
195
195
|
}], ctorParameters: () => [{ type: i1$1.CdkStepper, decorators: [{
|
|
196
196
|
type: Inject,
|
|
197
197
|
args: [forwardRef(() => NovoStepper)]
|
|
@@ -281,7 +281,7 @@ class NovoHorizontalStepper extends NovoStepper {
|
|
|
281
281
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoHorizontalStepper, isStandalone: false, selector: "novo-horizontal-stepper", host: { attributes: { "aria-orientation": "horizontal", "role": "tablist" }, classAttribute: "novo-stepper-horizontal" }, providers: [
|
|
282
282
|
{ provide: NovoStepper, useExisting: NovoHorizontalStepper },
|
|
283
283
|
{ provide: CdkStepper, useExisting: NovoHorizontalStepper },
|
|
284
|
-
], exportAs: ["novoHorizontalStepper"], usesInheritance: true, ngImport: i0, template: "<div class=\"novo-horizontal-stepper-header-container\">\n <div class=\"novo-stepper-horizontal-line complete\"></div>\n <ng-container *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n <novo-step-header class=\"novo-horizontal-stepper-header\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex == i\"\n [index]=\"i\"\n [theme]=\"step.theme\"\n [color]=\"step.color\"\n [icon]=\"step.icon\"\n [state]=\"getIndicatorType(i)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"step.completed || selectedIndex === i || !linear\"\n [optional]=\"step.optional\"\n [iconOverrides]=\"_iconOverrides\">\n </novo-step-header>\n </ng-container>\n <div class=\"novo-stepper-horizontal-line\" [class.complete]=\"completed\"></div>\n</div>\n\n<div class=\"novo-horizontal-content-container\">\n <div *ngFor=\"let step of _steps; let i = index\"\n class=\"novo-horizontal-stepper-content\" role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n</div>", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:var(--background-main)}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid var(--color-border);flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid var(--color-positive)}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:var(--color-border)}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid var(--color-positive)}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}:host-context([data-theme=bh2026]) .novo-step-icon .novo-step-number{background:var(--color-
|
|
284
|
+
], exportAs: ["novoHorizontalStepper"], usesInheritance: true, ngImport: i0, template: "<div class=\"novo-horizontal-stepper-header-container\">\n <div class=\"novo-stepper-horizontal-line complete\"></div>\n <ng-container *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n <novo-step-header class=\"novo-horizontal-stepper-header\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex == i\"\n [index]=\"i\"\n [theme]=\"step.theme\"\n [color]=\"step.color\"\n [icon]=\"step.icon\"\n [state]=\"getIndicatorType(i)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"step.completed || selectedIndex === i || !linear\"\n [optional]=\"step.optional\"\n [iconOverrides]=\"_iconOverrides\">\n </novo-step-header>\n </ng-container>\n <div class=\"novo-stepper-horizontal-line\" [class.complete]=\"completed\"></div>\n</div>\n\n<div class=\"novo-horizontal-content-container\">\n <div *ngFor=\"let step of _steps; let i = index\"\n class=\"novo-horizontal-stepper-content\" role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n</div>", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:var(--background-main)}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid var(--color-border);flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid var(--color-positive)}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:var(--color-border)}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid var(--color-positive)}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}:host-context([data-theme=bh2026]) .novo-step-icon .novo-step-number{background:var(--color-text-body);color:#fff;border:1px solid var(--color-text-body);border-radius:50%;box-shadow:none}:host-context([data-theme=bh2026]) .novo-step-icon-not-touched .novo-step-number{background:transparent;color:var(--color-text-subtle);border:1px solid var(--color-border-default);border-radius:50%;box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NovoStepHeader, selector: "novo-step-header", inputs: ["theme", "color", "icon", "state", "label", "iconOverrides", "index", "selected", "active", "optional"] }], animations: [novoStepperAnimations.horizontalStepTransition], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
285
285
|
}
|
|
286
286
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoHorizontalStepper, decorators: [{
|
|
287
287
|
type: Component,
|
|
@@ -292,7 +292,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
|
|
|
292
292
|
}, animations: [novoStepperAnimations.horizontalStepTransition], providers: [
|
|
293
293
|
{ provide: NovoStepper, useExisting: NovoHorizontalStepper },
|
|
294
294
|
{ provide: CdkStepper, useExisting: NovoHorizontalStepper },
|
|
295
|
-
], preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"novo-horizontal-stepper-header-container\">\n <div class=\"novo-stepper-horizontal-line complete\"></div>\n <ng-container *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n <novo-step-header class=\"novo-horizontal-stepper-header\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex == i\"\n [index]=\"i\"\n [theme]=\"step.theme\"\n [color]=\"step.color\"\n [icon]=\"step.icon\"\n [state]=\"getIndicatorType(i)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"step.completed || selectedIndex === i || !linear\"\n [optional]=\"step.optional\"\n [iconOverrides]=\"_iconOverrides\">\n </novo-step-header>\n </ng-container>\n <div class=\"novo-stepper-horizontal-line\" [class.complete]=\"completed\"></div>\n</div>\n\n<div class=\"novo-horizontal-content-container\">\n <div *ngFor=\"let step of _steps; let i = index\"\n class=\"novo-horizontal-stepper-content\" role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n</div>", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:var(--background-main)}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid var(--color-border);flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid var(--color-positive)}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:var(--color-border)}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid var(--color-positive)}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}:host-context([data-theme=bh2026]) .novo-step-icon .novo-step-number{background:var(--color-
|
|
295
|
+
], preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"novo-horizontal-stepper-header-container\">\n <div class=\"novo-stepper-horizontal-line complete\"></div>\n <ng-container *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n <novo-step-header class=\"novo-horizontal-stepper-header\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex == i\"\n [index]=\"i\"\n [theme]=\"step.theme\"\n [color]=\"step.color\"\n [icon]=\"step.icon\"\n [state]=\"getIndicatorType(i)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"step.completed || selectedIndex === i || !linear\"\n [optional]=\"step.optional\"\n [iconOverrides]=\"_iconOverrides\">\n </novo-step-header>\n </ng-container>\n <div class=\"novo-stepper-horizontal-line\" [class.complete]=\"completed\"></div>\n</div>\n\n<div class=\"novo-horizontal-content-container\">\n <div *ngFor=\"let step of _steps; let i = index\"\n class=\"novo-horizontal-stepper-content\" role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n</div>", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:var(--background-main)}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid var(--color-border);flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid var(--color-positive)}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:var(--color-border)}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid var(--color-positive)}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}:host-context([data-theme=bh2026]) .novo-step-icon .novo-step-number{background:var(--color-text-body);color:#fff;border:1px solid var(--color-text-body);border-radius:50%;box-shadow:none}:host-context([data-theme=bh2026]) .novo-step-icon-not-touched .novo-step-number{background:transparent;color:var(--color-text-subtle);border:1px solid var(--color-border-default);border-radius:50%;box-shadow:none}\n"] }]
|
|
296
296
|
}] });
|
|
297
297
|
class NovoVerticalStepper extends NovoStepper {
|
|
298
298
|
constructor(dir, changeDetectorRef, elementRef) {
|
|
@@ -303,7 +303,7 @@ class NovoVerticalStepper extends NovoStepper {
|
|
|
303
303
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoVerticalStepper, isStandalone: false, selector: "novo-vertical-stepper", host: { attributes: { "aria-orientation": "vertical", "role": "tablist" }, classAttribute: "novo-stepper-vertical" }, providers: [
|
|
304
304
|
{ provide: NovoStepper, useExisting: NovoVerticalStepper },
|
|
305
305
|
{ provide: CdkStepper, useExisting: NovoVerticalStepper },
|
|
306
|
-
], exportAs: ["novoVerticalStepper"], usesInheritance: true, ngImport: i0, template: "<div class=\"novo-step\" *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n <novo-step-header class=\"novo-vertical-stepper-header\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() == i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex === i\"\n [index]=\"i\"\n [theme]=\"step.theme\"\n [color]=\"step.color\"\n [icon]=\"step.icon\"\n [state]=\"getIndicatorType(i)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"step.completed || selectedIndex === i || !linear\"\n [optional]=\"step.optional\"\n [iconOverrides]=\"_iconOverrides\">\n </novo-step-header>\n\n <div class=\"novo-vertical-content-container\" [class.novo-stepper-vertical-line]=\"!isLast\"\n [ngClass]=\"getIndicatorType(i)\">\n <div class=\"novo-vertical-stepper-content\" role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <div class=\"novo-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n </div>\n </div>\n</div>", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:var(--background-main)}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid var(--color-border);flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid var(--color-positive)}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:var(--color-border)}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid var(--color-positive)}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}:host-context([data-theme=bh2026]) .novo-step-icon .novo-step-number{background:var(--color-
|
|
306
|
+
], exportAs: ["novoVerticalStepper"], usesInheritance: true, ngImport: i0, template: "<div class=\"novo-step\" *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n <novo-step-header class=\"novo-vertical-stepper-header\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() == i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex === i\"\n [index]=\"i\"\n [theme]=\"step.theme\"\n [color]=\"step.color\"\n [icon]=\"step.icon\"\n [state]=\"getIndicatorType(i)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"step.completed || selectedIndex === i || !linear\"\n [optional]=\"step.optional\"\n [iconOverrides]=\"_iconOverrides\">\n </novo-step-header>\n\n <div class=\"novo-vertical-content-container\" [class.novo-stepper-vertical-line]=\"!isLast\"\n [ngClass]=\"getIndicatorType(i)\">\n <div class=\"novo-vertical-stepper-content\" role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <div class=\"novo-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n </div>\n </div>\n</div>", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:var(--background-main)}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid var(--color-border);flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid var(--color-positive)}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:var(--color-border)}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid var(--color-positive)}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}:host-context([data-theme=bh2026]) .novo-step-icon .novo-step-number{background:var(--color-text-body);color:#fff;border:1px solid var(--color-text-body);border-radius:50%;box-shadow:none}:host-context([data-theme=bh2026]) .novo-step-icon-not-touched .novo-step-number{background:transparent;color:var(--color-text-subtle);border:1px solid var(--color-border-default);border-radius:50%;box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NovoStepHeader, selector: "novo-step-header", inputs: ["theme", "color", "icon", "state", "label", "iconOverrides", "index", "selected", "active", "optional"] }], animations: [novoStepperAnimations.verticalStepTransition], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
307
307
|
}
|
|
308
308
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoVerticalStepper, decorators: [{
|
|
309
309
|
type: Component,
|
|
@@ -314,7 +314,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
|
|
|
314
314
|
}, animations: [novoStepperAnimations.verticalStepTransition], providers: [
|
|
315
315
|
{ provide: NovoStepper, useExisting: NovoVerticalStepper },
|
|
316
316
|
{ provide: CdkStepper, useExisting: NovoVerticalStepper },
|
|
317
|
-
], preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"novo-step\" *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n <novo-step-header class=\"novo-vertical-stepper-header\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() == i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex === i\"\n [index]=\"i\"\n [theme]=\"step.theme\"\n [color]=\"step.color\"\n [icon]=\"step.icon\"\n [state]=\"getIndicatorType(i)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"step.completed || selectedIndex === i || !linear\"\n [optional]=\"step.optional\"\n [iconOverrides]=\"_iconOverrides\">\n </novo-step-header>\n\n <div class=\"novo-vertical-content-container\" [class.novo-stepper-vertical-line]=\"!isLast\"\n [ngClass]=\"getIndicatorType(i)\">\n <div class=\"novo-vertical-stepper-content\" role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <div class=\"novo-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n </div>\n </div>\n</div>", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:var(--background-main)}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid var(--color-border);flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid var(--color-positive)}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:var(--color-border)}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid var(--color-positive)}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}:host-context([data-theme=bh2026]) .novo-step-icon .novo-step-number{background:var(--color-
|
|
317
|
+
], preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"novo-step\" *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n <novo-step-header class=\"novo-vertical-stepper-header\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() == i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex === i\"\n [index]=\"i\"\n [theme]=\"step.theme\"\n [color]=\"step.color\"\n [icon]=\"step.icon\"\n [state]=\"getIndicatorType(i)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"step.completed || selectedIndex === i || !linear\"\n [optional]=\"step.optional\"\n [iconOverrides]=\"_iconOverrides\">\n </novo-step-header>\n\n <div class=\"novo-vertical-content-container\" [class.novo-stepper-vertical-line]=\"!isLast\"\n [ngClass]=\"getIndicatorType(i)\">\n <div class=\"novo-vertical-stepper-content\" role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <div class=\"novo-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n </div>\n </div>\n</div>", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:var(--background-main)}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid var(--color-border);flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid var(--color-positive)}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:var(--color-border)}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid var(--color-positive)}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid var(--color-positive)}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}:host-context([data-theme=bh2026]) .novo-step-icon .novo-step-number{background:var(--color-text-body);color:#fff;border:1px solid var(--color-text-body);border-radius:50%;box-shadow:none}:host-context([data-theme=bh2026]) .novo-step-icon-not-touched .novo-step-number{background:transparent;color:var(--color-text-subtle);border:1px solid var(--color-border-default);border-radius:50%;box-shadow:none}\n"] }]
|
|
318
318
|
}], ctorParameters: () => [{ type: i4.Directionality, decorators: [{
|
|
319
319
|
type: Optional
|
|
320
320
|
}] }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"novo-elements-elements-stepper.mjs","sources":["../../../projects/novo-elements/src/elements/stepper/step-label.component.ts","../../../projects/novo-elements/src/elements/stepper/step-status.component.ts","../../../projects/novo-elements/src/elements/stepper/step-status.component.html","../../../projects/novo-elements/src/elements/stepper/step-header.component.ts","../../../projects/novo-elements/src/elements/stepper/step-header.component.html","../../../projects/novo-elements/src/elements/stepper/stepper-buttons.component.ts","../../../projects/novo-elements/src/elements/stepper/stepper.animations.ts","../../../projects/novo-elements/src/elements/stepper/stepper.component.ts","../../../projects/novo-elements/src/elements/stepper/step.component.html","../../../projects/novo-elements/src/elements/stepper/stepper-horizontal.html","../../../projects/novo-elements/src/elements/stepper/stepper-vertical.html","../../../projects/novo-elements/src/elements/stepper/stepper.module.ts","../../../projects/novo-elements/src/elements/stepper/novo-elements-elements-stepper.ts"],"sourcesContent":["import { CdkStepLabel } from '@angular/cdk/stepper';\nimport { Directive, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[novoStepLabel]',\n standalone: false,\n})\nexport class NovoStepLabel extends CdkStepLabel {\n constructor(template: TemplateRef<any>) {\n super(template);\n }\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'novo-step-status',\n templateUrl: 'step-status.component.html',\n // encapsulation: ViewEncapsulation.None,\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'novo-step-status',\n },\n standalone: false,\n})\nexport class NovoStepStatus {\n @Input()\n state: string;\n\n constructor() {}\n}\n","<div class=\"novo-stepper-status-line\" [ngClass]=\"state\"></div>\n<div [ngSwitch]=\"state\" class=\"novo-stepper-status-icon\">\n <novo-icon color=\"positive\" *ngSwitchCase=\"'edit'\">check-circle</novo-icon>\n <novo-icon color=\"positive\" *ngSwitchCase=\"'done'\">check-circle-filled</novo-icon>\n <novo-icon color=\"positive\" *ngSwitchDefault>circle-o</novo-icon>\n</div>","import { FocusMonitor } from '@angular/cdk/a11y';\nimport { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';\nimport { CdkStepHeader } from '@angular/cdk/stepper';\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, OnDestroy, TemplateRef } from '@angular/core';\nimport { NovoStepLabel } from './step-label.component';\n\n@Component({\n selector: 'novo-step-header',\n templateUrl: 'step-header.component.html',\n styleUrls: ['step-header.component.scss'],\n host: {\n class: 'novo-step-header',\n role: 'tab',\n },\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class NovoStepHeader extends CdkStepHeader implements OnDestroy {\n @Input()\n theme: string;\n @Input()\n color: string;\n @Input()\n icon: string;\n /** State of the given step. */\n @Input()\n state: string;\n\n /** Label of the given step. */\n @Input()\n label: NovoStepLabel | string;\n\n /** Overrides for the header icons, passed in via the stepper. */\n @Input()\n iconOverrides: { [key: string]: TemplateRef<any> };\n\n /** Index of the given step. */\n @Input()\n get index(): number {\n return this._index;\n }\n set index(value: number) {\n this._index = coerceNumberProperty(value);\n }\n private _index: number;\n\n /** Whether the given step is selected. */\n @Input()\n get selected(): boolean {\n return this._selected;\n }\n set selected(value: boolean) {\n this._selected = coerceBooleanProperty(value);\n }\n private _selected: boolean;\n\n /** Whether the given step label is active. */\n @Input()\n get active(): boolean {\n return this._active;\n }\n set active(value: boolean) {\n this._active = coerceBooleanProperty(value);\n }\n private _active: boolean;\n\n /** Whether the given step label is active. */\n get touched(): boolean {\n return this.selected || this.state === 'edit' || this.state === 'done';\n }\n\n /** Whether the given step is optional. */\n @Input()\n get optional(): boolean {\n return this._optional;\n }\n set optional(value: boolean) {\n this._optional = coerceBooleanProperty(value);\n }\n private _optional: boolean;\n\n constructor(private _focusMonitor: FocusMonitor, private _element: ElementRef) {\n super(_element);\n _focusMonitor.monitor(_element.nativeElement, true);\n }\n\n ngOnDestroy() {\n this._focusMonitor.stopMonitoring(this._element.nativeElement);\n }\n\n /** Returns string label of given step if it is a text label. */\n _stringLabel(): string | null {\n return this.label instanceof NovoStepLabel ? null : this.label;\n }\n\n /** Returns NovoStepLabel if the label of given step is a template label. */\n _templateLabel(): NovoStepLabel | null {\n return this.label instanceof NovoStepLabel ? this.label : null;\n }\n\n /** Returns the host HTML element. */\n _getHostElement() {\n return this._element.nativeElement;\n }\n}\n","<div [class.novo-step-icon]=\"touched\"\n [class.novo-step-icon-not-touched]=\"!touched\">\n <ng-container *ngIf=\"icon\">\n <novo-icon raised=\"true\" [theme]=\"theme\">{{icon}}</novo-icon>\n </ng-container>\n <ng-container *ngIf=\"!icon\">\n <span class=\"novo-step-number\">{{index + 1}}</span>\n </ng-container>\n</div>\n<div class=\"novo-step-label\"\n [class.novo-step-label-active]=\"active\"\n [class.novo-step-label-selected]=\"selected\">\n <!-- If there is a label template, use it. -->\n <ng-container *ngIf=\"_templateLabel()\" [ngTemplateOutlet]=\"_templateLabel()!.template\">\n </ng-container>\n <!-- It there is no label template, fall back to the text label. -->\n <div class=\"novo-step-text-label\" *ngIf=\"_stringLabel()\">{{label}}</div>\n</div>\n<novo-step-status [state]=\"state\"></novo-step-status>","import { CdkStepperNext, CdkStepperPrevious } from '@angular/cdk/stepper';\nimport { Directive } from '@angular/core';\n\n/** Button that moves to the next step in a stepper workflow. */\n@Directive({\n selector: 'button[novoStepperNext]',\n host: {\n class: 'novo-stepper-next',\n '[type]': 'type',\n },\n inputs: ['type'],\n standalone: false,\n})\nexport class NovoStepperNext extends CdkStepperNext {}\n\n/** Button that moves to the previous step in a stepper workflow. */\n@Directive({\n selector: 'button[novoStepperPrevious]',\n host: {\n class: 'novo-stepper-previous',\n '[type]': 'type',\n },\n inputs: ['type'],\n standalone: false,\n})\nexport class NovoStepperPrevious extends CdkStepperPrevious {}\n","import { animate, AnimationTriggerMetadata, state, style, transition, trigger } from '@angular/animations';\n\n/** Animations used by the Novo steppers. */\nexport const novoStepperAnimations: {\n readonly horizontalStepTransition: AnimationTriggerMetadata;\n readonly verticalStepTransition: AnimationTriggerMetadata;\n} = {\n /** Animation that transitions the step along the X axis in a horizontal stepper. */\n horizontalStepTransition: trigger('stepTransition', [\n state('previous', style({ transform: 'translate3d(-100%, 0, 0)', visibility: 'hidden' })),\n state('current', style({ transform: 'none', visibility: 'visible' })),\n state('next', style({ transform: 'translate3d(100%, 0, 0)', visibility: 'hidden' })),\n transition('* => *', animate('500ms cubic-bezier(0.35, 0, 0.25, 1)')),\n ]),\n\n /** Animation that transitions the step along the Y axis in a vertical stepper. */\n verticalStepTransition: trigger('stepTransition', [\n state('previous', style({ height: '0px', visibility: 'hidden' })),\n state('next', style({ height: '0px', visibility: 'hidden' })),\n state('current', style({ height: '*', visibility: 'visible' })),\n transition('* <=> current', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),\n ]),\n};\n","import { Directionality } from '@angular/cdk/bidi';\nimport { CdkStep, CdkStepHeader, CdkStepper } from '@angular/cdk/stepper';\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ContentChildren,\n Directive,\n ElementRef,\n forwardRef,\n Inject,\n Input,\n OnDestroy,\n Optional,\n QueryList,\n TemplateRef,\n ViewChildren,\n} from '@angular/core';\nimport { takeUntil } from 'rxjs/operators';\nimport { NovoIconComponent } from 'novo-elements/elements/icon';\nimport { NovoStepHeader } from './step-header.component';\nimport { NovoStepLabel } from './step-label.component';\nimport { novoStepperAnimations } from './stepper.animations';\n\n@Component({\n selector: 'novo-step',\n templateUrl: 'step.component.html',\n styleUrls: ['stepper.component.scss'],\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [{ provide: CdkStep, useExisting: NovoStep }],\n standalone: false,\n})\nexport class NovoStep extends CdkStep {\n /** Content for step label given by `<ng-template novoStepLabel>`. */\n @ContentChild(NovoStepLabel)\n stepLabel: NovoStepLabel;\n\n @Input()\n theme: string;\n @Input()\n color: string;\n @Input()\n icon: string;\n\n constructor(@Inject(forwardRef(() => NovoStepper)) stepper: CdkStepper) {\n super(stepper);\n }\n}\n\n@Directive({\n selector: '[novoStepper]',\n providers: [\n { provide: CdkStep, useExisting: NovoStep },\n { provide: CdkStepper, useExisting: NovoStepper },\n ],\n standalone: false,\n})\nexport class NovoStepper extends CdkStepper implements AfterContentInit, OnDestroy {\n /** The list of step headers of the steps in the stepper. */\n @ViewChildren(NovoStepHeader)\n _stepHeader: QueryList<CdkStepHeader>;\n\n /** Steps that the stepper holds. */\n @ContentChildren(NovoStep, { descendants: true })\n steps: QueryList<NovoStep>;\n\n /** Custom icon overrides passed in by the consumer. */\n @ContentChildren(NovoIconComponent)\n _icons: QueryList<NovoIconComponent>;\n\n /** Consumer-specified template-refs to be used to override the header icons. */\n _iconOverrides: { [key: string]: TemplateRef<any> } = {};\n\n get completed(): boolean {\n try {\n const steps = this.steps.toArray();\n const length = steps.length - 1;\n return steps[length].completed && length === this.selectedIndex;\n } catch (err) {\n return false;\n }\n }\n\n ngAfterContentInit() {\n // Mark the component for change detection whenever the content children query changes\n this.steps.changes.pipe(takeUntil(this._destroyed)).subscribe(() => this._stateChanged());\n }\n\n ngOnDestroy() {}\n\n complete() {\n try {\n const steps = this.steps.toArray();\n steps[this.selectedIndex].completed = true;\n this.next();\n this._stateChanged();\n } catch (err) {\n // do nothing\n }\n }\n\n getIndicatorType(index: number): 'none' | '' | 'edit' | 'done' {\n const steps = this.steps.toArray();\n if (index === this.selectedIndex) {\n if (steps[index] && index === steps.length - 1 && steps[index].completed) {\n return 'done';\n }\n return 'edit';\n }\n if (index < this.selectedIndex) {\n return 'done';\n }\n return 'none';\n }\n}\n\n@Component({\n selector: 'novo-horizontal-stepper',\n exportAs: 'novoHorizontalStepper',\n templateUrl: 'stepper-horizontal.html',\n styleUrls: ['stepper.component.scss'],\n host: {\n class: 'novo-stepper-horizontal',\n 'aria-orientation': 'horizontal',\n role: 'tablist',\n },\n animations: [novoStepperAnimations.horizontalStepTransition],\n providers: [\n { provide: NovoStepper, useExisting: NovoHorizontalStepper },\n { provide: CdkStepper, useExisting: NovoHorizontalStepper },\n ],\n // encapsulation: ViewEncapsulation.None,\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class NovoHorizontalStepper extends NovoStepper {}\n\n@Component({\n selector: 'novo-vertical-stepper',\n exportAs: 'novoVerticalStepper',\n templateUrl: 'stepper-vertical.html',\n styleUrls: ['stepper.component.scss'],\n host: {\n class: 'novo-stepper-vertical',\n 'aria-orientation': 'vertical',\n role: 'tablist',\n },\n animations: [novoStepperAnimations.verticalStepTransition],\n providers: [\n { provide: NovoStepper, useExisting: NovoVerticalStepper },\n { provide: CdkStepper, useExisting: NovoVerticalStepper },\n ],\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class NovoVerticalStepper extends NovoStepper {\n constructor(@Optional() dir: Directionality, changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef) {\n super(dir, changeDetectorRef, elementRef);\n this.orientation = 'vertical';\n }\n}\n","<ng-template><ng-content></ng-content></ng-template>\n","<div class=\"novo-horizontal-stepper-header-container\">\n <div class=\"novo-stepper-horizontal-line complete\"></div>\n <ng-container *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n <novo-step-header class=\"novo-horizontal-stepper-header\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex == i\"\n [index]=\"i\"\n [theme]=\"step.theme\"\n [color]=\"step.color\"\n [icon]=\"step.icon\"\n [state]=\"getIndicatorType(i)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"step.completed || selectedIndex === i || !linear\"\n [optional]=\"step.optional\"\n [iconOverrides]=\"_iconOverrides\">\n </novo-step-header>\n </ng-container>\n <div class=\"novo-stepper-horizontal-line\" [class.complete]=\"completed\"></div>\n</div>\n\n<div class=\"novo-horizontal-content-container\">\n <div *ngFor=\"let step of _steps; let i = index\"\n class=\"novo-horizontal-stepper-content\" role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n</div>","<div class=\"novo-step\" *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n <novo-step-header class=\"novo-vertical-stepper-header\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() == i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex === i\"\n [index]=\"i\"\n [theme]=\"step.theme\"\n [color]=\"step.color\"\n [icon]=\"step.icon\"\n [state]=\"getIndicatorType(i)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"step.completed || selectedIndex === i || !linear\"\n [optional]=\"step.optional\"\n [iconOverrides]=\"_iconOverrides\">\n </novo-step-header>\n\n <div class=\"novo-vertical-content-container\" [class.novo-stepper-vertical-line]=\"!isLast\"\n [ngClass]=\"getIndicatorType(i)\">\n <div class=\"novo-vertical-stepper-content\" role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <div class=\"novo-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n </div>\n </div>\n</div>","import { A11yModule } from '@angular/cdk/a11y';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CdkStepperModule } from '@angular/cdk/stepper';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoStepHeader } from './step-header.component';\nimport { NovoStepLabel } from './step-label.component';\nimport { NovoStepStatus } from './step-status.component';\nimport { NovoStepperNext, NovoStepperPrevious } from './stepper-buttons.component';\nimport { NovoHorizontalStepper, NovoStep, NovoStepper, NovoVerticalStepper } from './stepper.component';\n@NgModule({\n imports: [CommonModule, PortalModule, NovoButtonModule, CdkStepperModule, NovoIconModule, A11yModule],\n exports: [\n NovoHorizontalStepper,\n NovoVerticalStepper,\n NovoStep,\n NovoStepLabel,\n NovoStepper,\n NovoStepHeader,\n NovoStepStatus,\n NovoStepperNext,\n NovoStepperPrevious,\n ],\n declarations: [\n NovoHorizontalStepper,\n NovoVerticalStepper,\n NovoStep,\n NovoStepLabel,\n NovoStepper,\n NovoStepHeader,\n NovoStepStatus,\n NovoStepperNext,\n NovoStepperPrevious,\n ],\n})\nexport class NovoStepperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i3","i4.NovoStepStatus","i3.NovoStepHeader"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"novo-elements-elements-stepper.mjs","sources":["../../../projects/novo-elements/src/elements/stepper/step-label.component.ts","../../../projects/novo-elements/src/elements/stepper/step-status.component.ts","../../../projects/novo-elements/src/elements/stepper/step-status.component.html","../../../projects/novo-elements/src/elements/stepper/step-header.component.ts","../../../projects/novo-elements/src/elements/stepper/step-header.component.html","../../../projects/novo-elements/src/elements/stepper/stepper-buttons.component.ts","../../../projects/novo-elements/src/elements/stepper/stepper.animations.ts","../../../projects/novo-elements/src/elements/stepper/stepper.component.ts","../../../projects/novo-elements/src/elements/stepper/step.component.html","../../../projects/novo-elements/src/elements/stepper/stepper-horizontal.html","../../../projects/novo-elements/src/elements/stepper/stepper-vertical.html","../../../projects/novo-elements/src/elements/stepper/stepper.module.ts","../../../projects/novo-elements/src/elements/stepper/novo-elements-elements-stepper.ts"],"sourcesContent":["import { CdkStepLabel } from '@angular/cdk/stepper';\nimport { Directive, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[novoStepLabel]',\n standalone: false,\n})\nexport class NovoStepLabel extends CdkStepLabel {\n constructor(template: TemplateRef<any>) {\n super(template);\n }\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'novo-step-status',\n templateUrl: 'step-status.component.html',\n // encapsulation: ViewEncapsulation.None,\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'novo-step-status',\n },\n standalone: false,\n})\nexport class NovoStepStatus {\n @Input()\n state: string;\n\n constructor() {}\n}\n","<div class=\"novo-stepper-status-line\" [ngClass]=\"state\"></div>\n<div [ngSwitch]=\"state\" class=\"novo-stepper-status-icon\">\n <novo-icon color=\"positive\" *ngSwitchCase=\"'edit'\">check-circle</novo-icon>\n <novo-icon color=\"positive\" *ngSwitchCase=\"'done'\">check-circle-filled</novo-icon>\n <novo-icon color=\"positive\" *ngSwitchDefault>circle-o</novo-icon>\n</div>","import { FocusMonitor } from '@angular/cdk/a11y';\nimport { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';\nimport { CdkStepHeader } from '@angular/cdk/stepper';\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, OnDestroy, TemplateRef } from '@angular/core';\nimport { NovoStepLabel } from './step-label.component';\n\n@Component({\n selector: 'novo-step-header',\n templateUrl: 'step-header.component.html',\n styleUrls: ['step-header.component.scss'],\n host: {\n class: 'novo-step-header',\n role: 'tab',\n },\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class NovoStepHeader extends CdkStepHeader implements OnDestroy {\n @Input()\n theme: string;\n @Input()\n color: string;\n @Input()\n icon: string;\n /** State of the given step. */\n @Input()\n state: string;\n\n /** Label of the given step. */\n @Input()\n label: NovoStepLabel | string;\n\n /** Overrides for the header icons, passed in via the stepper. */\n @Input()\n iconOverrides: { [key: string]: TemplateRef<any> };\n\n /** Index of the given step. */\n @Input()\n get index(): number {\n return this._index;\n }\n set index(value: number) {\n this._index = coerceNumberProperty(value);\n }\n private _index: number;\n\n /** Whether the given step is selected. */\n @Input()\n get selected(): boolean {\n return this._selected;\n }\n set selected(value: boolean) {\n this._selected = coerceBooleanProperty(value);\n }\n private _selected: boolean;\n\n /** Whether the given step label is active. */\n @Input()\n get active(): boolean {\n return this._active;\n }\n set active(value: boolean) {\n this._active = coerceBooleanProperty(value);\n }\n private _active: boolean;\n\n /** Whether the given step label is active. */\n get touched(): boolean {\n return this.selected || this.state === 'edit' || this.state === 'done';\n }\n\n /** Whether the given step is optional. */\n @Input()\n get optional(): boolean {\n return this._optional;\n }\n set optional(value: boolean) {\n this._optional = coerceBooleanProperty(value);\n }\n private _optional: boolean;\n\n constructor(private _focusMonitor: FocusMonitor, private _element: ElementRef) {\n super(_element);\n _focusMonitor.monitor(_element.nativeElement, true);\n }\n\n ngOnDestroy() {\n this._focusMonitor.stopMonitoring(this._element.nativeElement);\n }\n\n /** Returns string label of given step if it is a text label. */\n _stringLabel(): string | null {\n return this.label instanceof NovoStepLabel ? null : this.label;\n }\n\n /** Returns NovoStepLabel if the label of given step is a template label. */\n _templateLabel(): NovoStepLabel | null {\n return this.label instanceof NovoStepLabel ? this.label : null;\n }\n\n /** Returns the host HTML element. */\n _getHostElement() {\n return this._element.nativeElement;\n }\n}\n","<div [class.novo-step-icon]=\"touched\"\n [class.novo-step-icon-not-touched]=\"!touched\">\n <ng-container *ngIf=\"icon\">\n <novo-icon raised=\"true\" [theme]=\"theme\">{{icon}}</novo-icon>\n </ng-container>\n <ng-container *ngIf=\"!icon\">\n <span class=\"novo-step-number\">{{index + 1}}</span>\n </ng-container>\n</div>\n<div class=\"novo-step-label\"\n [class.novo-step-label-active]=\"active\"\n [class.novo-step-label-selected]=\"selected\">\n <!-- If there is a label template, use it. -->\n <ng-container *ngIf=\"_templateLabel()\" [ngTemplateOutlet]=\"_templateLabel()!.template\">\n </ng-container>\n <!-- It there is no label template, fall back to the text label. -->\n <div class=\"novo-step-text-label\" *ngIf=\"_stringLabel()\">{{label}}</div>\n</div>\n<novo-step-status [state]=\"state\"></novo-step-status>","import { CdkStepperNext, CdkStepperPrevious } from '@angular/cdk/stepper';\nimport { Directive } from '@angular/core';\n\n/** Button that moves to the next step in a stepper workflow. */\n@Directive({\n selector: 'button[novoStepperNext]',\n host: {\n class: 'novo-stepper-next',\n '[type]': 'type',\n },\n inputs: ['type'],\n standalone: false,\n})\nexport class NovoStepperNext extends CdkStepperNext {}\n\n/** Button that moves to the previous step in a stepper workflow. */\n@Directive({\n selector: 'button[novoStepperPrevious]',\n host: {\n class: 'novo-stepper-previous',\n '[type]': 'type',\n },\n inputs: ['type'],\n standalone: false,\n})\nexport class NovoStepperPrevious extends CdkStepperPrevious {}\n","import { animate, AnimationTriggerMetadata, state, style, transition, trigger } from '@angular/animations';\n\n/** Animations used by the Novo steppers. */\nexport const novoStepperAnimations: {\n readonly horizontalStepTransition: AnimationTriggerMetadata;\n readonly verticalStepTransition: AnimationTriggerMetadata;\n} = {\n /** Animation that transitions the step along the X axis in a horizontal stepper. */\n horizontalStepTransition: trigger('stepTransition', [\n state('previous', style({ transform: 'translate3d(-100%, 0, 0)', visibility: 'hidden' })),\n state('current', style({ transform: 'none', visibility: 'visible' })),\n state('next', style({ transform: 'translate3d(100%, 0, 0)', visibility: 'hidden' })),\n transition('* => *', animate('500ms cubic-bezier(0.35, 0, 0.25, 1)')),\n ]),\n\n /** Animation that transitions the step along the Y axis in a vertical stepper. */\n verticalStepTransition: trigger('stepTransition', [\n state('previous', style({ height: '0px', visibility: 'hidden' })),\n state('next', style({ height: '0px', visibility: 'hidden' })),\n state('current', style({ height: '*', visibility: 'visible' })),\n transition('* <=> current', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),\n ]),\n};\n","import { Directionality } from '@angular/cdk/bidi';\nimport { CdkStep, CdkStepHeader, CdkStepper } from '@angular/cdk/stepper';\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ContentChildren,\n Directive,\n ElementRef,\n forwardRef,\n Inject,\n Input,\n OnDestroy,\n Optional,\n QueryList,\n TemplateRef,\n ViewChildren,\n} from '@angular/core';\nimport { takeUntil } from 'rxjs/operators';\nimport { NovoIconComponent } from 'novo-elements/elements/icon';\nimport { NovoStepHeader } from './step-header.component';\nimport { NovoStepLabel } from './step-label.component';\nimport { novoStepperAnimations } from './stepper.animations';\n\n@Component({\n selector: 'novo-step',\n templateUrl: 'step.component.html',\n styleUrls: ['stepper.component.scss'],\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [{ provide: CdkStep, useExisting: NovoStep }],\n standalone: false,\n})\nexport class NovoStep extends CdkStep {\n /** Content for step label given by `<ng-template novoStepLabel>`. */\n @ContentChild(NovoStepLabel)\n stepLabel: NovoStepLabel;\n\n @Input()\n theme: string;\n @Input()\n color: string;\n @Input()\n icon: string;\n\n constructor(@Inject(forwardRef(() => NovoStepper)) stepper: CdkStepper) {\n super(stepper);\n }\n}\n\n@Directive({\n selector: '[novoStepper]',\n providers: [\n { provide: CdkStep, useExisting: NovoStep },\n { provide: CdkStepper, useExisting: NovoStepper },\n ],\n standalone: false,\n})\nexport class NovoStepper extends CdkStepper implements AfterContentInit, OnDestroy {\n /** The list of step headers of the steps in the stepper. */\n @ViewChildren(NovoStepHeader)\n _stepHeader: QueryList<CdkStepHeader>;\n\n /** Steps that the stepper holds. */\n @ContentChildren(NovoStep, { descendants: true })\n steps: QueryList<NovoStep>;\n\n /** Custom icon overrides passed in by the consumer. */\n @ContentChildren(NovoIconComponent)\n _icons: QueryList<NovoIconComponent>;\n\n /** Consumer-specified template-refs to be used to override the header icons. */\n _iconOverrides: { [key: string]: TemplateRef<any> } = {};\n\n get completed(): boolean {\n try {\n const steps = this.steps.toArray();\n const length = steps.length - 1;\n return steps[length].completed && length === this.selectedIndex;\n } catch (err) {\n return false;\n }\n }\n\n ngAfterContentInit() {\n // Mark the component for change detection whenever the content children query changes\n this.steps.changes.pipe(takeUntil(this._destroyed)).subscribe(() => this._stateChanged());\n }\n\n ngOnDestroy() {}\n\n complete() {\n try {\n const steps = this.steps.toArray();\n steps[this.selectedIndex].completed = true;\n this.next();\n this._stateChanged();\n } catch (err) {\n // do nothing\n }\n }\n\n getIndicatorType(index: number): 'none' | '' | 'edit' | 'done' {\n const steps = this.steps.toArray();\n if (index === this.selectedIndex) {\n if (steps[index] && index === steps.length - 1 && steps[index].completed) {\n return 'done';\n }\n return 'edit';\n }\n if (index < this.selectedIndex) {\n return 'done';\n }\n return 'none';\n }\n}\n\n@Component({\n selector: 'novo-horizontal-stepper',\n exportAs: 'novoHorizontalStepper',\n templateUrl: 'stepper-horizontal.html',\n styleUrls: ['stepper.component.scss'],\n host: {\n class: 'novo-stepper-horizontal',\n 'aria-orientation': 'horizontal',\n role: 'tablist',\n },\n animations: [novoStepperAnimations.horizontalStepTransition],\n providers: [\n { provide: NovoStepper, useExisting: NovoHorizontalStepper },\n { provide: CdkStepper, useExisting: NovoHorizontalStepper },\n ],\n // encapsulation: ViewEncapsulation.None,\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class NovoHorizontalStepper extends NovoStepper {}\n\n@Component({\n selector: 'novo-vertical-stepper',\n exportAs: 'novoVerticalStepper',\n templateUrl: 'stepper-vertical.html',\n styleUrls: ['stepper.component.scss'],\n host: {\n class: 'novo-stepper-vertical',\n 'aria-orientation': 'vertical',\n role: 'tablist',\n },\n animations: [novoStepperAnimations.verticalStepTransition],\n providers: [\n { provide: NovoStepper, useExisting: NovoVerticalStepper },\n { provide: CdkStepper, useExisting: NovoVerticalStepper },\n ],\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class NovoVerticalStepper extends NovoStepper {\n constructor(@Optional() dir: Directionality, changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef) {\n super(dir, changeDetectorRef, elementRef);\n this.orientation = 'vertical';\n }\n}\n","<ng-template><ng-content></ng-content></ng-template>\n","<div class=\"novo-horizontal-stepper-header-container\">\n <div class=\"novo-stepper-horizontal-line complete\"></div>\n <ng-container *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n <novo-step-header class=\"novo-horizontal-stepper-header\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex == i\"\n [index]=\"i\"\n [theme]=\"step.theme\"\n [color]=\"step.color\"\n [icon]=\"step.icon\"\n [state]=\"getIndicatorType(i)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"step.completed || selectedIndex === i || !linear\"\n [optional]=\"step.optional\"\n [iconOverrides]=\"_iconOverrides\">\n </novo-step-header>\n </ng-container>\n <div class=\"novo-stepper-horizontal-line\" [class.complete]=\"completed\"></div>\n</div>\n\n<div class=\"novo-horizontal-content-container\">\n <div *ngFor=\"let step of _steps; let i = index\"\n class=\"novo-horizontal-stepper-content\" role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n</div>","<div class=\"novo-step\" *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n <novo-step-header class=\"novo-vertical-stepper-header\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() == i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex === i\"\n [index]=\"i\"\n [theme]=\"step.theme\"\n [color]=\"step.color\"\n [icon]=\"step.icon\"\n [state]=\"getIndicatorType(i)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"step.completed || selectedIndex === i || !linear\"\n [optional]=\"step.optional\"\n [iconOverrides]=\"_iconOverrides\">\n </novo-step-header>\n\n <div class=\"novo-vertical-content-container\" [class.novo-stepper-vertical-line]=\"!isLast\"\n [ngClass]=\"getIndicatorType(i)\">\n <div class=\"novo-vertical-stepper-content\" role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <div class=\"novo-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n </div>\n </div>\n</div>","import { A11yModule } from '@angular/cdk/a11y';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CdkStepperModule } from '@angular/cdk/stepper';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoStepHeader } from './step-header.component';\nimport { NovoStepLabel } from './step-label.component';\nimport { NovoStepStatus } from './step-status.component';\nimport { NovoStepperNext, NovoStepperPrevious } from './stepper-buttons.component';\nimport { NovoHorizontalStepper, NovoStep, NovoStepper, NovoVerticalStepper } from './stepper.component';\n@NgModule({\n imports: [CommonModule, PortalModule, NovoButtonModule, CdkStepperModule, NovoIconModule, A11yModule],\n exports: [\n NovoHorizontalStepper,\n NovoVerticalStepper,\n NovoStep,\n NovoStepLabel,\n NovoStepper,\n NovoStepHeader,\n NovoStepStatus,\n NovoStepperNext,\n NovoStepperPrevious,\n ],\n declarations: [\n NovoHorizontalStepper,\n NovoVerticalStepper,\n NovoStep,\n NovoStepLabel,\n NovoStepper,\n NovoStepHeader,\n NovoStepStatus,\n NovoStepperNext,\n NovoStepperPrevious,\n ],\n})\nexport class NovoStepperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i3","i4.NovoStepStatus","i3.NovoStepHeader"],"mappings":"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"}
|
|
@@ -81,7 +81,7 @@ class NovoSwitchElement {
|
|
|
81
81
|
</div>
|
|
82
82
|
<div class="novo-switch-label"><ng-content></ng-content></div>
|
|
83
83
|
</div>
|
|
84
|
-
`, isInline: true, styles: [":host{display:flex;align-items:center;white-space:nowrap;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:all .5s cubic-bezier(.35,0,.25,1)}:host *{box-sizing:border-box}:host>div{display:flex;align-items:center}:host .novo-switch-container{cursor:grab;width:36px;height:24px;position:relative;-webkit-user-select:none;user-select:none;margin:0 8px}:host:not(.novo-switch-disabled).novo-switch-dragging .novo-switch-container,:host:not(.novo-switch-disabled) .novo-switch-dragging{cursor:grabbing}:host .novo-switch-label{border:0 transparent}:host .novo-switch-bar{left:1px;width:34px;top:5px;height:14px;border-radius:var(--border-radius-lg, 8px);position:absolute}:host .novo-switch-thumb-container{top:2px;left:0;width:16px;position:absolute;transform:translateZ(0);z-index:1}:host[aria-checked=true] .novo-switch-thumb-container{transform:translate3d(100%,0,0)}:host .novo-switch-thumb{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;left:0;top:0;outline:none;height:20px;width:20px;border-radius:50%;box-shadow:var(--shadow-1);color:var(--color-contrast-light)}:host .novo-switch-thumb .novo-icon{color:inherit}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb,:host:not(.novo-switch-dragging) .novo-switch-thumb-container{transition:all .5s cubic-bezier(.35,0,.25,1);transition-property:transform,background-color,color}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb{transition-delay:.05s}:host.novo-switch-disabled{opacity:.4;cursor:not-allowed}:host.novo-switch-disabled .novo-switch-container{cursor:not-allowed;pointer-events:none}:host.border-default[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.border-default[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border-default) h s calc(l + 18))}:host.black[aria-checked=true] .novo-switch-thumb{background-color:#000}:host.black[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-black) h s calc(l + 18))}:host.black[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-black)}:host.white[aria-checked=true] .novo-switch-thumb{background-color:#fff}:host.white[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-white) h s calc(l + 18))}:host.white[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-white)}:host.gray[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.gray[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-gray) h s calc(l + 18))}:host.gray[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-gray)}:host.grey[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.grey[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grey) h s calc(l + 18))}:host.grey[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grey)}:host.offWhite[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.offWhite[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-offWhite) h s calc(l + 18))}:host.offWhite[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-off-white)}:host.bright[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.bright[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bright) h s calc(l + 18))}:host.bright[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bright)}:host.light[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.light[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-light) h s calc(l + 18))}:host.light[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-light)}:host.neutral[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.neutral[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-neutral) h s calc(l + 18))}:host.neutral[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-neutral)}:host.dark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-dark) h s calc(l + 18))}:host.dark[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-dark)}:host.orange[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.orange[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-orange) h s calc(l + 18))}:host.orange[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-orange)}:host.navigation[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.navigation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-navigation) h s calc(l + 18))}:host.navigation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-navigation)}:host.skyBlue[aria-checked=true] .novo-switch-thumb{background-color:#009bdf}:host.skyBlue[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-skyBlue) h s calc(l + 18))}:host.skyBlue[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sky-blue)}:host.steel[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.steel[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-steel) h s calc(l + 18))}:host.steel[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-steel)}:host.metal[aria-checked=true] .novo-switch-thumb{background-color:#637893}:host.metal[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-metal) h s calc(l + 18))}:host.metal[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-metal)}:host.sand[aria-checked=true] .novo-switch-thumb{background-color:#f4f4f4}:host.sand[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sand) h s calc(l + 18))}:host.sand[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sand)}:host.silver[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.silver[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-silver) h s calc(l + 18))}:host.silver[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-silver)}:host.stone[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.stone[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-stone) h s calc(l + 18))}:host.stone[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-stone)}:host.ash[aria-checked=true] .novo-switch-thumb{background-color:#a0a0a0}:host.ash[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-ash) h s calc(l + 18))}:host.ash[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-ash)}:host.anonymous[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.anonymous[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-anonymous) h s calc(l + 18))}:host.anonymous[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-anonymous)}:host.slate[aria-checked=true] .novo-switch-thumb{background-color:#707070}:host.slate[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-slate) h s calc(l + 18))}:host.slate[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-slate)}:host.onyx[aria-checked=true] .novo-switch-thumb{background-color:#526980}:host.onyx[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-onyx) h s calc(l + 18))}:host.onyx[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-onyx)}:host.charcoal[aria-checked=true] .novo-switch-thumb{background-color:#282828}:host.charcoal[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-charcoal) h s calc(l + 18))}:host.charcoal[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-charcoal)}:host.moonlight[aria-checked=true] .novo-switch-thumb{background-color:#1a242f}:host.moonlight[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-moonlight) h s calc(l + 18))}:host.moonlight[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-moonlight)}:host.midnight[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.midnight[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-midnight) h s calc(l + 18))}:host.midnight[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-midnight)}:host.darkness[aria-checked=true] .novo-switch-thumb{background-color:#161f27}:host.darkness[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-darkness) h s calc(l + 18))}:host.darkness[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-darkness)}:host.navy[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.navy[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-navy) h s calc(l + 18))}:host.navy[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-navy)}:host.aqua[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.aqua[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-aqua) h s calc(l + 18))}:host.aqua[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-aqua)}:host.ocean[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.ocean[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-ocean) h s calc(l + 18))}:host.ocean[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-ocean)}:host.mint[aria-checked=true] .novo-switch-thumb{background-color:#37bc9b}:host.mint[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-mint) h s calc(l + 18))}:host.mint[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-mint)}:host.grass[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.grass[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grass) h s calc(l + 18))}:host.grass[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grass)}:host.sunflower[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.sunflower[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sunflower) h s calc(l + 18))}:host.sunflower[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sunflower)}:host.bittersweet[aria-checked=true] .novo-switch-thumb{background-color:#eb6845}:host.bittersweet[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bittersweet) h s calc(l + 18))}:host.bittersweet[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bittersweet)}:host.grapefruit[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.grapefruit[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grapefruit) h s calc(l + 18))}:host.grapefruit[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grapefruit)}:host.carnation[aria-checked=true] .novo-switch-thumb{background-color:#d770ad}:host.carnation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-carnation) h s calc(l + 18))}:host.carnation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-carnation)}:host.lavender[aria-checked=true] .novo-switch-thumb{background-color:#967adc}:host.lavender[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-lavender) h s calc(l + 18))}:host.lavender[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-lavender)}:host.mountain[aria-checked=true] .novo-switch-thumb{background-color:#9678b6}:host.mountain[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-mountain) h s calc(l + 18))}:host.mountain[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-mountain)}:host.info[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.info[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-info) h s calc(l + 18))}:host.info[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-info)}:host.positive[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.positive[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-positive) h s calc(l + 18))}:host.positive[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-positive)}:host.success[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.success[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-success) h s calc(l + 18))}:host.success[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-success)}:host.negative[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.negative[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-negative) h s calc(l + 18))}:host.negative[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-negative)}:host.danger[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.danger[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-danger) h s calc(l + 18))}:host.danger[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-danger)}:host.error[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.error[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-error) h s calc(l + 18))}:host.error[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-error)}:host.warning[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.warning[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-warning) h s calc(l + 18))}:host.warning[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-warning)}:host.empty[aria-checked=true] .novo-switch-thumb{background-color:#cccdcc}:host.empty[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-empty) h s calc(l + 18))}:host.empty[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-empty)}:host.disabled[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.disabled[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-disabled) h s calc(l + 18))}:host.disabled[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-disabled)}:host.background[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.background[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-background) h s calc(l + 18))}:host.background[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-background)}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.backgroundDark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-backgroundDark) h s calc(l + 18))}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-background-dark)}:host.border[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.border[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border) h s calc(l + 18))}:host.border[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-border)}:host.border2[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.border2[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border2) h s calc(l + 18))}:host.border2[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-border2)}:host.text[aria-checked=true] .novo-switch-thumb{background-color:#282828}:host.text[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-text) h s calc(l + 18))}:host.text[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-text)}:host.presentation[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.presentation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-presentation) h s calc(l + 18))}:host.presentation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-presentation)}:host.bullhorn[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.bullhorn[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bullhorn) h s calc(l + 18))}:host.bullhorn[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bullhorn)}:host.pulse[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.pulse[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-pulse) h s calc(l + 18))}:host.pulse[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-pulse)}:host.fastFind[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.fastFind[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-fastFind) h s calc(l + 18))}:host.fastFind[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-fast-find)}:host.toast[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.toast[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-toast) h s calc(l + 18))}:host.toast[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-toast)}:host.company[aria-checked=true] .novo-switch-thumb{background-color:#39d}:host.company[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-company) h s calc(l + 18))}:host.company[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-company)}:host.candidate[aria-checked=true] .novo-switch-thumb{background-color:#4b7}:host.candidate[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-candidate) h s calc(l + 18))}:host.candidate[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-candidate)}:host.lead[aria-checked=true] .novo-switch-thumb{background-color:#a69}:host.lead[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-lead) h s calc(l + 18))}:host.lead[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-lead)}:host.contact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.contact[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-contact) h s calc(l + 18))}:host.contact[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-contact)}:host.clientcontact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.clientcontact[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-clientcontact) h s calc(l + 18))}:host.clientcontact[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-clientcontact)}:host.opportunity[aria-checked=true] .novo-switch-thumb{background-color:#625}:host.opportunity[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-opportunity) h s calc(l + 18))}:host.opportunity[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-opportunity)}:host.job[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.job[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-job) h s calc(l + 18))}:host.job[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-job)}:host.joborder[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.joborder[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-joborder) h s calc(l + 18))}:host.joborder[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-joborder)}:host.submission[aria-checked=true] .novo-switch-thumb{background-color:#a9adbb}:host.submission[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-submission) h s calc(l + 18))}:host.submission[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-submission)}:host.sendout[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.sendout[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sendout) h s calc(l + 18))}:host.sendout[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sendout)}:host.placement[aria-checked=true] .novo-switch-thumb{background-color:#0b344f}:host.placement[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-placement) h s calc(l + 18))}:host.placement[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-placement)}:host.note[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.note[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-note) h s calc(l + 18))}:host.note[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-note)}:host.contract[aria-checked=true] .novo-switch-thumb{background-color:#454ea0}:host.contract[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-contract) h s calc(l + 18))}:host.contract[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-contract)}:host.task[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.task[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-task) h s calc(l + 18))}:host.task[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-task)}:host.jobCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.jobCode[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-jobCode) h s calc(l + 18))}:host.jobCode[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-job-code)}:host.earnCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.earnCode[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-earnCode) h s calc(l + 18))}:host.earnCode[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-earn-code)}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.invoiceStatement[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-invoiceStatement) h s calc(l + 18))}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-invoice-statement)}:host.billableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.billableCharge[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-billableCharge) h s calc(l + 18))}:host.billableCharge[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-billable-charge)}:host.payableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.payableCharge[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-payableCharge) h s calc(l + 18))}:host.payableCharge[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-payable-charge)}:host.user[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.user[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-user) h s calc(l + 18))}:host.user[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-user)}:host.corporateUser[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.corporateUser[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-corporateUser) h s calc(l + 18))}:host.corporateUser[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-corporate-user)}:host.distributionList[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.distributionList[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-distributionList) h s calc(l + 18))}:host.distributionList[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-distribution-list)}:host.credential[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.credential[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-credential) h s calc(l + 18))}:host.credential[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-credential)}:host.person[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.person[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-person) h s calc(l + 18))}:host.person[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-person)}:host.dark[aria-checked=true] .novo-switch-thumb{background-color:#3d464d}:host.dark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-dark) h s calc(l - 5))}:host.light[aria-checked=true] .novo-switch-thumb{background-color:hsl(from var(--color-light) h s calc(l - 3))}:host.light[aria-checked=true] .novo-switch-bar{background-color:#dbdbdb}:host .novo-switch-thumb{background-color:#dbdbdb}:host .novo-switch-bar{background-color:hsl(from var(--color-light) h s calc(l + 10))}:host:focus .novo-switch-label:not(:empty){border:1px dotted var(--color-border)}:host-context([data-theme=bh2026]) .novo-switch-bar{background-color:var(--toggle-color-background, #ffffff);border:1px solid var(--toggle-color-border, var(--color-border-default, #f0f5f9))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }] }); }
|
|
84
|
+
`, isInline: true, styles: [":host{display:flex;align-items:center;white-space:nowrap;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:all .5s cubic-bezier(.35,0,.25,1)}:host *{box-sizing:border-box}:host>div{display:flex;align-items:center}:host .novo-switch-container{cursor:grab;width:36px;height:24px;position:relative;-webkit-user-select:none;user-select:none;margin:0 8px}:host:not(.novo-switch-disabled).novo-switch-dragging .novo-switch-container,:host:not(.novo-switch-disabled) .novo-switch-dragging{cursor:grabbing}:host .novo-switch-label{border:0 transparent}:host .novo-switch-bar{left:1px;width:34px;top:5px;height:14px;border-radius:var(--border-radius-lg, 8px);position:absolute}:host .novo-switch-thumb-container{top:2px;left:0;width:16px;position:absolute;transform:translateZ(0);z-index:1}:host[aria-checked=true] .novo-switch-thumb-container{transform:translate3d(100%,0,0)}:host .novo-switch-thumb{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;left:0;top:0;outline:none;height:20px;width:20px;border-radius:50%;box-shadow:var(--shadow-1);color:var(--color-contrast-light)}:host .novo-switch-thumb .novo-icon{color:inherit}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb,:host:not(.novo-switch-dragging) .novo-switch-thumb-container{transition:all .5s cubic-bezier(.35,0,.25,1);transition-property:transform,background-color,color}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb{transition-delay:.05s}:host.novo-switch-disabled{opacity:.4;cursor:not-allowed}:host.novo-switch-disabled .novo-switch-container{cursor:not-allowed;pointer-events:none}:host.border-default[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.border-default[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border-default) h s calc(l + 18))}:host.black[aria-checked=true] .novo-switch-thumb{background-color:#000}:host.black[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-black) h s calc(l + 18))}:host.black[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-black)}:host.white[aria-checked=true] .novo-switch-thumb{background-color:#fff}:host.white[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-white) h s calc(l + 18))}:host.white[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-white)}:host.gray[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.gray[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-gray) h s calc(l + 18))}:host.gray[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-gray)}:host.grey[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.grey[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grey) h s calc(l + 18))}:host.grey[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grey)}:host.offWhite[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.offWhite[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-offWhite) h s calc(l + 18))}:host.offWhite[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-off-white)}:host.bright[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.bright[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bright) h s calc(l + 18))}:host.bright[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bright)}:host.light[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.light[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-light) h s calc(l + 18))}:host.light[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-light)}:host.neutral[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.neutral[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-neutral) h s calc(l + 18))}:host.neutral[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-neutral)}:host.dark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-dark) h s calc(l + 18))}:host.dark[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-dark)}:host.orange[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.orange[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-orange) h s calc(l + 18))}:host.orange[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-orange)}:host.navigation[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.navigation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-navigation) h s calc(l + 18))}:host.navigation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-navigation)}:host.skyBlue[aria-checked=true] .novo-switch-thumb{background-color:#009bdf}:host.skyBlue[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-skyBlue) h s calc(l + 18))}:host.skyBlue[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sky-blue)}:host.steel[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.steel[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-steel) h s calc(l + 18))}:host.steel[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-steel)}:host.metal[aria-checked=true] .novo-switch-thumb{background-color:#637893}:host.metal[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-metal) h s calc(l + 18))}:host.metal[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-metal)}:host.sand[aria-checked=true] .novo-switch-thumb{background-color:#f4f4f4}:host.sand[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sand) h s calc(l + 18))}:host.sand[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sand)}:host.silver[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.silver[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-silver) h s calc(l + 18))}:host.silver[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-silver)}:host.stone[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.stone[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-stone) h s calc(l + 18))}:host.stone[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-stone)}:host.ash[aria-checked=true] .novo-switch-thumb{background-color:#a0a0a0}:host.ash[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-ash) h s calc(l + 18))}:host.ash[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-ash)}:host.anonymous[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.anonymous[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-anonymous) h s calc(l + 18))}:host.anonymous[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-anonymous)}:host.slate[aria-checked=true] .novo-switch-thumb{background-color:#707070}:host.slate[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-slate) h s calc(l + 18))}:host.slate[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-slate)}:host.onyx[aria-checked=true] .novo-switch-thumb{background-color:#526980}:host.onyx[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-onyx) h s calc(l + 18))}:host.onyx[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-onyx)}:host.charcoal[aria-checked=true] .novo-switch-thumb{background-color:#282828}:host.charcoal[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-charcoal) h s calc(l + 18))}:host.charcoal[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-charcoal)}:host.moonlight[aria-checked=true] .novo-switch-thumb{background-color:#1a242f}:host.moonlight[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-moonlight) h s calc(l + 18))}:host.moonlight[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-moonlight)}:host.midnight[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.midnight[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-midnight) h s calc(l + 18))}:host.midnight[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-midnight)}:host.darkness[aria-checked=true] .novo-switch-thumb{background-color:#161f27}:host.darkness[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-darkness) h s calc(l + 18))}:host.darkness[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-darkness)}:host.navy[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.navy[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-navy) h s calc(l + 18))}:host.navy[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-navy)}:host.aqua[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.aqua[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-aqua) h s calc(l + 18))}:host.aqua[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-aqua)}:host.ocean[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.ocean[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-ocean) h s calc(l + 18))}:host.ocean[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-ocean)}:host.mint[aria-checked=true] .novo-switch-thumb{background-color:#37bc9b}:host.mint[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-mint) h s calc(l + 18))}:host.mint[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-mint)}:host.grass[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.grass[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grass) h s calc(l + 18))}:host.grass[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grass)}:host.sunflower[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.sunflower[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sunflower) h s calc(l + 18))}:host.sunflower[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sunflower)}:host.bittersweet[aria-checked=true] .novo-switch-thumb{background-color:#eb6845}:host.bittersweet[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bittersweet) h s calc(l + 18))}:host.bittersweet[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bittersweet)}:host.grapefruit[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.grapefruit[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grapefruit) h s calc(l + 18))}:host.grapefruit[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grapefruit)}:host.carnation[aria-checked=true] .novo-switch-thumb{background-color:#d770ad}:host.carnation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-carnation) h s calc(l + 18))}:host.carnation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-carnation)}:host.lavender[aria-checked=true] .novo-switch-thumb{background-color:#967adc}:host.lavender[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-lavender) h s calc(l + 18))}:host.lavender[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-lavender)}:host.mountain[aria-checked=true] .novo-switch-thumb{background-color:#9678b6}:host.mountain[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-mountain) h s calc(l + 18))}:host.mountain[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-mountain)}:host.info[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.info[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-info) h s calc(l + 18))}:host.info[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-info)}:host.positive[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.positive[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-positive) h s calc(l + 18))}:host.positive[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-positive)}:host.success[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.success[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-success) h s calc(l + 18))}:host.success[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-success)}:host.negative[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.negative[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-negative) h s calc(l + 18))}:host.negative[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-negative)}:host.danger[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.danger[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-danger) h s calc(l + 18))}:host.danger[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-danger)}:host.error[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.error[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-error) h s calc(l + 18))}:host.error[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-error)}:host.warning[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.warning[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-warning) h s calc(l + 18))}:host.warning[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-warning)}:host.empty[aria-checked=true] .novo-switch-thumb{background-color:#cccdcc}:host.empty[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-empty) h s calc(l + 18))}:host.empty[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-empty)}:host.disabled[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.disabled[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-disabled) h s calc(l + 18))}:host.disabled[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-disabled)}:host.background[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.background[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-background) h s calc(l + 18))}:host.background[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-background)}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.backgroundDark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-backgroundDark) h s calc(l + 18))}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-background-dark)}:host.border[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.border[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border) h s calc(l + 18))}:host.border[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-border)}:host.border2[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.border2[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border2) h s calc(l + 18))}:host.border2[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-border2)}:host.text[aria-checked=true] .novo-switch-thumb{background-color:#282828}:host.text[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-text) h s calc(l + 18))}:host.text[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-text)}:host.presentation[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.presentation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-presentation) h s calc(l + 18))}:host.presentation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-presentation)}:host.bullhorn[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.bullhorn[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bullhorn) h s calc(l + 18))}:host.bullhorn[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bullhorn)}:host.pulse[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.pulse[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-pulse) h s calc(l + 18))}:host.pulse[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-pulse)}:host.fastFind[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.fastFind[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-fastFind) h s calc(l + 18))}:host.fastFind[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-fast-find)}:host.toast[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.toast[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-toast) h s calc(l + 18))}:host.toast[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-toast)}:host.company[aria-checked=true] .novo-switch-thumb{background-color:#39d}:host.company[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-company) h s calc(l + 18))}:host.company[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-company)}:host.candidate[aria-checked=true] .novo-switch-thumb{background-color:#4b7}:host.candidate[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-candidate) h s calc(l + 18))}:host.candidate[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-candidate)}:host.lead[aria-checked=true] .novo-switch-thumb{background-color:#a69}:host.lead[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-lead) h s calc(l + 18))}:host.lead[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-lead)}:host.contact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.contact[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-contact) h s calc(l + 18))}:host.contact[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-contact)}:host.clientcontact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.clientcontact[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-clientcontact) h s calc(l + 18))}:host.clientcontact[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-clientcontact)}:host.opportunity[aria-checked=true] .novo-switch-thumb{background-color:#625}:host.opportunity[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-opportunity) h s calc(l + 18))}:host.opportunity[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-opportunity)}:host.job[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.job[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-job) h s calc(l + 18))}:host.job[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-job)}:host.joborder[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.joborder[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-joborder) h s calc(l + 18))}:host.joborder[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-joborder)}:host.submission[aria-checked=true] .novo-switch-thumb{background-color:#a9adbb}:host.submission[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-submission) h s calc(l + 18))}:host.submission[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-submission)}:host.sendout[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.sendout[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sendout) h s calc(l + 18))}:host.sendout[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sendout)}:host.placement[aria-checked=true] .novo-switch-thumb{background-color:#0b344f}:host.placement[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-placement) h s calc(l + 18))}:host.placement[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-placement)}:host.note[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.note[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-note) h s calc(l + 18))}:host.note[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-note)}:host.contract[aria-checked=true] .novo-switch-thumb{background-color:#454ea0}:host.contract[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-contract) h s calc(l + 18))}:host.contract[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-contract)}:host.task[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.task[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-task) h s calc(l + 18))}:host.task[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-task)}:host.jobCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.jobCode[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-jobCode) h s calc(l + 18))}:host.jobCode[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-job-code)}:host.earnCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.earnCode[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-earnCode) h s calc(l + 18))}:host.earnCode[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-earn-code)}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.invoiceStatement[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-invoiceStatement) h s calc(l + 18))}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-invoice-statement)}:host.billableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.billableCharge[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-billableCharge) h s calc(l + 18))}:host.billableCharge[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-billable-charge)}:host.payableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.payableCharge[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-payableCharge) h s calc(l + 18))}:host.payableCharge[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-payable-charge)}:host.user[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.user[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-user) h s calc(l + 18))}:host.user[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-user)}:host.corporateUser[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.corporateUser[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-corporateUser) h s calc(l + 18))}:host.corporateUser[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-corporate-user)}:host.distributionList[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.distributionList[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-distributionList) h s calc(l + 18))}:host.distributionList[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-distribution-list)}:host.credential[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.credential[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-credential) h s calc(l + 18))}:host.credential[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-credential)}:host.person[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.person[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-person) h s calc(l + 18))}:host.person[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-person)}:host.dark[aria-checked=true] .novo-switch-thumb{background-color:#3d464d}:host.dark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-dark) h s calc(l - 5))}:host.light[aria-checked=true] .novo-switch-thumb{background-color:hsl(from var(--color-light) h s calc(l - 3))}:host.light[aria-checked=true] .novo-switch-bar{background-color:#dbdbdb}:host .novo-switch-thumb{background-color:#dbdbdb}:host .novo-switch-bar{background-color:hsl(from var(--color-light) h s calc(l + 10))}:host:focus .novo-switch-label:not(:empty){border:1px dotted var(--color-border)}:host-context([data-theme=bh2026]) .novo-switch-container{width:32px;height:20px}:host-context([data-theme=bh2026]) .novo-switch-bar{top:0;left:0;width:32px;height:20px;border-radius:10px;background-color:#fff;border:1px solid var(--color-border-input)}:host-context([data-theme=bh2026]) .novo-switch-thumb-container{top:2px;left:2px;width:12px}:host-context([data-theme=bh2026]) .novo-switch-thumb{height:16px;width:16px;background-color:#fff;border:1px solid var(--color-border-input);box-shadow:0 2px 4px 0 var(--color-transparency-charcoal-04)}:host-context([data-theme=bh2026]) .novo-switch-thumb novo-icon{display:none}:host-context([data-theme=bh2026])[aria-checked=true] .novo-switch-bar{background-color:var(--color-utility-blue-600);border:none}:host-context([data-theme=bh2026])[aria-checked=true] .novo-switch-thumb{background-color:#fff;border:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }] }); }
|
|
85
85
|
}
|
|
86
86
|
__decorate([
|
|
87
87
|
BooleanInput(),
|
|
@@ -109,7 +109,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
|
|
|
109
109
|
'[attr.aria-disabled]': 'disabled',
|
|
110
110
|
'(keydown)': 'onKeydown($event)',
|
|
111
111
|
'[class]': 'theme',
|
|
112
|
-
}, standalone: false, styles: [":host{display:flex;align-items:center;white-space:nowrap;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:all .5s cubic-bezier(.35,0,.25,1)}:host *{box-sizing:border-box}:host>div{display:flex;align-items:center}:host .novo-switch-container{cursor:grab;width:36px;height:24px;position:relative;-webkit-user-select:none;user-select:none;margin:0 8px}:host:not(.novo-switch-disabled).novo-switch-dragging .novo-switch-container,:host:not(.novo-switch-disabled) .novo-switch-dragging{cursor:grabbing}:host .novo-switch-label{border:0 transparent}:host .novo-switch-bar{left:1px;width:34px;top:5px;height:14px;border-radius:var(--border-radius-lg, 8px);position:absolute}:host .novo-switch-thumb-container{top:2px;left:0;width:16px;position:absolute;transform:translateZ(0);z-index:1}:host[aria-checked=true] .novo-switch-thumb-container{transform:translate3d(100%,0,0)}:host .novo-switch-thumb{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;left:0;top:0;outline:none;height:20px;width:20px;border-radius:50%;box-shadow:var(--shadow-1);color:var(--color-contrast-light)}:host .novo-switch-thumb .novo-icon{color:inherit}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb,:host:not(.novo-switch-dragging) .novo-switch-thumb-container{transition:all .5s cubic-bezier(.35,0,.25,1);transition-property:transform,background-color,color}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb{transition-delay:.05s}:host.novo-switch-disabled{opacity:.4;cursor:not-allowed}:host.novo-switch-disabled .novo-switch-container{cursor:not-allowed;pointer-events:none}:host.border-default[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.border-default[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border-default) h s calc(l + 18))}:host.black[aria-checked=true] .novo-switch-thumb{background-color:#000}:host.black[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-black) h s calc(l + 18))}:host.black[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-black)}:host.white[aria-checked=true] .novo-switch-thumb{background-color:#fff}:host.white[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-white) h s calc(l + 18))}:host.white[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-white)}:host.gray[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.gray[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-gray) h s calc(l + 18))}:host.gray[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-gray)}:host.grey[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.grey[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grey) h s calc(l + 18))}:host.grey[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grey)}:host.offWhite[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.offWhite[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-offWhite) h s calc(l + 18))}:host.offWhite[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-off-white)}:host.bright[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.bright[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bright) h s calc(l + 18))}:host.bright[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bright)}:host.light[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.light[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-light) h s calc(l + 18))}:host.light[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-light)}:host.neutral[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.neutral[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-neutral) h s calc(l + 18))}:host.neutral[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-neutral)}:host.dark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-dark) h s calc(l + 18))}:host.dark[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-dark)}:host.orange[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.orange[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-orange) h s calc(l + 18))}:host.orange[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-orange)}:host.navigation[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.navigation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-navigation) h s calc(l + 18))}:host.navigation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-navigation)}:host.skyBlue[aria-checked=true] .novo-switch-thumb{background-color:#009bdf}:host.skyBlue[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-skyBlue) h s calc(l + 18))}:host.skyBlue[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sky-blue)}:host.steel[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.steel[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-steel) h s calc(l + 18))}:host.steel[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-steel)}:host.metal[aria-checked=true] .novo-switch-thumb{background-color:#637893}:host.metal[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-metal) h s calc(l + 18))}:host.metal[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-metal)}:host.sand[aria-checked=true] .novo-switch-thumb{background-color:#f4f4f4}:host.sand[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sand) h s calc(l + 18))}:host.sand[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sand)}:host.silver[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.silver[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-silver) h s calc(l + 18))}:host.silver[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-silver)}:host.stone[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.stone[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-stone) h s calc(l + 18))}:host.stone[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-stone)}:host.ash[aria-checked=true] .novo-switch-thumb{background-color:#a0a0a0}:host.ash[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-ash) h s calc(l + 18))}:host.ash[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-ash)}:host.anonymous[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.anonymous[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-anonymous) h s calc(l + 18))}:host.anonymous[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-anonymous)}:host.slate[aria-checked=true] .novo-switch-thumb{background-color:#707070}:host.slate[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-slate) h s calc(l + 18))}:host.slate[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-slate)}:host.onyx[aria-checked=true] .novo-switch-thumb{background-color:#526980}:host.onyx[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-onyx) h s calc(l + 18))}:host.onyx[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-onyx)}:host.charcoal[aria-checked=true] .novo-switch-thumb{background-color:#282828}:host.charcoal[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-charcoal) h s calc(l + 18))}:host.charcoal[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-charcoal)}:host.moonlight[aria-checked=true] .novo-switch-thumb{background-color:#1a242f}:host.moonlight[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-moonlight) h s calc(l + 18))}:host.moonlight[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-moonlight)}:host.midnight[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.midnight[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-midnight) h s calc(l + 18))}:host.midnight[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-midnight)}:host.darkness[aria-checked=true] .novo-switch-thumb{background-color:#161f27}:host.darkness[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-darkness) h s calc(l + 18))}:host.darkness[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-darkness)}:host.navy[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.navy[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-navy) h s calc(l + 18))}:host.navy[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-navy)}:host.aqua[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.aqua[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-aqua) h s calc(l + 18))}:host.aqua[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-aqua)}:host.ocean[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.ocean[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-ocean) h s calc(l + 18))}:host.ocean[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-ocean)}:host.mint[aria-checked=true] .novo-switch-thumb{background-color:#37bc9b}:host.mint[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-mint) h s calc(l + 18))}:host.mint[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-mint)}:host.grass[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.grass[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grass) h s calc(l + 18))}:host.grass[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grass)}:host.sunflower[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.sunflower[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sunflower) h s calc(l + 18))}:host.sunflower[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sunflower)}:host.bittersweet[aria-checked=true] .novo-switch-thumb{background-color:#eb6845}:host.bittersweet[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bittersweet) h s calc(l + 18))}:host.bittersweet[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bittersweet)}:host.grapefruit[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.grapefruit[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grapefruit) h s calc(l + 18))}:host.grapefruit[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grapefruit)}:host.carnation[aria-checked=true] .novo-switch-thumb{background-color:#d770ad}:host.carnation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-carnation) h s calc(l + 18))}:host.carnation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-carnation)}:host.lavender[aria-checked=true] .novo-switch-thumb{background-color:#967adc}:host.lavender[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-lavender) h s calc(l + 18))}:host.lavender[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-lavender)}:host.mountain[aria-checked=true] .novo-switch-thumb{background-color:#9678b6}:host.mountain[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-mountain) h s calc(l + 18))}:host.mountain[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-mountain)}:host.info[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.info[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-info) h s calc(l + 18))}:host.info[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-info)}:host.positive[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.positive[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-positive) h s calc(l + 18))}:host.positive[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-positive)}:host.success[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.success[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-success) h s calc(l + 18))}:host.success[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-success)}:host.negative[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.negative[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-negative) h s calc(l + 18))}:host.negative[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-negative)}:host.danger[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.danger[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-danger) h s calc(l + 18))}:host.danger[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-danger)}:host.error[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.error[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-error) h s calc(l + 18))}:host.error[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-error)}:host.warning[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.warning[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-warning) h s calc(l + 18))}:host.warning[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-warning)}:host.empty[aria-checked=true] .novo-switch-thumb{background-color:#cccdcc}:host.empty[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-empty) h s calc(l + 18))}:host.empty[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-empty)}:host.disabled[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.disabled[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-disabled) h s calc(l + 18))}:host.disabled[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-disabled)}:host.background[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.background[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-background) h s calc(l + 18))}:host.background[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-background)}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.backgroundDark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-backgroundDark) h s calc(l + 18))}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-background-dark)}:host.border[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.border[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border) h s calc(l + 18))}:host.border[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-border)}:host.border2[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.border2[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border2) h s calc(l + 18))}:host.border2[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-border2)}:host.text[aria-checked=true] .novo-switch-thumb{background-color:#282828}:host.text[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-text) h s calc(l + 18))}:host.text[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-text)}:host.presentation[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.presentation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-presentation) h s calc(l + 18))}:host.presentation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-presentation)}:host.bullhorn[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.bullhorn[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bullhorn) h s calc(l + 18))}:host.bullhorn[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bullhorn)}:host.pulse[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.pulse[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-pulse) h s calc(l + 18))}:host.pulse[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-pulse)}:host.fastFind[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.fastFind[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-fastFind) h s calc(l + 18))}:host.fastFind[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-fast-find)}:host.toast[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.toast[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-toast) h s calc(l + 18))}:host.toast[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-toast)}:host.company[aria-checked=true] .novo-switch-thumb{background-color:#39d}:host.company[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-company) h s calc(l + 18))}:host.company[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-company)}:host.candidate[aria-checked=true] .novo-switch-thumb{background-color:#4b7}:host.candidate[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-candidate) h s calc(l + 18))}:host.candidate[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-candidate)}:host.lead[aria-checked=true] .novo-switch-thumb{background-color:#a69}:host.lead[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-lead) h s calc(l + 18))}:host.lead[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-lead)}:host.contact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.contact[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-contact) h s calc(l + 18))}:host.contact[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-contact)}:host.clientcontact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.clientcontact[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-clientcontact) h s calc(l + 18))}:host.clientcontact[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-clientcontact)}:host.opportunity[aria-checked=true] .novo-switch-thumb{background-color:#625}:host.opportunity[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-opportunity) h s calc(l + 18))}:host.opportunity[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-opportunity)}:host.job[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.job[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-job) h s calc(l + 18))}:host.job[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-job)}:host.joborder[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.joborder[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-joborder) h s calc(l + 18))}:host.joborder[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-joborder)}:host.submission[aria-checked=true] .novo-switch-thumb{background-color:#a9adbb}:host.submission[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-submission) h s calc(l + 18))}:host.submission[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-submission)}:host.sendout[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.sendout[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sendout) h s calc(l + 18))}:host.sendout[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sendout)}:host.placement[aria-checked=true] .novo-switch-thumb{background-color:#0b344f}:host.placement[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-placement) h s calc(l + 18))}:host.placement[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-placement)}:host.note[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.note[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-note) h s calc(l + 18))}:host.note[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-note)}:host.contract[aria-checked=true] .novo-switch-thumb{background-color:#454ea0}:host.contract[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-contract) h s calc(l + 18))}:host.contract[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-contract)}:host.task[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.task[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-task) h s calc(l + 18))}:host.task[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-task)}:host.jobCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.jobCode[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-jobCode) h s calc(l + 18))}:host.jobCode[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-job-code)}:host.earnCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.earnCode[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-earnCode) h s calc(l + 18))}:host.earnCode[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-earn-code)}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.invoiceStatement[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-invoiceStatement) h s calc(l + 18))}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-invoice-statement)}:host.billableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.billableCharge[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-billableCharge) h s calc(l + 18))}:host.billableCharge[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-billable-charge)}:host.payableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.payableCharge[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-payableCharge) h s calc(l + 18))}:host.payableCharge[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-payable-charge)}:host.user[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.user[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-user) h s calc(l + 18))}:host.user[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-user)}:host.corporateUser[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.corporateUser[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-corporateUser) h s calc(l + 18))}:host.corporateUser[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-corporate-user)}:host.distributionList[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.distributionList[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-distributionList) h s calc(l + 18))}:host.distributionList[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-distribution-list)}:host.credential[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.credential[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-credential) h s calc(l + 18))}:host.credential[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-credential)}:host.person[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.person[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-person) h s calc(l + 18))}:host.person[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-person)}:host.dark[aria-checked=true] .novo-switch-thumb{background-color:#3d464d}:host.dark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-dark) h s calc(l - 5))}:host.light[aria-checked=true] .novo-switch-thumb{background-color:hsl(from var(--color-light) h s calc(l - 3))}:host.light[aria-checked=true] .novo-switch-bar{background-color:#dbdbdb}:host .novo-switch-thumb{background-color:#dbdbdb}:host .novo-switch-bar{background-color:hsl(from var(--color-light) h s calc(l + 10))}:host:focus .novo-switch-label:not(:empty){border:1px dotted var(--color-border)}:host-context([data-theme=bh2026]) .novo-switch-bar{background-color:var(--toggle-color-background, #ffffff);border:1px solid var(--toggle-color-border, var(--color-border-default, #f0f5f9))}\n"] }]
|
|
112
|
+
}, standalone: false, styles: [":host{display:flex;align-items:center;white-space:nowrap;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:all .5s cubic-bezier(.35,0,.25,1)}:host *{box-sizing:border-box}:host>div{display:flex;align-items:center}:host .novo-switch-container{cursor:grab;width:36px;height:24px;position:relative;-webkit-user-select:none;user-select:none;margin:0 8px}:host:not(.novo-switch-disabled).novo-switch-dragging .novo-switch-container,:host:not(.novo-switch-disabled) .novo-switch-dragging{cursor:grabbing}:host .novo-switch-label{border:0 transparent}:host .novo-switch-bar{left:1px;width:34px;top:5px;height:14px;border-radius:var(--border-radius-lg, 8px);position:absolute}:host .novo-switch-thumb-container{top:2px;left:0;width:16px;position:absolute;transform:translateZ(0);z-index:1}:host[aria-checked=true] .novo-switch-thumb-container{transform:translate3d(100%,0,0)}:host .novo-switch-thumb{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;left:0;top:0;outline:none;height:20px;width:20px;border-radius:50%;box-shadow:var(--shadow-1);color:var(--color-contrast-light)}:host .novo-switch-thumb .novo-icon{color:inherit}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb,:host:not(.novo-switch-dragging) .novo-switch-thumb-container{transition:all .5s cubic-bezier(.35,0,.25,1);transition-property:transform,background-color,color}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb{transition-delay:.05s}:host.novo-switch-disabled{opacity:.4;cursor:not-allowed}:host.novo-switch-disabled .novo-switch-container{cursor:not-allowed;pointer-events:none}:host.border-default[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.border-default[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border-default) h s calc(l + 18))}:host.black[aria-checked=true] .novo-switch-thumb{background-color:#000}:host.black[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-black) h s calc(l + 18))}:host.black[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-black)}:host.white[aria-checked=true] .novo-switch-thumb{background-color:#fff}:host.white[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-white) h s calc(l + 18))}:host.white[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-white)}:host.gray[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.gray[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-gray) h s calc(l + 18))}:host.gray[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-gray)}:host.grey[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.grey[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grey) h s calc(l + 18))}:host.grey[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grey)}:host.offWhite[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.offWhite[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-offWhite) h s calc(l + 18))}:host.offWhite[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-off-white)}:host.bright[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.bright[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bright) h s calc(l + 18))}:host.bright[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bright)}:host.light[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.light[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-light) h s calc(l + 18))}:host.light[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-light)}:host.neutral[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.neutral[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-neutral) h s calc(l + 18))}:host.neutral[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-neutral)}:host.dark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-dark) h s calc(l + 18))}:host.dark[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-dark)}:host.orange[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.orange[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-orange) h s calc(l + 18))}:host.orange[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-orange)}:host.navigation[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.navigation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-navigation) h s calc(l + 18))}:host.navigation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-navigation)}:host.skyBlue[aria-checked=true] .novo-switch-thumb{background-color:#009bdf}:host.skyBlue[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-skyBlue) h s calc(l + 18))}:host.skyBlue[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sky-blue)}:host.steel[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.steel[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-steel) h s calc(l + 18))}:host.steel[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-steel)}:host.metal[aria-checked=true] .novo-switch-thumb{background-color:#637893}:host.metal[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-metal) h s calc(l + 18))}:host.metal[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-metal)}:host.sand[aria-checked=true] .novo-switch-thumb{background-color:#f4f4f4}:host.sand[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sand) h s calc(l + 18))}:host.sand[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sand)}:host.silver[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.silver[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-silver) h s calc(l + 18))}:host.silver[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-silver)}:host.stone[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.stone[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-stone) h s calc(l + 18))}:host.stone[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-stone)}:host.ash[aria-checked=true] .novo-switch-thumb{background-color:#a0a0a0}:host.ash[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-ash) h s calc(l + 18))}:host.ash[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-ash)}:host.anonymous[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.anonymous[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-anonymous) h s calc(l + 18))}:host.anonymous[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-anonymous)}:host.slate[aria-checked=true] .novo-switch-thumb{background-color:#707070}:host.slate[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-slate) h s calc(l + 18))}:host.slate[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-slate)}:host.onyx[aria-checked=true] .novo-switch-thumb{background-color:#526980}:host.onyx[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-onyx) h s calc(l + 18))}:host.onyx[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-onyx)}:host.charcoal[aria-checked=true] .novo-switch-thumb{background-color:#282828}:host.charcoal[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-charcoal) h s calc(l + 18))}:host.charcoal[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-charcoal)}:host.moonlight[aria-checked=true] .novo-switch-thumb{background-color:#1a242f}:host.moonlight[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-moonlight) h s calc(l + 18))}:host.moonlight[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-moonlight)}:host.midnight[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.midnight[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-midnight) h s calc(l + 18))}:host.midnight[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-midnight)}:host.darkness[aria-checked=true] .novo-switch-thumb{background-color:#161f27}:host.darkness[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-darkness) h s calc(l + 18))}:host.darkness[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-darkness)}:host.navy[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.navy[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-navy) h s calc(l + 18))}:host.navy[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-navy)}:host.aqua[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.aqua[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-aqua) h s calc(l + 18))}:host.aqua[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-aqua)}:host.ocean[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.ocean[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-ocean) h s calc(l + 18))}:host.ocean[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-ocean)}:host.mint[aria-checked=true] .novo-switch-thumb{background-color:#37bc9b}:host.mint[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-mint) h s calc(l + 18))}:host.mint[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-mint)}:host.grass[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.grass[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grass) h s calc(l + 18))}:host.grass[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grass)}:host.sunflower[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.sunflower[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sunflower) h s calc(l + 18))}:host.sunflower[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sunflower)}:host.bittersweet[aria-checked=true] .novo-switch-thumb{background-color:#eb6845}:host.bittersweet[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bittersweet) h s calc(l + 18))}:host.bittersweet[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bittersweet)}:host.grapefruit[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.grapefruit[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grapefruit) h s calc(l + 18))}:host.grapefruit[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grapefruit)}:host.carnation[aria-checked=true] .novo-switch-thumb{background-color:#d770ad}:host.carnation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-carnation) h s calc(l + 18))}:host.carnation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-carnation)}:host.lavender[aria-checked=true] .novo-switch-thumb{background-color:#967adc}:host.lavender[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-lavender) h s calc(l + 18))}:host.lavender[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-lavender)}:host.mountain[aria-checked=true] .novo-switch-thumb{background-color:#9678b6}:host.mountain[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-mountain) h s calc(l + 18))}:host.mountain[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-mountain)}:host.info[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.info[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-info) h s calc(l + 18))}:host.info[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-info)}:host.positive[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.positive[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-positive) h s calc(l + 18))}:host.positive[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-positive)}:host.success[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.success[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-success) h s calc(l + 18))}:host.success[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-success)}:host.negative[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.negative[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-negative) h s calc(l + 18))}:host.negative[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-negative)}:host.danger[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.danger[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-danger) h s calc(l + 18))}:host.danger[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-danger)}:host.error[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.error[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-error) h s calc(l + 18))}:host.error[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-error)}:host.warning[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.warning[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-warning) h s calc(l + 18))}:host.warning[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-warning)}:host.empty[aria-checked=true] .novo-switch-thumb{background-color:#cccdcc}:host.empty[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-empty) h s calc(l + 18))}:host.empty[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-empty)}:host.disabled[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.disabled[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-disabled) h s calc(l + 18))}:host.disabled[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-disabled)}:host.background[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.background[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-background) h s calc(l + 18))}:host.background[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-background)}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.backgroundDark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-backgroundDark) h s calc(l + 18))}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-background-dark)}:host.border[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.border[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border) h s calc(l + 18))}:host.border[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-border)}:host.border2[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.border2[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border2) h s calc(l + 18))}:host.border2[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-border2)}:host.text[aria-checked=true] .novo-switch-thumb{background-color:#282828}:host.text[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-text) h s calc(l + 18))}:host.text[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-text)}:host.presentation[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.presentation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-presentation) h s calc(l + 18))}:host.presentation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-presentation)}:host.bullhorn[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.bullhorn[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bullhorn) h s calc(l + 18))}:host.bullhorn[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bullhorn)}:host.pulse[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.pulse[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-pulse) h s calc(l + 18))}:host.pulse[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-pulse)}:host.fastFind[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.fastFind[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-fastFind) h s calc(l + 18))}:host.fastFind[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-fast-find)}:host.toast[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.toast[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-toast) h s calc(l + 18))}:host.toast[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-toast)}:host.company[aria-checked=true] .novo-switch-thumb{background-color:#39d}:host.company[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-company) h s calc(l + 18))}:host.company[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-company)}:host.candidate[aria-checked=true] .novo-switch-thumb{background-color:#4b7}:host.candidate[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-candidate) h s calc(l + 18))}:host.candidate[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-candidate)}:host.lead[aria-checked=true] .novo-switch-thumb{background-color:#a69}:host.lead[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-lead) h s calc(l + 18))}:host.lead[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-lead)}:host.contact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.contact[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-contact) h s calc(l + 18))}:host.contact[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-contact)}:host.clientcontact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.clientcontact[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-clientcontact) h s calc(l + 18))}:host.clientcontact[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-clientcontact)}:host.opportunity[aria-checked=true] .novo-switch-thumb{background-color:#625}:host.opportunity[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-opportunity) h s calc(l + 18))}:host.opportunity[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-opportunity)}:host.job[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.job[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-job) h s calc(l + 18))}:host.job[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-job)}:host.joborder[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.joborder[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-joborder) h s calc(l + 18))}:host.joborder[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-joborder)}:host.submission[aria-checked=true] .novo-switch-thumb{background-color:#a9adbb}:host.submission[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-submission) h s calc(l + 18))}:host.submission[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-submission)}:host.sendout[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.sendout[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sendout) h s calc(l + 18))}:host.sendout[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sendout)}:host.placement[aria-checked=true] .novo-switch-thumb{background-color:#0b344f}:host.placement[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-placement) h s calc(l + 18))}:host.placement[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-placement)}:host.note[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.note[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-note) h s calc(l + 18))}:host.note[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-note)}:host.contract[aria-checked=true] .novo-switch-thumb{background-color:#454ea0}:host.contract[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-contract) h s calc(l + 18))}:host.contract[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-contract)}:host.task[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.task[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-task) h s calc(l + 18))}:host.task[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-task)}:host.jobCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.jobCode[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-jobCode) h s calc(l + 18))}:host.jobCode[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-job-code)}:host.earnCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.earnCode[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-earnCode) h s calc(l + 18))}:host.earnCode[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-earn-code)}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.invoiceStatement[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-invoiceStatement) h s calc(l + 18))}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-invoice-statement)}:host.billableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.billableCharge[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-billableCharge) h s calc(l + 18))}:host.billableCharge[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-billable-charge)}:host.payableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.payableCharge[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-payableCharge) h s calc(l + 18))}:host.payableCharge[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-payable-charge)}:host.user[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.user[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-user) h s calc(l + 18))}:host.user[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-user)}:host.corporateUser[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.corporateUser[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-corporateUser) h s calc(l + 18))}:host.corporateUser[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-corporate-user)}:host.distributionList[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.distributionList[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-distributionList) h s calc(l + 18))}:host.distributionList[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-distribution-list)}:host.credential[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.credential[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-credential) h s calc(l + 18))}:host.credential[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-credential)}:host.person[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.person[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-person) h s calc(l + 18))}:host.person[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-person)}:host.dark[aria-checked=true] .novo-switch-thumb{background-color:#3d464d}:host.dark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-dark) h s calc(l - 5))}:host.light[aria-checked=true] .novo-switch-thumb{background-color:hsl(from var(--color-light) h s calc(l - 3))}:host.light[aria-checked=true] .novo-switch-bar{background-color:#dbdbdb}:host .novo-switch-thumb{background-color:#dbdbdb}:host .novo-switch-bar{background-color:hsl(from var(--color-light) h s calc(l + 10))}:host:focus .novo-switch-label:not(:empty){border:1px dotted var(--color-border)}:host-context([data-theme=bh2026]) .novo-switch-container{width:32px;height:20px}:host-context([data-theme=bh2026]) .novo-switch-bar{top:0;left:0;width:32px;height:20px;border-radius:10px;background-color:#fff;border:1px solid var(--color-border-input)}:host-context([data-theme=bh2026]) .novo-switch-thumb-container{top:2px;left:2px;width:12px}:host-context([data-theme=bh2026]) .novo-switch-thumb{height:16px;width:16px;background-color:#fff;border:1px solid var(--color-border-input);box-shadow:0 2px 4px 0 var(--color-transparency-charcoal-04)}:host-context([data-theme=bh2026]) .novo-switch-thumb novo-icon{display:none}:host-context([data-theme=bh2026])[aria-checked=true] .novo-switch-bar{background-color:var(--color-utility-blue-600);border:none}:host-context([data-theme=bh2026])[aria-checked=true] .novo-switch-thumb{background-color:#fff;border:none}\n"] }]
|
|
113
113
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { theme: [{
|
|
114
114
|
type: Input
|
|
115
115
|
}], icons: [{
|