novo-elements 13.1.0 → 13.2.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/addons/ckeditor/index.d.ts +3 -1
- package/elements/agenda/common/AgendaDateChange.scss +3 -3
- package/elements/agenda/common/AgendaHoursLayout.scss +2 -2
- package/elements/agenda/day/AgendaDayView.scss +3 -3
- package/elements/agenda/month/AgendaMonthView.scss +8 -8
- package/elements/agenda/week/AgendaWeekView.scss +4 -4
- package/elements/aside/aside.component.scss +17 -2
- package/elements/aside/index.d.ts +16 -8
- package/elements/autocomplete/autocomplete.component.scss +4 -0
- package/elements/avatar/Avatar.scss +2 -2
- package/elements/breadcrumbs/Breadcrumb.scss +5 -0
- package/elements/breadcrumbs/breadcrumb-item/BreadcrumbItem.scss +3 -3
- package/elements/button/styles/button-dialogue.scss +6 -5
- package/elements/button/styles/button-fab.scss +1 -1
- package/elements/button/styles/button-icon.scss +5 -5
- package/elements/button/styles/button-other.scss +5 -5
- package/elements/button/styles/button-primary.scss +11 -9
- package/elements/button/styles/button-secondary.scss +9 -9
- package/elements/button/styles/button-standard.scss +2 -2
- package/elements/button/styles/button.scss +18 -12
- package/elements/calendar/calendar.component.scss +13 -13
- package/elements/calendar/month-select/month-select.component.scss +3 -3
- package/elements/calendar/month-view/month-view.component.scss +7 -7
- package/elements/calendar/year-select/year-select.component.scss +3 -3
- package/elements/card/Card.scss +47 -12
- package/elements/card/CardContent.scss +1 -1
- package/elements/card/CardFooter.scss +2 -2
- package/elements/card/CardHeader.scss +2 -2
- package/elements/category-dropdown/CategoryDropdown.scss +9 -9
- package/elements/checkbox/CheckList.scss +3 -3
- package/elements/checkbox/Checkbox.scss +3 -3
- package/elements/chips/Chip.scss +17 -17
- package/elements/chips/Chips.scss +9 -9
- package/elements/chips/RowChips.scss +2 -2
- package/elements/chips/index.d.ts +3 -1
- package/elements/color-picker/color-picker.component.scss +1 -1
- package/elements/common/index.d.ts +11 -3
- package/elements/common/option/option.component.scss +14 -19
- package/elements/common/selection/pseudo-checkbox/pseudo-checkbox.component.scss +2 -2
- package/elements/common/typography/text.mixins.scss +19 -19
- package/elements/data-table/data-table.component.scss +32 -23
- package/elements/data-table/index.d.ts +2 -1
- package/elements/data-table/pagination/data-table-pagination.component.scss +6 -6
- package/elements/date-picker/DatePicker.scss +23 -18
- package/elements/date-picker/DatePickerInput.scss +5 -5
- package/elements/date-picker/DateRangeInput.scss +1 -1
- package/elements/date-picker/MultiDateInput.scss +2 -2
- package/elements/date-time-picker/_DateTimePicker.scss +5 -5
- package/elements/divider/divider.component.scss +3 -3
- package/elements/dropdown/Dropdown.scss +4 -4
- package/elements/expansion/_expansion-theme.scss +1 -1
- package/elements/expansion/expansion-panel.scss +1 -0
- package/elements/field/error/error.scss +1 -1
- package/elements/field/field-fill.scss +4 -4
- package/elements/field/field-list.scss +4 -4
- package/elements/field/field-outline.scss +6 -6
- package/elements/field/field-standard.scss +3 -3
- package/elements/field/field.scss +14 -1
- package/elements/form/ControlGroup.scss +7 -7
- package/elements/form/Form.scss +40 -40
- package/elements/form/extras/address/Address.scss +6 -6
- package/elements/form/extras/file/FileInput.scss +4 -4
- package/elements/form/fieldset-header.scss +3 -3
- package/elements/form/index.d.ts +1 -1
- package/elements/header/Header.scss +17 -10
- package/elements/icon/Icon.scss +1 -1
- package/elements/layout/collapsible-nav/collapsible-nav.component.scss +20 -0
- package/elements/layout/index.d.ts +38 -5
- package/elements/list/list-item-content.scss +1 -1
- package/elements/list/list-item-header-avatar.scss +1 -1
- package/elements/list/list-item.scss +6 -6
- package/elements/loading/NovoSpinner.scss +1 -1
- package/elements/menu/menu-content.component.scss +7 -7
- package/elements/modal/modal.component.scss +16 -6
- package/elements/modal/notification.component.scss +26 -21
- package/elements/multi-picker/_MultiPicker.scss +2 -2
- package/elements/picker/Picker.scss +13 -13
- package/elements/picker/extras/grouped-multi-picker-results/GroupedMultiPickerResults.scss +14 -14
- package/elements/picker/extras/mixed-multi-picker-results/MixedMultiPickerResults.scss +17 -17
- package/elements/picker/extras/picker-results/PickerResult.scss +1 -1
- package/elements/picker/extras/picker-results/PickerResults.scss +25 -21
- package/elements/picker/extras/skills-picker-results/SkillsSpecialtyPickerResults.scss +3 -3
- package/elements/places/index.d.ts +24 -14
- package/elements/places/places.component.scss +3 -3
- package/elements/popover/PopOver.scss +2 -1
- package/elements/progress/Progress.scss +2 -2
- package/elements/progress/ProgressBar.scss +13 -3
- package/elements/query-builder/condition-builder/condition-builder.component.scss +1 -20
- package/elements/query-builder/index.d.ts +67 -35
- package/elements/radio/Radio.scss +8 -8
- package/elements/radio/radio-group.scss +2 -2
- package/elements/search/SearchBox.scss +8 -9
- package/elements/select/Select.scss +14 -14
- package/elements/select-search/select-search.component.scss +1 -1
- package/elements/simple-table/PaginationOld.scss +5 -5
- package/elements/simple-table/table.scss +15 -10
- package/elements/stepper/step-header.component.scss +9 -9
- package/elements/stepper/stepper.component.scss +25 -7
- package/elements/switch/Switch.scss +15 -7
- package/elements/tabbed-group-picker/TabbedGroupPicker.scss +17 -8
- package/elements/tabbed-group-picker/index.d.ts +27 -14
- package/elements/tabs/tab-nav.scss +3 -3
- package/elements/tabs/tab.scss +38 -5
- package/elements/tiles/Tiles.scss +10 -5
- package/elements/time-picker/TimePicker.scss +4 -4
- package/elements/time-picker/TimePickerInput.scss +1 -1
- package/elements/tip-well/TipWell.scss +5 -6
- package/elements/toast/Toast.scss +19 -18
- package/elements/toolbar/toolbar.component.scss +9 -6
- package/elements/tooltip/Tooltip.scss +6 -1
- package/elements/value/Value.scss +5 -4
- package/fesm2022/novo-elements-addons-ckeditor.mjs +22 -12
- package/fesm2022/novo-elements-addons-ckeditor.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-agenda.mjs +8 -8
- package/fesm2022/novo-elements-elements-agenda.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-aside.mjs +24 -9
- package/fesm2022/novo-elements-elements-aside.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-autocomplete.mjs +2 -2
- package/fesm2022/novo-elements-elements-autocomplete.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-avatar.mjs +4 -4
- package/fesm2022/novo-elements-elements-avatar.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-breadcrumbs.mjs +4 -4
- 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-calendar.mjs +8 -8
- package/fesm2022/novo-elements-elements-calendar.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-card.mjs +8 -8
- 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 +12 -8
- package/fesm2022/novo-elements-elements-chips.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-color-picker.mjs +4 -4
- package/fesm2022/novo-elements-elements-color-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-common.mjs +61 -21
- 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 +8 -8
- 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-divider.mjs +2 -2
- package/fesm2022/novo-elements-elements-divider.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-expansion.mjs +2 -2
- package/fesm2022/novo-elements-elements-expansion.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-field.mjs +6 -6
- package/fesm2022/novo-elements-elements-field.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-form.mjs +17 -15
- 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-icon.mjs +2 -2
- package/fesm2022/novo-elements-elements-icon.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-layout.mjs +90 -9
- package/fesm2022/novo-elements-elements-layout.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-list.mjs +10 -10
- package/fesm2022/novo-elements-elements-list.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-loading.mjs +2 -2
- package/fesm2022/novo-elements-elements-loading.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-multi-picker.mjs +2 -2
- package/fesm2022/novo-elements-elements-multi-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-picker.mjs +14 -14
- package/fesm2022/novo-elements-elements-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-places.mjs +195 -187
- package/fesm2022/novo-elements-elements-places.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-popover.mjs +2 -2
- package/fesm2022/novo-elements-elements-popover.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-query-builder.mjs +67 -19
- package/fesm2022/novo-elements-elements-query-builder.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-radio.mjs +4 -4
- package/fesm2022/novo-elements-elements-radio.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-search.mjs +2 -2
- 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 +6 -6
- package/fesm2022/novo-elements-elements-simple-table.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-stepper.mjs +8 -8
- 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 +70 -10
- package/fesm2022/novo-elements-elements-tabbed-group-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-tabs.mjs +6 -6
- 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 +4 -4
- package/fesm2022/novo-elements-elements-time-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-tip-well.mjs +2 -2
- package/fesm2022/novo-elements-elements-tip-well.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-toast.mjs +2 -2
- package/fesm2022/novo-elements-elements-toast.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-elements-value.mjs +2 -2
- package/fesm2022/novo-elements-elements-value.mjs.map +1 -1
- package/fesm2022/novo-elements-services.mjs +1 -0
- package/fesm2022/novo-elements-services.mjs.map +1 -1
- package/fesm2022/novo-elements.mjs +14 -0
- package/fesm2022/novo-elements.mjs.map +1 -1
- package/index.d.ts +14 -0
- package/novo-elements.scss +7 -7
- package/package.json +2 -2
- package/services/index.d.ts +1 -0
- package/styles/base.scss +1 -0
- package/styles/content/code.scss +2 -2
- package/styles/content/forms.scss +2 -2
- package/styles/content/misc.scss +3 -3
- package/styles/content/range.scss +3 -3
- package/styles/iconography.scss +3 -3
- package/styles/themes/bh2026.scss +106 -0
- package/styles/themes/dark.scss +6 -1
- package/styles/themes/light.scss +4 -0
- package/styles/typography.scss +3 -3
- package/styles/variables.scss +6 -6
|
@@ -42,7 +42,7 @@ class CardContentElement {
|
|
|
42
42
|
this.condensed = false;
|
|
43
43
|
}
|
|
44
44
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CardContentElement, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: CardContentElement, isStandalone: false, selector: "novo-card-content, [novo-card-content], [novoCardContent]", inputs: { condensed: "condensed" }, host: { properties: { "class.condensed": "condensed" }, classAttribute: "novo-card-content" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}:host:not(.condensed){padding:
|
|
45
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: CardContentElement, isStandalone: false, selector: "novo-card-content, [novo-card-content], [novoCardContent]", inputs: { condensed: "condensed" }, host: { properties: { "class.condensed": "condensed" }, classAttribute: "novo-card-content" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}:host:not(.condensed){padding:var(--spacing-md)}\n"] }); }
|
|
46
46
|
}
|
|
47
47
|
__decorate([
|
|
48
48
|
BooleanInput(),
|
|
@@ -50,7 +50,7 @@ __decorate([
|
|
|
50
50
|
], CardContentElement.prototype, "condensed", void 0);
|
|
51
51
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CardContentElement, decorators: [{
|
|
52
52
|
type: Component,
|
|
53
|
-
args: [{ selector: 'novo-card-content, [novo-card-content], [novoCardContent]', host: { class: 'novo-card-content', '[class.condensed]': 'condensed' }, template: '<ng-content></ng-content>', standalone: false, styles: [":host{display:block}:host:not(.condensed){padding:
|
|
53
|
+
args: [{ selector: 'novo-card-content, [novo-card-content], [novoCardContent]', host: { class: 'novo-card-content', '[class.condensed]': 'condensed' }, template: '<ng-content></ng-content>', standalone: false, styles: [":host{display:block}:host:not(.condensed){padding:var(--spacing-md)}\n"] }]
|
|
54
54
|
}], propDecorators: { condensed: [{
|
|
55
55
|
type: Input
|
|
56
56
|
}] } });
|
|
@@ -68,7 +68,7 @@ class CardHeaderElement {
|
|
|
68
68
|
<div class="novo-card-header-actions">
|
|
69
69
|
<ng-content select="novo-action"></ng-content>
|
|
70
70
|
</div>
|
|
71
|
-
`, isInline: true, styles: [":host{padding:
|
|
71
|
+
`, isInline: true, styles: [":host{padding:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}:host[color=border-default]{background:#dbdbdb}:host[color=black]{color:var(--color-contrast-black);background:#000}:host[color=white]{color:var(--color-contrast-white);background:#fff}:host[color=gray]{color:var(--color-contrast-gray);background:#9e9e9e}:host[color=grey]{color:var(--color-contrast-grey);background:#9e9e9e}:host[color=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}:host[color=bright]{color:var(--color-contrast-bright);background:#f7f7f7}:host[color=light]{color:var(--color-contrast-light);background:#dbdbdb}:host[color=neutral]{color:var(--color-contrast-neutral);background:#4f5361}:host[color=dark]{color:var(--color-contrast-dark);background:#3d464d}:host[color=orange]{color:var(--color-contrast-orange);background:#ff6900}:host[color=navigation]{color:var(--color-contrast-navigation);background:#202945}:host[color=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}:host[color=steel]{color:var(--color-contrast-steel);background:#5b6770}:host[color=metal]{color:var(--color-contrast-metal);background:#637893}:host[color=sand]{color:var(--color-contrast-sand);background:#f4f4f4}:host[color=silver]{color:var(--color-contrast-silver);background:#e2e2e2}:host[color=stone]{color:var(--color-contrast-stone);background:#bebebe}:host[color=ash]{color:var(--color-contrast-ash);background:#a0a0a0}:host[color=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}:host[color=slate]{color:var(--color-contrast-slate);background:#707070}:host[color=onyx]{color:var(--color-contrast-onyx);background:#526980}:host[color=charcoal]{color:var(--color-contrast-charcoal);background:#282828}:host[color=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}:host[color=midnight]{color:var(--color-contrast-midnight);background:#202945}:host[color=darkness]{color:var(--color-contrast-darkness);background:#161f27}:host[color=navy]{color:var(--color-contrast-navy);background:#0d2d42}:host[color=aqua]{color:var(--color-contrast-aqua);background:#3bafda}:host[color=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}:host[color=mint]{color:var(--color-contrast-mint);background:#37bc9b}:host[color=grass]{color:var(--color-contrast-grass);background:#8cc152}:host[color=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}:host[color=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}:host[color=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}:host[color=carnation]{color:var(--color-contrast-carnation);background:#d770ad}:host[color=lavender]{color:var(--color-contrast-lavender);background:#967adc}:host[color=mountain]{color:var(--color-contrast-mountain);background:#9678b6}:host[color=info]{color:var(--color-contrast-info);background:#4a89dc}:host[color=positive]{color:var(--color-contrast-positive);background:#4a89dc}:host[color=success]{color:var(--color-contrast-success);background:#8cc152}:host[color=negative]{color:var(--color-contrast-negative);background:#da4453}:host[color=danger]{color:var(--color-contrast-danger);background:#da4453}:host[color=error]{color:var(--color-contrast-error);background:#da4453}:host[color=warning]{color:var(--color-contrast-warning);background:#f6b042}:host[color=empty]{color:var(--color-contrast-empty);background:#cccdcc}:host[color=disabled]{color:var(--color-contrast-disabled);background:#bebebe}:host[color=background]{color:var(--color-contrast-background);background:#f7f7f7}:host[color=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}:host[color=border]{color:var(--color-contrast-border);background:#dbdbdb}:host[color=border2]{color:var(--color-contrast-border2);background:#f7f7f7}:host[color=text]{color:var(--color-contrast-text);background:#282828}:host[color=presentation]{color:var(--color-contrast-presentation);background:#5b6770}:host[color=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}:host[color=pulse]{color:var(--color-contrast-pulse);background:#3bafda}:host[color=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}:host[color=toast]{color:var(--color-contrast-toast);background:#0d2d42}:host[color=company]{color:var(--color-contrast-company);background:#39d}:host[color=candidate]{color:var(--color-contrast-candidate);background:#4b7}:host[color=lead]{color:var(--color-contrast-lead);background:#a69}:host[color=contact]{color:var(--color-contrast-contact);background:#fa4}:host[color=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}:host[color=opportunity]{color:var(--color-contrast-opportunity);background:#625}:host[color=job]{color:var(--color-contrast-job);background:#b56}:host[color=joborder]{color:var(--color-contrast-joborder);background:#b56}:host[color=submission]{color:var(--color-contrast-submission);background:#a9adbb}:host[color=sendout]{color:var(--color-contrast-sendout);background:#747884}:host[color=placement]{color:var(--color-contrast-placement);background:#0b344f}:host[color=note]{color:var(--color-contrast-note);background:#747884}:host[color=contract]{color:var(--color-contrast-contract);background:#454ea0}:host[color=task]{color:var(--color-contrast-task);background:#4f5361}:host[color=jobCode]{color:var(--color-contrast-job-code);background:#696d79}:host[color=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}:host[color=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}:host[color=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}:host[color=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}:host[color=user]{color:var(--color-contrast-user);background:#696d79}:host[color=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}:host[color=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}:host[color=credential]{color:var(--color-contrast-credential);background:#696d79}:host[color=person]{color:var(--color-contrast-person);background:#696d79}:host .novo-card-header-text{flex:1 1 0px}\n"] }); }
|
|
72
72
|
}
|
|
73
73
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CardHeaderElement, decorators: [{
|
|
74
74
|
type: Component,
|
|
@@ -81,15 +81,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
|
|
|
81
81
|
<div class="novo-card-header-actions">
|
|
82
82
|
<ng-content select="novo-action"></ng-content>
|
|
83
83
|
</div>
|
|
84
|
-
`, standalone: false, styles: [":host{padding:
|
|
84
|
+
`, standalone: false, styles: [":host{padding:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}:host[color=border-default]{background:#dbdbdb}:host[color=black]{color:var(--color-contrast-black);background:#000}:host[color=white]{color:var(--color-contrast-white);background:#fff}:host[color=gray]{color:var(--color-contrast-gray);background:#9e9e9e}:host[color=grey]{color:var(--color-contrast-grey);background:#9e9e9e}:host[color=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}:host[color=bright]{color:var(--color-contrast-bright);background:#f7f7f7}:host[color=light]{color:var(--color-contrast-light);background:#dbdbdb}:host[color=neutral]{color:var(--color-contrast-neutral);background:#4f5361}:host[color=dark]{color:var(--color-contrast-dark);background:#3d464d}:host[color=orange]{color:var(--color-contrast-orange);background:#ff6900}:host[color=navigation]{color:var(--color-contrast-navigation);background:#202945}:host[color=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}:host[color=steel]{color:var(--color-contrast-steel);background:#5b6770}:host[color=metal]{color:var(--color-contrast-metal);background:#637893}:host[color=sand]{color:var(--color-contrast-sand);background:#f4f4f4}:host[color=silver]{color:var(--color-contrast-silver);background:#e2e2e2}:host[color=stone]{color:var(--color-contrast-stone);background:#bebebe}:host[color=ash]{color:var(--color-contrast-ash);background:#a0a0a0}:host[color=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}:host[color=slate]{color:var(--color-contrast-slate);background:#707070}:host[color=onyx]{color:var(--color-contrast-onyx);background:#526980}:host[color=charcoal]{color:var(--color-contrast-charcoal);background:#282828}:host[color=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}:host[color=midnight]{color:var(--color-contrast-midnight);background:#202945}:host[color=darkness]{color:var(--color-contrast-darkness);background:#161f27}:host[color=navy]{color:var(--color-contrast-navy);background:#0d2d42}:host[color=aqua]{color:var(--color-contrast-aqua);background:#3bafda}:host[color=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}:host[color=mint]{color:var(--color-contrast-mint);background:#37bc9b}:host[color=grass]{color:var(--color-contrast-grass);background:#8cc152}:host[color=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}:host[color=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}:host[color=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}:host[color=carnation]{color:var(--color-contrast-carnation);background:#d770ad}:host[color=lavender]{color:var(--color-contrast-lavender);background:#967adc}:host[color=mountain]{color:var(--color-contrast-mountain);background:#9678b6}:host[color=info]{color:var(--color-contrast-info);background:#4a89dc}:host[color=positive]{color:var(--color-contrast-positive);background:#4a89dc}:host[color=success]{color:var(--color-contrast-success);background:#8cc152}:host[color=negative]{color:var(--color-contrast-negative);background:#da4453}:host[color=danger]{color:var(--color-contrast-danger);background:#da4453}:host[color=error]{color:var(--color-contrast-error);background:#da4453}:host[color=warning]{color:var(--color-contrast-warning);background:#f6b042}:host[color=empty]{color:var(--color-contrast-empty);background:#cccdcc}:host[color=disabled]{color:var(--color-contrast-disabled);background:#bebebe}:host[color=background]{color:var(--color-contrast-background);background:#f7f7f7}:host[color=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}:host[color=border]{color:var(--color-contrast-border);background:#dbdbdb}:host[color=border2]{color:var(--color-contrast-border2);background:#f7f7f7}:host[color=text]{color:var(--color-contrast-text);background:#282828}:host[color=presentation]{color:var(--color-contrast-presentation);background:#5b6770}:host[color=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}:host[color=pulse]{color:var(--color-contrast-pulse);background:#3bafda}:host[color=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}:host[color=toast]{color:var(--color-contrast-toast);background:#0d2d42}:host[color=company]{color:var(--color-contrast-company);background:#39d}:host[color=candidate]{color:var(--color-contrast-candidate);background:#4b7}:host[color=lead]{color:var(--color-contrast-lead);background:#a69}:host[color=contact]{color:var(--color-contrast-contact);background:#fa4}:host[color=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}:host[color=opportunity]{color:var(--color-contrast-opportunity);background:#625}:host[color=job]{color:var(--color-contrast-job);background:#b56}:host[color=joborder]{color:var(--color-contrast-joborder);background:#b56}:host[color=submission]{color:var(--color-contrast-submission);background:#a9adbb}:host[color=sendout]{color:var(--color-contrast-sendout);background:#747884}:host[color=placement]{color:var(--color-contrast-placement);background:#0b344f}:host[color=note]{color:var(--color-contrast-note);background:#747884}:host[color=contract]{color:var(--color-contrast-contract);background:#454ea0}:host[color=task]{color:var(--color-contrast-task);background:#4f5361}:host[color=jobCode]{color:var(--color-contrast-job-code);background:#696d79}:host[color=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}:host[color=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}:host[color=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}:host[color=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}:host[color=user]{color:var(--color-contrast-user);background:#696d79}:host[color=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}:host[color=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}:host[color=credential]{color:var(--color-contrast-credential);background:#696d79}:host[color=person]{color:var(--color-contrast-person);background:#696d79}:host .novo-card-header-text{flex:1 1 0px}\n"] }]
|
|
85
85
|
}] });
|
|
86
86
|
class CardFooterElement {
|
|
87
87
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CardFooterElement, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
88
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: CardFooterElement, isStandalone: false, selector: "novo-card-footer, [novo-card-footer], [novoCardFooter]", host: { classAttribute: "novo-card-footer" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{padding:0
|
|
88
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: CardFooterElement, isStandalone: false, selector: "novo-card-footer, [novo-card-footer], [novoCardFooter]", host: { classAttribute: "novo-card-footer" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}:host[color=border-default]{background:#dbdbdb}:host[color=black]{color:var(--color-contrast-black);background:#000}:host[color=white]{color:var(--color-contrast-white);background:#fff}:host[color=gray]{color:var(--color-contrast-gray);background:#9e9e9e}:host[color=grey]{color:var(--color-contrast-grey);background:#9e9e9e}:host[color=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}:host[color=bright]{color:var(--color-contrast-bright);background:#f7f7f7}:host[color=light]{color:var(--color-contrast-light);background:#dbdbdb}:host[color=neutral]{color:var(--color-contrast-neutral);background:#4f5361}:host[color=dark]{color:var(--color-contrast-dark);background:#3d464d}:host[color=orange]{color:var(--color-contrast-orange);background:#ff6900}:host[color=navigation]{color:var(--color-contrast-navigation);background:#202945}:host[color=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}:host[color=steel]{color:var(--color-contrast-steel);background:#5b6770}:host[color=metal]{color:var(--color-contrast-metal);background:#637893}:host[color=sand]{color:var(--color-contrast-sand);background:#f4f4f4}:host[color=silver]{color:var(--color-contrast-silver);background:#e2e2e2}:host[color=stone]{color:var(--color-contrast-stone);background:#bebebe}:host[color=ash]{color:var(--color-contrast-ash);background:#a0a0a0}:host[color=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}:host[color=slate]{color:var(--color-contrast-slate);background:#707070}:host[color=onyx]{color:var(--color-contrast-onyx);background:#526980}:host[color=charcoal]{color:var(--color-contrast-charcoal);background:#282828}:host[color=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}:host[color=midnight]{color:var(--color-contrast-midnight);background:#202945}:host[color=darkness]{color:var(--color-contrast-darkness);background:#161f27}:host[color=navy]{color:var(--color-contrast-navy);background:#0d2d42}:host[color=aqua]{color:var(--color-contrast-aqua);background:#3bafda}:host[color=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}:host[color=mint]{color:var(--color-contrast-mint);background:#37bc9b}:host[color=grass]{color:var(--color-contrast-grass);background:#8cc152}:host[color=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}:host[color=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}:host[color=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}:host[color=carnation]{color:var(--color-contrast-carnation);background:#d770ad}:host[color=lavender]{color:var(--color-contrast-lavender);background:#967adc}:host[color=mountain]{color:var(--color-contrast-mountain);background:#9678b6}:host[color=info]{color:var(--color-contrast-info);background:#4a89dc}:host[color=positive]{color:var(--color-contrast-positive);background:#4a89dc}:host[color=success]{color:var(--color-contrast-success);background:#8cc152}:host[color=negative]{color:var(--color-contrast-negative);background:#da4453}:host[color=danger]{color:var(--color-contrast-danger);background:#da4453}:host[color=error]{color:var(--color-contrast-error);background:#da4453}:host[color=warning]{color:var(--color-contrast-warning);background:#f6b042}:host[color=empty]{color:var(--color-contrast-empty);background:#cccdcc}:host[color=disabled]{color:var(--color-contrast-disabled);background:#bebebe}:host[color=background]{color:var(--color-contrast-background);background:#f7f7f7}:host[color=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}:host[color=border]{color:var(--color-contrast-border);background:#dbdbdb}:host[color=border2]{color:var(--color-contrast-border2);background:#f7f7f7}:host[color=text]{color:var(--color-contrast-text);background:#282828}:host[color=presentation]{color:var(--color-contrast-presentation);background:#5b6770}:host[color=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}:host[color=pulse]{color:var(--color-contrast-pulse);background:#3bafda}:host[color=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}:host[color=toast]{color:var(--color-contrast-toast);background:#0d2d42}:host[color=company]{color:var(--color-contrast-company);background:#39d}:host[color=candidate]{color:var(--color-contrast-candidate);background:#4b7}:host[color=lead]{color:var(--color-contrast-lead);background:#a69}:host[color=contact]{color:var(--color-contrast-contact);background:#fa4}:host[color=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}:host[color=opportunity]{color:var(--color-contrast-opportunity);background:#625}:host[color=job]{color:var(--color-contrast-job);background:#b56}:host[color=joborder]{color:var(--color-contrast-joborder);background:#b56}:host[color=submission]{color:var(--color-contrast-submission);background:#a9adbb}:host[color=sendout]{color:var(--color-contrast-sendout);background:#747884}:host[color=placement]{color:var(--color-contrast-placement);background:#0b344f}:host[color=note]{color:var(--color-contrast-note);background:#747884}:host[color=contract]{color:var(--color-contrast-contract);background:#454ea0}:host[color=task]{color:var(--color-contrast-task);background:#4f5361}:host[color=jobCode]{color:var(--color-contrast-job-code);background:#696d79}:host[color=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}:host[color=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}:host[color=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}:host[color=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}:host[color=user]{color:var(--color-contrast-user);background:#696d79}:host[color=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}:host[color=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}:host[color=credential]{color:var(--color-contrast-credential);background:#696d79}:host[color=person]{color:var(--color-contrast-person);background:#696d79}\n"] }); }
|
|
89
89
|
}
|
|
90
90
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CardFooterElement, decorators: [{
|
|
91
91
|
type: Component,
|
|
92
|
-
args: [{ selector: 'novo-card-footer, [novo-card-footer], [novoCardFooter]', host: { class: 'novo-card-footer' }, template: '<ng-content></ng-content>', standalone: false, styles: [":host{padding:0
|
|
92
|
+
args: [{ selector: 'novo-card-footer, [novo-card-footer], [novoCardFooter]', host: { class: 'novo-card-footer' }, template: '<ng-content></ng-content>', standalone: false, styles: [":host{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}:host[color=border-default]{background:#dbdbdb}:host[color=black]{color:var(--color-contrast-black);background:#000}:host[color=white]{color:var(--color-contrast-white);background:#fff}:host[color=gray]{color:var(--color-contrast-gray);background:#9e9e9e}:host[color=grey]{color:var(--color-contrast-grey);background:#9e9e9e}:host[color=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}:host[color=bright]{color:var(--color-contrast-bright);background:#f7f7f7}:host[color=light]{color:var(--color-contrast-light);background:#dbdbdb}:host[color=neutral]{color:var(--color-contrast-neutral);background:#4f5361}:host[color=dark]{color:var(--color-contrast-dark);background:#3d464d}:host[color=orange]{color:var(--color-contrast-orange);background:#ff6900}:host[color=navigation]{color:var(--color-contrast-navigation);background:#202945}:host[color=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}:host[color=steel]{color:var(--color-contrast-steel);background:#5b6770}:host[color=metal]{color:var(--color-contrast-metal);background:#637893}:host[color=sand]{color:var(--color-contrast-sand);background:#f4f4f4}:host[color=silver]{color:var(--color-contrast-silver);background:#e2e2e2}:host[color=stone]{color:var(--color-contrast-stone);background:#bebebe}:host[color=ash]{color:var(--color-contrast-ash);background:#a0a0a0}:host[color=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}:host[color=slate]{color:var(--color-contrast-slate);background:#707070}:host[color=onyx]{color:var(--color-contrast-onyx);background:#526980}:host[color=charcoal]{color:var(--color-contrast-charcoal);background:#282828}:host[color=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}:host[color=midnight]{color:var(--color-contrast-midnight);background:#202945}:host[color=darkness]{color:var(--color-contrast-darkness);background:#161f27}:host[color=navy]{color:var(--color-contrast-navy);background:#0d2d42}:host[color=aqua]{color:var(--color-contrast-aqua);background:#3bafda}:host[color=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}:host[color=mint]{color:var(--color-contrast-mint);background:#37bc9b}:host[color=grass]{color:var(--color-contrast-grass);background:#8cc152}:host[color=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}:host[color=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}:host[color=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}:host[color=carnation]{color:var(--color-contrast-carnation);background:#d770ad}:host[color=lavender]{color:var(--color-contrast-lavender);background:#967adc}:host[color=mountain]{color:var(--color-contrast-mountain);background:#9678b6}:host[color=info]{color:var(--color-contrast-info);background:#4a89dc}:host[color=positive]{color:var(--color-contrast-positive);background:#4a89dc}:host[color=success]{color:var(--color-contrast-success);background:#8cc152}:host[color=negative]{color:var(--color-contrast-negative);background:#da4453}:host[color=danger]{color:var(--color-contrast-danger);background:#da4453}:host[color=error]{color:var(--color-contrast-error);background:#da4453}:host[color=warning]{color:var(--color-contrast-warning);background:#f6b042}:host[color=empty]{color:var(--color-contrast-empty);background:#cccdcc}:host[color=disabled]{color:var(--color-contrast-disabled);background:#bebebe}:host[color=background]{color:var(--color-contrast-background);background:#f7f7f7}:host[color=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}:host[color=border]{color:var(--color-contrast-border);background:#dbdbdb}:host[color=border2]{color:var(--color-contrast-border2);background:#f7f7f7}:host[color=text]{color:var(--color-contrast-text);background:#282828}:host[color=presentation]{color:var(--color-contrast-presentation);background:#5b6770}:host[color=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}:host[color=pulse]{color:var(--color-contrast-pulse);background:#3bafda}:host[color=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}:host[color=toast]{color:var(--color-contrast-toast);background:#0d2d42}:host[color=company]{color:var(--color-contrast-company);background:#39d}:host[color=candidate]{color:var(--color-contrast-candidate);background:#4b7}:host[color=lead]{color:var(--color-contrast-lead);background:#a69}:host[color=contact]{color:var(--color-contrast-contact);background:#fa4}:host[color=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}:host[color=opportunity]{color:var(--color-contrast-opportunity);background:#625}:host[color=job]{color:var(--color-contrast-job);background:#b56}:host[color=joborder]{color:var(--color-contrast-joborder);background:#b56}:host[color=submission]{color:var(--color-contrast-submission);background:#a9adbb}:host[color=sendout]{color:var(--color-contrast-sendout);background:#747884}:host[color=placement]{color:var(--color-contrast-placement);background:#0b344f}:host[color=note]{color:var(--color-contrast-note);background:#747884}:host[color=contract]{color:var(--color-contrast-contract);background:#454ea0}:host[color=task]{color:var(--color-contrast-task);background:#4f5361}:host[color=jobCode]{color:var(--color-contrast-job-code);background:#696d79}:host[color=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}:host[color=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}:host[color=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}:host[color=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}:host[color=user]{color:var(--color-contrast-user);background:#696d79}:host[color=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}:host[color=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}:host[color=credential]{color:var(--color-contrast-credential);background:#696d79}:host[color=person]{color:var(--color-contrast-person);background:#696d79}\n"] }]
|
|
93
93
|
}] });
|
|
94
94
|
class CardElement {
|
|
95
95
|
get hbInset() {
|
|
@@ -192,7 +192,7 @@ class CardElement {
|
|
|
192
192
|
*ngIf="!(loading || config.loading) && !(message || config.message)"
|
|
193
193
|
select="footer,novo-card-footer,[novo-card-footer],[novoCardFooter]"
|
|
194
194
|
></ng-content>
|
|
195
|
-
`, isInline: true, styles: [":host{display:flex;flex-flow:column;background-color:var(--background-bright, #
|
|
195
|
+
`, isInline: true, styles: [":host{display:flex;flex-flow:column;background-color:var(--background-bright, #fff);box-shadow:0 -1px 3px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:var(--border-radius-round);position:relative;overflow-x:hidden}:host.loading{min-height:200px}:host div.card-loading-container{position:absolute;inset:43px 0 0;border-radius:var(--border-radius-round);background-color:var(--background-bright, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}:host header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:.5em}:host header .title{display:flex;align-items:center;min-width:0;flex:1}:host header .title ::ng-deep i.bhi-move{color:var(--font-color-secondary);margin-right:.3em;cursor:pointer}:host header .title h1,:host header .title h2,:host header .title h3{font-size:var(--font-size-lg);font-weight:500;line-height:1.5;color:var(--text-main, #3d464d);width:100%;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host header .title h1 i,:host header .title h2 i,:host header .title h3 i{font-size:1.2em}:host header .title h1 i.bhi-info,:host header .title h2 i.bhi-info,:host header .title h3 i.bhi-info{color:#dbdbdb}:host header .actions{color:hsl(from var(--color-dark) h s calc(l + 15));white-space:nowrap}:host p.card-message{padding:20px 0;max-width:inherit;text-align:center;line-height:25px;color:hsl(from var(--color-grey) h s calc(l + 10))}:host p.card-message i{display:block;font-size:24px;margin:0 0 .5em;color:hsl(from var(--color-grey) h s calc(l + 20))}:host footer{display:flex;justify-content:center}:host.novo-card-inline{display:inline-flex;justify-self:start;align-self:start}:host.novo-card-inset-none{padding:0}:host.novo-card-inset-small{padding:var(--spacing-sm)}:host.novo-card-inset-medium{padding:var(--spacing-md)}:host.novo-card-inset-large{padding:var(--spacing-lg)}:host ::ng-deep .novo-card-header+.novo-card-content.condensed,:host ::ng-deep .novo-card-header+:not(.novo-card-content){margin-top:var(--spacing-sm)}:host ::ng-deep [novo-card-image]{width:100%;margin:var(--spacing-md) 0}:host-context([data-theme=bh2026]){border-radius:var(--border-radius-md, 1.6rem);border:1px solid var(--color-border-default, #f0f5f9);box-shadow:0 1px 2px #0000001a}:host-context([data-theme=bh2026]) div.card-loading-container{border-radius:var(--border-radius-md, 1.6rem)}:host-context([data-theme=bh2026]) header{padding:var(--spacing-md, 1.6rem);margin-left:var(--spacing-md)}:host-context([data-theme=bh2026]) header .title ::ng-deep i.bhi-move{display:none}:host-context([data-theme=bh2026]) header .title h1,:host-context([data-theme=bh2026]) header .title h2,:host-context([data-theme=bh2026]) header .title h3{font-size:1.8rem;font-weight:500}:host-context([data-theme=bh2026]) header novo-button{color:rgba(var(--text-secondary),.7);margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { kind: "component", type: i4.NovoButtonElement, selector: "novo-button,button[theme]", inputs: ["color", "side", "size", "theme", "loading", "icon", "secondIcon", "disabled"] }, { kind: "component", type: i5.NovoLoadingElement, selector: "novo-loading", inputs: ["theme", "color", "size"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "tooltipPosition", "tooltipType", "tooltipSize", "tooltipBounce", "tooltipNoAnimate", "tooltipRounded", "tooltipAlways", "tooltipPreline", "removeTooltipArrow", "tooltipAutoPosition", "tooltipIsHTML", "tooltipCloseOnClick", "tooltipOnOverflow", "tooltipActive"] }] }); }
|
|
196
196
|
}
|
|
197
197
|
__decorate([
|
|
198
198
|
BooleanInput(),
|
|
@@ -265,7 +265,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
|
|
|
265
265
|
*ngIf="!(loading || config.loading) && !(message || config.message)"
|
|
266
266
|
select="footer,novo-card-footer,[novo-card-footer],[novoCardFooter]"
|
|
267
267
|
></ng-content>
|
|
268
|
-
`, standalone: false, styles: [":host{display:flex;flex-flow:column;background-color:var(--background-bright, #
|
|
268
|
+
`, standalone: false, styles: [":host{display:flex;flex-flow:column;background-color:var(--background-bright, #fff);box-shadow:0 -1px 3px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:var(--border-radius-round);position:relative;overflow-x:hidden}:host.loading{min-height:200px}:host div.card-loading-container{position:absolute;inset:43px 0 0;border-radius:var(--border-radius-round);background-color:var(--background-bright, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}:host header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:.5em}:host header .title{display:flex;align-items:center;min-width:0;flex:1}:host header .title ::ng-deep i.bhi-move{color:var(--font-color-secondary);margin-right:.3em;cursor:pointer}:host header .title h1,:host header .title h2,:host header .title h3{font-size:var(--font-size-lg);font-weight:500;line-height:1.5;color:var(--text-main, #3d464d);width:100%;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host header .title h1 i,:host header .title h2 i,:host header .title h3 i{font-size:1.2em}:host header .title h1 i.bhi-info,:host header .title h2 i.bhi-info,:host header .title h3 i.bhi-info{color:#dbdbdb}:host header .actions{color:hsl(from var(--color-dark) h s calc(l + 15));white-space:nowrap}:host p.card-message{padding:20px 0;max-width:inherit;text-align:center;line-height:25px;color:hsl(from var(--color-grey) h s calc(l + 10))}:host p.card-message i{display:block;font-size:24px;margin:0 0 .5em;color:hsl(from var(--color-grey) h s calc(l + 20))}:host footer{display:flex;justify-content:center}:host.novo-card-inline{display:inline-flex;justify-self:start;align-self:start}:host.novo-card-inset-none{padding:0}:host.novo-card-inset-small{padding:var(--spacing-sm)}:host.novo-card-inset-medium{padding:var(--spacing-md)}:host.novo-card-inset-large{padding:var(--spacing-lg)}:host ::ng-deep .novo-card-header+.novo-card-content.condensed,:host ::ng-deep .novo-card-header+:not(.novo-card-content){margin-top:var(--spacing-sm)}:host ::ng-deep [novo-card-image]{width:100%;margin:var(--spacing-md) 0}:host-context([data-theme=bh2026]){border-radius:var(--border-radius-md, 1.6rem);border:1px solid var(--color-border-default, #f0f5f9);box-shadow:0 1px 2px #0000001a}:host-context([data-theme=bh2026]) div.card-loading-container{border-radius:var(--border-radius-md, 1.6rem)}:host-context([data-theme=bh2026]) header{padding:var(--spacing-md, 1.6rem);margin-left:var(--spacing-md)}:host-context([data-theme=bh2026]) header .title ::ng-deep i.bhi-move{display:none}:host-context([data-theme=bh2026]) header .title h1,:host-context([data-theme=bh2026]) header .title h2,:host-context([data-theme=bh2026]) header .title h3{font-size:1.8rem;font-weight:500}:host-context([data-theme=bh2026]) header novo-button{color:rgba(var(--text-secondary),.7);margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}\n"] }]
|
|
269
269
|
}], ctorParameters: () => [{ type: i1.NovoLabelService }], propDecorators: { padding: [{
|
|
270
270
|
type: Input
|
|
271
271
|
}], config: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"novo-elements-elements-card.mjs","sources":["../../../projects/novo-elements/src/elements/card/Card.ts","../../../projects/novo-elements/src/elements/card/Card.module.ts","../../../projects/novo-elements/src/elements/card/novo-elements-elements-card.ts"],"sourcesContent":["// NG2\nimport { Component, EventEmitter, HostBinding, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';\n// APP\nimport { NovoLabelService } from 'novo-elements/services';\nimport { BooleanInput } from 'novo-elements/utils';\n\n@Component({\n selector: 'novo-card-actions',\n template: '<ng-content></ng-content>',\n standalone: false,\n})\nexport class CardActionsElement {}\n\n/**\n * Content of a card, needed as it's used as a selector in the API.\n */\n@Component({\n selector: 'novo-card-content, [novo-card-content], [novoCardContent]',\n host: { class: 'novo-card-content', '[class.condensed]': 'condensed' },\n template: '<ng-content></ng-content>',\n styleUrls: ['./CardContent.scss'],\n standalone: false,\n})\nexport class CardContentElement {\n @Input() @BooleanInput() condensed: boolean = false;\n}\n\n/**\n * Content of a card, needed as it's used as a selector in the API.\n */\n@Component({\n selector: 'novo-card-header, [novo-card-header], [novoCardHeader]',\n host: { class: 'novo-card-header' },\n template: `\n <ng-content select=\"novo-avatar, [novo-avatar], novo-icon\"></ng-content>\n <div class=\"novo-card-header-text\">\n <ng-content select=\"novo-title, [novo-title], novo-text, novo-label, novo-caption\"></ng-content>\n </div>\n <ng-content></ng-content>\n <div class=\"novo-card-header-actions\">\n <ng-content select=\"novo-action\"></ng-content>\n </div>\n `,\n styleUrls: ['./CardHeader.scss'],\n standalone: false,\n})\nexport class CardHeaderElement {}\n\n@Component({\n selector: 'novo-card-footer, [novo-card-footer], [novoCardFooter]',\n host: { class: 'novo-card-footer' },\n template: '<ng-content></ng-content>',\n styleUrls: ['./CardFooter.scss'],\n standalone: false,\n})\nexport class CardFooterElement {}\n\n@Component({\n selector: 'novo-card',\n host: {\n class: 'novo-card',\n '[attr.data-automation-id]': 'cardAutomationId',\n '[class.loading]': 'loading || config.loading',\n },\n template: `\n <!--Loading-->\n <div class=\"card-loading-container\" *ngIf=\"loading || config.loading\">\n <novo-loading theme=\"line\" [attr.data-automation-id]=\"cardAutomationId + '-loading'\"></novo-loading>\n </div>\n <!--Card Header-->\n <header *ngIf=\"title || config.title\">\n <div class=\"title\">\n <!--Grabber Icon-->\n <novo-icon\n *ngIf=\"move || config.move\"\n tooltip=\"{{ labels.move }}\"\n tooltipPosition=\"bottom-right\"\n [attr.data-automation-id]=\"cardAutomationId + '-move'\"\n >move</novo-icon\n >\n <!--Card Title-->\n <h3 [attr.data-automation-id]=\"cardAutomationId + '-title'\">\n <span [tooltip]=\"iconTooltip\" tooltipPosition=\"right\"><i *ngIf=\"icon\" [ngClass]=\"iconClass\"></i></span>\n {{ title || config.title }}\n </h3>\n </div>\n <!--Card Actions-->\n <div class=\"actions\" [attr.data-automation-id]=\"cardAutomationId + '-actions'\">\n <ng-content select=\"novo-card-actions\"></ng-content>\n <novo-button\n theme=\"icon\"\n icon=\"refresh\"\n (click)=\"toggleRefresh()\"\n *ngIf=\"refresh || config.refresh\"\n [attr.data-automation-id]=\"cardAutomationId + '-refresh'\"\n tooltip=\"{{ labels.refresh }}\"\n tooltipPosition=\"bottom-left\"\n ></novo-button>\n\n <novo-button\n theme=\"icon\"\n icon=\"close-o\"\n (click)=\"toggleClose()\"\n *ngIf=\"close || config.close\"\n [attr.data-automation-id]=\"cardAutomationId + '-close'\"\n tooltip=\"{{ labels.close }}\"\n tooltipPosition=\"bottom-left\"\n ></novo-button>\n </div>\n </header>\n <!--Content (transcluded)-->\n <ng-content *ngIf=\"!(loading || config.loading) && !(message || config.message)\"></ng-content>\n <!--Error/Empty Message-->\n <p\n class=\"card-message\"\n *ngIf=\"!(loading || config.loading) && (message || config.message)\"\n [attr.data-automation-id]=\"cardAutomationId + '-message'\"\n >\n <i *ngIf=\"messageIconClass\" [ngClass]=\"messageIconClass\"></i> <span [innerHtml]=\"message || config.message\"></span>\n </p>\n <!--Card Footer-->\n <ng-content\n *ngIf=\"!(loading || config.loading) && !(message || config.message)\"\n select=\"footer,novo-card-footer,[novo-card-footer],[novoCardFooter]\"\n ></ng-content>\n `,\n styleUrls: ['./Card.scss'],\n standalone: false,\n})\nexport class CardElement implements OnChanges, OnInit {\n @Input()\n padding: boolean = true;\n @Input()\n config: any = {};\n @Input()\n title: string;\n @Input()\n message: string;\n @Input()\n messageIcon: string;\n @Input()\n icon: string;\n @Input()\n iconTooltip: string;\n @Input()\n refresh: boolean;\n @Input()\n close: boolean;\n @Input()\n move: boolean;\n @Input()\n loading: boolean;\n\n @Input()\n @BooleanInput()\n @HostBinding('class.novo-card-inline')\n inline: boolean;\n\n @Input()\n inset: string = 'none';\n @HostBinding('class')\n get hbInset() {\n return `novo-card-inset-${this.inset}`;\n }\n\n @Output()\n onClose: EventEmitter<void> = new EventEmitter();\n @Output()\n onRefresh: EventEmitter<void> = new EventEmitter();\n\n cardAutomationId: string;\n labels: NovoLabelService;\n iconClass: string | null;\n messageIconClass: string;\n\n constructor(labels: NovoLabelService) {\n this.labels = labels;\n }\n\n ngOnInit() {\n this.config = this.config || {};\n }\n\n ngOnChanges(changes?: SimpleChanges) {\n this.config = this.config || {};\n this.cardAutomationId = `${(this.title || this.config.title || 'no-title').trim().toLowerCase().replace(/\\s/g, '-')}-card`;\n\n const newIcon: string = this.icon || this.config.icon;\n const newMessageIcon: string = this.messageIcon || this.config.messageIcon;\n this.iconClass = newIcon ? `bhi-${newIcon}` : null;\n this.messageIconClass = newMessageIcon ? `bhi-${newMessageIcon}` : null;\n }\n\n toggleClose() {\n if (!this.config.onClose) {\n this.onClose.next();\n } else {\n this.config.onClose();\n }\n }\n\n toggleRefresh() {\n if (!this.config.onRefresh) {\n this.onRefresh.next();\n } else {\n this.config.onRefresh();\n }\n }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoLoadingModule } from 'novo-elements/elements/loading';\nimport { NovoTooltipModule } from 'novo-elements/elements/tooltip';\nimport { CardActionsElement, CardContentElement, CardElement, CardFooterElement, CardHeaderElement } from './Card';\n\n@NgModule({\n imports: [CommonModule, NovoIconModule, NovoButtonModule, NovoLoadingModule, NovoTooltipModule],\n declarations: [CardElement, CardActionsElement, CardContentElement, CardHeaderElement, CardFooterElement],\n exports: [CardElement, CardActionsElement, CardContentElement, CardHeaderElement, CardFooterElement],\n})\nexport class NovoCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"novo-elements-elements-card.mjs","sources":["../../../projects/novo-elements/src/elements/card/Card.ts","../../../projects/novo-elements/src/elements/card/Card.module.ts","../../../projects/novo-elements/src/elements/card/novo-elements-elements-card.ts"],"sourcesContent":["// NG2\nimport { Component, EventEmitter, HostBinding, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';\n// APP\nimport { NovoLabelService } from 'novo-elements/services';\nimport { BooleanInput } from 'novo-elements/utils';\n\n@Component({\n selector: 'novo-card-actions',\n template: '<ng-content></ng-content>',\n standalone: false,\n})\nexport class CardActionsElement {}\n\n/**\n * Content of a card, needed as it's used as a selector in the API.\n */\n@Component({\n selector: 'novo-card-content, [novo-card-content], [novoCardContent]',\n host: { class: 'novo-card-content', '[class.condensed]': 'condensed' },\n template: '<ng-content></ng-content>',\n styleUrls: ['./CardContent.scss'],\n standalone: false,\n})\nexport class CardContentElement {\n @Input() @BooleanInput() condensed: boolean = false;\n}\n\n/**\n * Content of a card, needed as it's used as a selector in the API.\n */\n@Component({\n selector: 'novo-card-header, [novo-card-header], [novoCardHeader]',\n host: { class: 'novo-card-header' },\n template: `\n <ng-content select=\"novo-avatar, [novo-avatar], novo-icon\"></ng-content>\n <div class=\"novo-card-header-text\">\n <ng-content select=\"novo-title, [novo-title], novo-text, novo-label, novo-caption\"></ng-content>\n </div>\n <ng-content></ng-content>\n <div class=\"novo-card-header-actions\">\n <ng-content select=\"novo-action\"></ng-content>\n </div>\n `,\n styleUrls: ['./CardHeader.scss'],\n standalone: false,\n})\nexport class CardHeaderElement {}\n\n@Component({\n selector: 'novo-card-footer, [novo-card-footer], [novoCardFooter]',\n host: { class: 'novo-card-footer' },\n template: '<ng-content></ng-content>',\n styleUrls: ['./CardFooter.scss'],\n standalone: false,\n})\nexport class CardFooterElement {}\n\n@Component({\n selector: 'novo-card',\n host: {\n class: 'novo-card',\n '[attr.data-automation-id]': 'cardAutomationId',\n '[class.loading]': 'loading || config.loading',\n },\n template: `\n <!--Loading-->\n <div class=\"card-loading-container\" *ngIf=\"loading || config.loading\">\n <novo-loading theme=\"line\" [attr.data-automation-id]=\"cardAutomationId + '-loading'\"></novo-loading>\n </div>\n <!--Card Header-->\n <header *ngIf=\"title || config.title\">\n <div class=\"title\">\n <!--Grabber Icon-->\n <novo-icon\n *ngIf=\"move || config.move\"\n tooltip=\"{{ labels.move }}\"\n tooltipPosition=\"bottom-right\"\n [attr.data-automation-id]=\"cardAutomationId + '-move'\"\n >move</novo-icon\n >\n <!--Card Title-->\n <h3 [attr.data-automation-id]=\"cardAutomationId + '-title'\">\n <span [tooltip]=\"iconTooltip\" tooltipPosition=\"right\"><i *ngIf=\"icon\" [ngClass]=\"iconClass\"></i></span>\n {{ title || config.title }}\n </h3>\n </div>\n <!--Card Actions-->\n <div class=\"actions\" [attr.data-automation-id]=\"cardAutomationId + '-actions'\">\n <ng-content select=\"novo-card-actions\"></ng-content>\n <novo-button\n theme=\"icon\"\n icon=\"refresh\"\n (click)=\"toggleRefresh()\"\n *ngIf=\"refresh || config.refresh\"\n [attr.data-automation-id]=\"cardAutomationId + '-refresh'\"\n tooltip=\"{{ labels.refresh }}\"\n tooltipPosition=\"bottom-left\"\n ></novo-button>\n\n <novo-button\n theme=\"icon\"\n icon=\"close-o\"\n (click)=\"toggleClose()\"\n *ngIf=\"close || config.close\"\n [attr.data-automation-id]=\"cardAutomationId + '-close'\"\n tooltip=\"{{ labels.close }}\"\n tooltipPosition=\"bottom-left\"\n ></novo-button>\n </div>\n </header>\n <!--Content (transcluded)-->\n <ng-content *ngIf=\"!(loading || config.loading) && !(message || config.message)\"></ng-content>\n <!--Error/Empty Message-->\n <p\n class=\"card-message\"\n *ngIf=\"!(loading || config.loading) && (message || config.message)\"\n [attr.data-automation-id]=\"cardAutomationId + '-message'\"\n >\n <i *ngIf=\"messageIconClass\" [ngClass]=\"messageIconClass\"></i> <span [innerHtml]=\"message || config.message\"></span>\n </p>\n <!--Card Footer-->\n <ng-content\n *ngIf=\"!(loading || config.loading) && !(message || config.message)\"\n select=\"footer,novo-card-footer,[novo-card-footer],[novoCardFooter]\"\n ></ng-content>\n `,\n styleUrls: ['./Card.scss'],\n standalone: false,\n})\nexport class CardElement implements OnChanges, OnInit {\n @Input()\n padding: boolean = true;\n @Input()\n config: any = {};\n @Input()\n title: string;\n @Input()\n message: string;\n @Input()\n messageIcon: string;\n @Input()\n icon: string;\n @Input()\n iconTooltip: string;\n @Input()\n refresh: boolean;\n @Input()\n close: boolean;\n @Input()\n move: boolean;\n @Input()\n loading: boolean;\n\n @Input()\n @BooleanInput()\n @HostBinding('class.novo-card-inline')\n inline: boolean;\n\n @Input()\n inset: string = 'none';\n @HostBinding('class')\n get hbInset() {\n return `novo-card-inset-${this.inset}`;\n }\n\n @Output()\n onClose: EventEmitter<void> = new EventEmitter();\n @Output()\n onRefresh: EventEmitter<void> = new EventEmitter();\n\n cardAutomationId: string;\n labels: NovoLabelService;\n iconClass: string | null;\n messageIconClass: string;\n\n constructor(labels: NovoLabelService) {\n this.labels = labels;\n }\n\n ngOnInit() {\n this.config = this.config || {};\n }\n\n ngOnChanges(changes?: SimpleChanges) {\n this.config = this.config || {};\n this.cardAutomationId = `${(this.title || this.config.title || 'no-title').trim().toLowerCase().replace(/\\s/g, '-')}-card`;\n\n const newIcon: string = this.icon || this.config.icon;\n const newMessageIcon: string = this.messageIcon || this.config.messageIcon;\n this.iconClass = newIcon ? `bhi-${newIcon}` : null;\n this.messageIconClass = newMessageIcon ? `bhi-${newMessageIcon}` : null;\n }\n\n toggleClose() {\n if (!this.config.onClose) {\n this.onClose.next();\n } else {\n this.config.onClose();\n }\n }\n\n toggleRefresh() {\n if (!this.config.onRefresh) {\n this.onRefresh.next();\n } else {\n this.config.onRefresh();\n }\n }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoLoadingModule } from 'novo-elements/elements/loading';\nimport { NovoTooltipModule } from 'novo-elements/elements/tooltip';\nimport { CardActionsElement, CardContentElement, CardElement, CardFooterElement, CardHeaderElement } from './Card';\n\n@NgModule({\n imports: [CommonModule, NovoIconModule, NovoButtonModule, NovoLoadingModule, NovoTooltipModule],\n declarations: [CardElement, CardActionsElement, CardContentElement, CardHeaderElement, CardFooterElement],\n exports: [CardElement, CardActionsElement, CardContentElement, CardHeaderElement, CardFooterElement],\n})\nexport class NovoCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -149,7 +149,7 @@ class NovoCategoryDropdownElement extends OutsideClick {
|
|
|
149
149
|
<a *ngFor="let link of footer.links" (click)="executeClickCallback($event, link)">{{ link.label }}</a>
|
|
150
150
|
</footer>
|
|
151
151
|
</div>
|
|
152
|
-
`, isInline: true, styles: [":host{display:block;position:relative}:host button{position:relative;z-index:0}:host.active .dropdown-container{overflow:hidden;max-height:inherit;max-width:400px;min-width:400px;display:block;z-index:9001;border-radius:2px;top:100%;margin-top:5px}:host .dropdown-container{background-color:#fff;list-style:none;line-height:26px;display:none;margin:0;max-height:0;position:absolute;padding:0;transform:translateY(0);transition:all .15s cubic-bezier(.35,0,.25,1);min-width:180px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host .dropdown-container .novo-category-dropdown-search{width:100%;padding:5px;border-bottom:1px solid #ccc;position:relative}:host .dropdown-container .novo-category-dropdown-search input{font-size:1em;background:transparent!important;border:none;border-bottom:1px solid
|
|
152
|
+
`, isInline: true, styles: [":host{display:block;position:relative}:host button{position:relative;z-index:0}:host.active .dropdown-container{overflow:hidden;max-height:inherit;max-width:400px;min-width:400px;display:block;z-index:9001;border-radius:var(--border-radius-xsm, 2px);top:100%;margin-top:5px}:host .dropdown-container{background-color:#fff;list-style:none;line-height:26px;display:none;margin:0;max-height:0;position:absolute;padding:0;transform:translateY(0);transition:all .15s cubic-bezier(.35,0,.25,1);min-width:180px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host .dropdown-container .novo-category-dropdown-search{width:100%;padding:5px;border-bottom:1px solid #ccc;position:relative}:host .dropdown-container .novo-category-dropdown-search input{font-size:1em;background:transparent!important;border:none;border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 45));border-radius:0;outline:none;height:2rem;width:95%;padding:0;box-shadow:none;box-sizing:content-box;transition:all .3s;color:#26282b;margin:0 0 0 10px}:host .dropdown-container .novo-category-dropdown-search input:hover{border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 15))}:host .dropdown-container .novo-category-dropdown-search input:focus{border-bottom:1px solid var(--color-positive)}:host .dropdown-container .novo-category-dropdown-search input::placeholder{color:var(--form-placeholder)}:host .dropdown-container .novo-category-dropdown-search i.bhi-search,:host .dropdown-container .novo-category-dropdown-search i.bhi-times{position:absolute;bottom:15px;right:5px;color:#aaa;font-size:var(--font-size-sm);margin-right:10px}:host .dropdown-container .novo-category-dropdown-search i.bhi-times{cursor:pointer;font-size:var(--font-size-sm)}:host .dropdown-container footer{padding:5px 23px;border-top:1px solid #ccc;display:flex;justify-content:flex-end}:host .dropdown-container footer>a{margin-left:10px;margin-right:0;font-weight:500}:host .dropdown-container footer.novo-category-dropdown-footer-align-left{justify-content:flex-start}:host .dropdown-container footer.novo-category-dropdown-footer-align-left>a{margin-right:10px;margin-left:0}:host .dropdown-container novo-nav{max-height:140px;overflow:auto;border-bottom:1px solid #ccc}:host .dropdown-container novo-nav>novo-tab{height:30px;min-height:30px}:host .dropdown-container novo-nav>novo-tab>.novo-tab-link{max-width:100%;height:100%;font-size:.9em;padding:.5em;display:flex;align-items:center}:host .dropdown-container novo-list{max-height:350px;overflow:auto}:host .dropdown-container novo-list-item{padding:.5em;flex-shrink:0;cursor:pointer;font-size:.9em}:host .dropdown-container novo-list-item:focus,:host .dropdown-container novo-list-item:hover{background:hsl(from var(--color-light) h s calc(l + 10));color:hsl(from var(--color-light) h s calc(l - 55))}:host .dropdown-container novo-list-item:focus .novo-category-dropdown-hover,:host .dropdown-container novo-list-item:hover .novo-category-dropdown-hover{display:block}:host .dropdown-container novo-list-item .novo-category-dropdown-hover{display:none;color:var(--color-positive);font-size:.9em}:host .dropdown-container novo-list-item .novo-category-dropdown-hover>i{font-size:.9em}:host .dropdown-container novo-list-item.novo-category-dropdown-empty-item{pointer-events:none}:host[side=left]{display:flex;flex-direction:column;align-items:flex-start}:host[side=right]{display:flex;flex-direction:column;align-items:flex-end}:host[side=right] .dropdown-container{right:0}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NovoNavElement, selector: "novo-nav", inputs: ["theme", "direction", "outlet", "router", "condensed", "selectedIndex"], outputs: ["selectedIndexChange"] }, { kind: "component", type: i3.NovoTabElement, selector: "novo-tab", inputs: ["active", "color", "disabled"], outputs: ["activeChange"] }, { kind: "component", type: i3.NovoNavOutletElement, selector: "novo-nav-outlet" }, { kind: "component", type: i3.NovoNavContentElement, selector: "novo-nav-content", inputs: ["active"] }, { kind: "component", type: i4.NovoListElement, selector: "novo-list", inputs: ["theme", "direction"] }, { kind: "component", type: i4.NovoListItemElement, selector: "novo-list-item, a[list-item], button[list-item]" }, { kind: "component", type: i4.NovoItemContentElement, selector: "item-content, novo-item-content", inputs: ["direction"] }, { kind: "component", type: i4.NovoItemEndElement, selector: "item-end, novo-item-end" }] }); }
|
|
153
153
|
}
|
|
154
154
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoCategoryDropdownElement, decorators: [{
|
|
155
155
|
type: Component,
|
|
@@ -199,7 +199,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
|
|
|
199
199
|
`, host: {
|
|
200
200
|
'(keydown)': 'onKeyDown($event)',
|
|
201
201
|
'[class.active]': 'active',
|
|
202
|
-
}, standalone: false, styles: [":host{display:block;position:relative}:host button{position:relative;z-index:0}:host.active .dropdown-container{overflow:hidden;max-height:inherit;max-width:400px;min-width:400px;display:block;z-index:9001;border-radius:2px;top:100%;margin-top:5px}:host .dropdown-container{background-color:#fff;list-style:none;line-height:26px;display:none;margin:0;max-height:0;position:absolute;padding:0;transform:translateY(0);transition:all .15s cubic-bezier(.35,0,.25,1);min-width:180px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host .dropdown-container .novo-category-dropdown-search{width:100%;padding:5px;border-bottom:1px solid #ccc;position:relative}:host .dropdown-container .novo-category-dropdown-search input{font-size:1em;background:transparent!important;border:none;border-bottom:1px solid
|
|
202
|
+
}, standalone: false, styles: [":host{display:block;position:relative}:host button{position:relative;z-index:0}:host.active .dropdown-container{overflow:hidden;max-height:inherit;max-width:400px;min-width:400px;display:block;z-index:9001;border-radius:var(--border-radius-xsm, 2px);top:100%;margin-top:5px}:host .dropdown-container{background-color:#fff;list-style:none;line-height:26px;display:none;margin:0;max-height:0;position:absolute;padding:0;transform:translateY(0);transition:all .15s cubic-bezier(.35,0,.25,1);min-width:180px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host .dropdown-container .novo-category-dropdown-search{width:100%;padding:5px;border-bottom:1px solid #ccc;position:relative}:host .dropdown-container .novo-category-dropdown-search input{font-size:1em;background:transparent!important;border:none;border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 45));border-radius:0;outline:none;height:2rem;width:95%;padding:0;box-shadow:none;box-sizing:content-box;transition:all .3s;color:#26282b;margin:0 0 0 10px}:host .dropdown-container .novo-category-dropdown-search input:hover{border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 15))}:host .dropdown-container .novo-category-dropdown-search input:focus{border-bottom:1px solid var(--color-positive)}:host .dropdown-container .novo-category-dropdown-search input::placeholder{color:var(--form-placeholder)}:host .dropdown-container .novo-category-dropdown-search i.bhi-search,:host .dropdown-container .novo-category-dropdown-search i.bhi-times{position:absolute;bottom:15px;right:5px;color:#aaa;font-size:var(--font-size-sm);margin-right:10px}:host .dropdown-container .novo-category-dropdown-search i.bhi-times{cursor:pointer;font-size:var(--font-size-sm)}:host .dropdown-container footer{padding:5px 23px;border-top:1px solid #ccc;display:flex;justify-content:flex-end}:host .dropdown-container footer>a{margin-left:10px;margin-right:0;font-weight:500}:host .dropdown-container footer.novo-category-dropdown-footer-align-left{justify-content:flex-start}:host .dropdown-container footer.novo-category-dropdown-footer-align-left>a{margin-right:10px;margin-left:0}:host .dropdown-container novo-nav{max-height:140px;overflow:auto;border-bottom:1px solid #ccc}:host .dropdown-container novo-nav>novo-tab{height:30px;min-height:30px}:host .dropdown-container novo-nav>novo-tab>.novo-tab-link{max-width:100%;height:100%;font-size:.9em;padding:.5em;display:flex;align-items:center}:host .dropdown-container novo-list{max-height:350px;overflow:auto}:host .dropdown-container novo-list-item{padding:.5em;flex-shrink:0;cursor:pointer;font-size:.9em}:host .dropdown-container novo-list-item:focus,:host .dropdown-container novo-list-item:hover{background:hsl(from var(--color-light) h s calc(l + 10));color:hsl(from var(--color-light) h s calc(l - 55))}:host .dropdown-container novo-list-item:focus .novo-category-dropdown-hover,:host .dropdown-container novo-list-item:hover .novo-category-dropdown-hover{display:block}:host .dropdown-container novo-list-item .novo-category-dropdown-hover{display:none;color:var(--color-positive);font-size:.9em}:host .dropdown-container novo-list-item .novo-category-dropdown-hover>i{font-size:.9em}:host .dropdown-container novo-list-item.novo-category-dropdown-empty-item{pointer-events:none}:host[side=left]{display:flex;flex-direction:column;align-items:flex-start}:host[side=right]{display:flex;flex-direction:column;align-items:flex-end}:host[side=right] .dropdown-container{right:0}\n"] }]
|
|
203
203
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.NovoLabelService }], propDecorators: { persistSelection: [{
|
|
204
204
|
type: Input
|
|
205
205
|
}], closeOnSelect: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"novo-elements-elements-category-dropdown.mjs","sources":["../../../projects/novo-elements/src/elements/category-dropdown/CategoryDropdown.ts","../../../projects/novo-elements/src/elements/category-dropdown/CategoryDropdown.module.ts","../../../projects/novo-elements/src/elements/category-dropdown/novo-elements-elements-category-dropdown.ts"],"sourcesContent":["// NG2\nimport { Component, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { NovoLabelService } from 'novo-elements/services';\nimport { Helpers, Key, OutsideClick } from 'novo-elements/utils';\n\n@Component({\n selector: 'novo-category-dropdown',\n template: `\n <ng-content select=\"button\"></ng-content>\n <div class=\"dropdown-container\" *ngIf=\"active\">\n <div class=\"novo-category-dropdown-search\" *ngIf=\"search\" data-automation-id=\"novo-category-dropdown-search\">\n <input\n type=\"text\"\n [placeholder]=\"search.placeholder || labels.search\"\n [value]=\"_query\"\n (input)=\"queryCategories($event.target.value)\"\n />\n <i class=\"bhi-search\" *ngIf=\"!_query\"></i>\n <i class=\"bhi-times\" *ngIf=\"_query\" (click)=\"clearQuery($event)\"></i>\n </div>\n <novo-nav theme=\"white\" [outlet]=\"novoCategoryDropdownOutlet\" direction=\"vertical\">\n <novo-tab *ngFor=\"let category of _categories\" [attr.data-automation-id]=\"category\" (activeChange)=\"onCategorySelected(category)\">\n <span>{{ category }} ({{ _categoryMap[category].length }})</span>\n </novo-tab>\n </novo-nav>\n <novo-nav-outlet #novoCategoryDropdownOutlet>\n <novo-nav-content *ngFor=\"let category of _categories\">\n <novo-list direction=\"vertical\">\n <novo-list-item\n *ngFor=\"let item of _categoryMap[category]\"\n (click)=\"select($event, item)\"\n [attr.data-automation-id]=\"item.label\"\n >\n <item-content>{{ item.label }}</item-content>\n <item-end class=\"novo-category-dropdown-hover\" *ngIf=\"item.hoverText && !item.selected\">{{ item.hoverText }}</item-end>\n <item-end class=\"novo-category-dropdown-hover\" *ngIf=\"item.hoverIcon && !item.selected\"\n ><i class=\"bhi-{{ item.hoverIcon }}\"></i\n ></item-end>\n <item-end *ngIf=\"item.selected\"><i class=\"bhi-check\"></i></item-end>\n </novo-list-item>\n <novo-list-item *ngIf=\"_categoryMap[category].length === 0 && search\" class=\"novo-category-dropdown-empty-item\">\n <item-content>{{ search.emptyMessage || labels.noItems }}</item-content>\n </novo-list-item>\n </novo-list>\n </novo-nav-content>\n </novo-nav-outlet>\n <footer *ngIf=\"footer\" class=\"novo-category-dropdown-footer-align-{{ footer.align || 'right' }}\">\n <a *ngFor=\"let link of footer.links\" (click)=\"executeClickCallback($event, link)\">{{ link.label }}</a>\n </footer>\n </div>\n `,\n styleUrls: ['./CategoryDropdown.scss'],\n host: {\n '(keydown)': 'onKeyDown($event)',\n '[class.active]': 'active',\n },\n standalone: false,\n})\nexport class NovoCategoryDropdownElement extends OutsideClick implements OnInit, OnDestroy {\n _query: string = '';\n _categoryMap: any = {};\n _categories: string[] = [];\n clickHandler: Function;\n _masterCategoryMap: any;\n _queryTimeout: any;\n // Boolean to keep the selection persist when closing the dropdown\n @Input()\n persistSelection: boolean = false;\n // Boolean to close the dropdown on selection\n @Input()\n closeOnSelect: boolean = false;\n // Search Config\n // {\n // placeholder: 'STRING' // defaults to \"SEARCH\" - placeholder for search input\n // emptyMessage: 'STRING' // defaults to \"There are no items.\" - empty message when there are no items in the category\n // debounce: 'NUMBER (in MS)' // defaults to 300ms - debounce time for the search\n // compare: 'FUNCTION' // default to simple indexOf - compare function for category search, should accept (query, item) and return true/false\n // }\n @Input()\n search: any;\n // Footer config\n // {\n // align: 'STRING' // defaults to \"right\" - alignment of the links\n // links: 'ARRAY' // array of links to go into the footer, be away of spacing - { label, callback } for the object inside\n // }\n @Input()\n footer: any;\n // Event that is emitted whenever an item is selected\n @Output('itemSelected')\n _select: EventEmitter<any> = new EventEmitter();\n // Event that is emitted whenever a category is selected\n @Output()\n categorySelected: EventEmitter<any> = new EventEmitter<any>();\n\n @Input()\n set categories(categories: any) {\n this._masterCategoryMap = Object.assign({}, categories);\n this._categoryMap = Object.assign({}, categories);\n this._categories = Object.keys(categories);\n }\n\n constructor(element: ElementRef, public labels: NovoLabelService) {\n super(element);\n this.clickHandler = this.toggleActive.bind(this);\n }\n\n ngOnInit() {\n const button = this.element.nativeElement.querySelector('button');\n button.addEventListener('click', this.clickHandler);\n }\n\n ngOnDestroy() {\n const button = this.element.nativeElement.querySelector('button');\n if (button) {\n button.removeEventListener('click', this.clickHandler);\n }\n }\n\n onKeyDown(event) {\n if (this.active && (event.key === Key.Escape || event.key === Key.Enter)) {\n this.toggleActive();\n }\n }\n\n clearSelection() {\n this._categories.forEach((category) => {\n this._categoryMap[category].forEach((item) => {\n item.selected = false;\n });\n });\n }\n\n select(event, item) {\n Helpers.swallowEvent(event);\n // If we persist the selection, clear and show a check\n if (this.persistSelection) {\n this.clearSelection();\n item.selected = true;\n }\n // Emit the item\n this._select.emit(item);\n // Close, if input is set\n if (this.closeOnSelect) {\n this.toggleActive();\n }\n }\n\n onCategorySelected(category) {\n this.categorySelected.emit(category);\n }\n\n clearQuery(event) {\n Helpers.swallowEvent(event);\n this._query = '';\n // Reset the categories\n this._categories.forEach((category) => {\n this._categoryMap[category] = this._masterCategoryMap[category];\n });\n }\n\n queryCategories(query) {\n // Save the query\n this._query = query;\n // Check timeout\n if (this._queryTimeout) {\n clearTimeout(this._queryTimeout);\n }\n // Store a timeout, to debounce user input\n this._queryTimeout = setTimeout(() => {\n this._categories.forEach((category) => {\n if (this.search.compare) {\n this._categoryMap[category] = this._masterCategoryMap[category].filter((item) => this.search.compare(query, item));\n } else {\n this._categoryMap[category] = this._masterCategoryMap[category].filter(\n (item) => ~item.label.toLowerCase().indexOf(query.toLowerCase()),\n );\n }\n });\n }, this.search.debounce || 300);\n }\n\n executeClickCallback(event, link) {\n link.callback(event);\n // Close, if input is set\n if (this.closeOnSelect) {\n this.toggleActive();\n }\n }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NovoListModule } from 'novo-elements/elements/list';\nimport { NovoTabModule } from 'novo-elements/elements/tabs';\n// APP\nimport { NovoCategoryDropdownElement } from './CategoryDropdown';\n\n@NgModule({\n imports: [CommonModule, NovoTabModule, NovoListModule],\n declarations: [NovoCategoryDropdownElement],\n exports: [NovoCategoryDropdownElement],\n})\nexport class NovoCategoryDropdownModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"novo-elements-elements-category-dropdown.mjs","sources":["../../../projects/novo-elements/src/elements/category-dropdown/CategoryDropdown.ts","../../../projects/novo-elements/src/elements/category-dropdown/CategoryDropdown.module.ts","../../../projects/novo-elements/src/elements/category-dropdown/novo-elements-elements-category-dropdown.ts"],"sourcesContent":["// NG2\nimport { Component, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { NovoLabelService } from 'novo-elements/services';\nimport { Helpers, Key, OutsideClick } from 'novo-elements/utils';\n\n@Component({\n selector: 'novo-category-dropdown',\n template: `\n <ng-content select=\"button\"></ng-content>\n <div class=\"dropdown-container\" *ngIf=\"active\">\n <div class=\"novo-category-dropdown-search\" *ngIf=\"search\" data-automation-id=\"novo-category-dropdown-search\">\n <input\n type=\"text\"\n [placeholder]=\"search.placeholder || labels.search\"\n [value]=\"_query\"\n (input)=\"queryCategories($event.target.value)\"\n />\n <i class=\"bhi-search\" *ngIf=\"!_query\"></i>\n <i class=\"bhi-times\" *ngIf=\"_query\" (click)=\"clearQuery($event)\"></i>\n </div>\n <novo-nav theme=\"white\" [outlet]=\"novoCategoryDropdownOutlet\" direction=\"vertical\">\n <novo-tab *ngFor=\"let category of _categories\" [attr.data-automation-id]=\"category\" (activeChange)=\"onCategorySelected(category)\">\n <span>{{ category }} ({{ _categoryMap[category].length }})</span>\n </novo-tab>\n </novo-nav>\n <novo-nav-outlet #novoCategoryDropdownOutlet>\n <novo-nav-content *ngFor=\"let category of _categories\">\n <novo-list direction=\"vertical\">\n <novo-list-item\n *ngFor=\"let item of _categoryMap[category]\"\n (click)=\"select($event, item)\"\n [attr.data-automation-id]=\"item.label\"\n >\n <item-content>{{ item.label }}</item-content>\n <item-end class=\"novo-category-dropdown-hover\" *ngIf=\"item.hoverText && !item.selected\">{{ item.hoverText }}</item-end>\n <item-end class=\"novo-category-dropdown-hover\" *ngIf=\"item.hoverIcon && !item.selected\"\n ><i class=\"bhi-{{ item.hoverIcon }}\"></i\n ></item-end>\n <item-end *ngIf=\"item.selected\"><i class=\"bhi-check\"></i></item-end>\n </novo-list-item>\n <novo-list-item *ngIf=\"_categoryMap[category].length === 0 && search\" class=\"novo-category-dropdown-empty-item\">\n <item-content>{{ search.emptyMessage || labels.noItems }}</item-content>\n </novo-list-item>\n </novo-list>\n </novo-nav-content>\n </novo-nav-outlet>\n <footer *ngIf=\"footer\" class=\"novo-category-dropdown-footer-align-{{ footer.align || 'right' }}\">\n <a *ngFor=\"let link of footer.links\" (click)=\"executeClickCallback($event, link)\">{{ link.label }}</a>\n </footer>\n </div>\n `,\n styleUrls: ['./CategoryDropdown.scss'],\n host: {\n '(keydown)': 'onKeyDown($event)',\n '[class.active]': 'active',\n },\n standalone: false,\n})\nexport class NovoCategoryDropdownElement extends OutsideClick implements OnInit, OnDestroy {\n _query: string = '';\n _categoryMap: any = {};\n _categories: string[] = [];\n clickHandler: Function;\n _masterCategoryMap: any;\n _queryTimeout: any;\n // Boolean to keep the selection persist when closing the dropdown\n @Input()\n persistSelection: boolean = false;\n // Boolean to close the dropdown on selection\n @Input()\n closeOnSelect: boolean = false;\n // Search Config\n // {\n // placeholder: 'STRING' // defaults to \"SEARCH\" - placeholder for search input\n // emptyMessage: 'STRING' // defaults to \"There are no items.\" - empty message when there are no items in the category\n // debounce: 'NUMBER (in MS)' // defaults to 300ms - debounce time for the search\n // compare: 'FUNCTION' // default to simple indexOf - compare function for category search, should accept (query, item) and return true/false\n // }\n @Input()\n search: any;\n // Footer config\n // {\n // align: 'STRING' // defaults to \"right\" - alignment of the links\n // links: 'ARRAY' // array of links to go into the footer, be away of spacing - { label, callback } for the object inside\n // }\n @Input()\n footer: any;\n // Event that is emitted whenever an item is selected\n @Output('itemSelected')\n _select: EventEmitter<any> = new EventEmitter();\n // Event that is emitted whenever a category is selected\n @Output()\n categorySelected: EventEmitter<any> = new EventEmitter<any>();\n\n @Input()\n set categories(categories: any) {\n this._masterCategoryMap = Object.assign({}, categories);\n this._categoryMap = Object.assign({}, categories);\n this._categories = Object.keys(categories);\n }\n\n constructor(element: ElementRef, public labels: NovoLabelService) {\n super(element);\n this.clickHandler = this.toggleActive.bind(this);\n }\n\n ngOnInit() {\n const button = this.element.nativeElement.querySelector('button');\n button.addEventListener('click', this.clickHandler);\n }\n\n ngOnDestroy() {\n const button = this.element.nativeElement.querySelector('button');\n if (button) {\n button.removeEventListener('click', this.clickHandler);\n }\n }\n\n onKeyDown(event) {\n if (this.active && (event.key === Key.Escape || event.key === Key.Enter)) {\n this.toggleActive();\n }\n }\n\n clearSelection() {\n this._categories.forEach((category) => {\n this._categoryMap[category].forEach((item) => {\n item.selected = false;\n });\n });\n }\n\n select(event, item) {\n Helpers.swallowEvent(event);\n // If we persist the selection, clear and show a check\n if (this.persistSelection) {\n this.clearSelection();\n item.selected = true;\n }\n // Emit the item\n this._select.emit(item);\n // Close, if input is set\n if (this.closeOnSelect) {\n this.toggleActive();\n }\n }\n\n onCategorySelected(category) {\n this.categorySelected.emit(category);\n }\n\n clearQuery(event) {\n Helpers.swallowEvent(event);\n this._query = '';\n // Reset the categories\n this._categories.forEach((category) => {\n this._categoryMap[category] = this._masterCategoryMap[category];\n });\n }\n\n queryCategories(query) {\n // Save the query\n this._query = query;\n // Check timeout\n if (this._queryTimeout) {\n clearTimeout(this._queryTimeout);\n }\n // Store a timeout, to debounce user input\n this._queryTimeout = setTimeout(() => {\n this._categories.forEach((category) => {\n if (this.search.compare) {\n this._categoryMap[category] = this._masterCategoryMap[category].filter((item) => this.search.compare(query, item));\n } else {\n this._categoryMap[category] = this._masterCategoryMap[category].filter(\n (item) => ~item.label.toLowerCase().indexOf(query.toLowerCase()),\n );\n }\n });\n }, this.search.debounce || 300);\n }\n\n executeClickCallback(event, link) {\n link.callback(event);\n // Close, if input is set\n if (this.closeOnSelect) {\n this.toggleActive();\n }\n }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NovoListModule } from 'novo-elements/elements/list';\nimport { NovoTabModule } from 'novo-elements/elements/tabs';\n// APP\nimport { NovoCategoryDropdownElement } from './CategoryDropdown';\n\n@NgModule({\n imports: [CommonModule, NovoTabModule, NovoListModule],\n declarations: [NovoCategoryDropdownElement],\n exports: [NovoCategoryDropdownElement],\n})\nexport class NovoCategoryDropdownModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -218,7 +218,7 @@ class NovoCheckboxElement {
|
|
|
218
218
|
<span *ngIf="!label" class="novo-checkbox-text"><ng-content></ng-content></span>
|
|
219
219
|
</label>
|
|
220
220
|
</div>
|
|
221
|
-
`, isInline: true, styles: [":host{display:flex;flex-flow:row wrap}:host.has-label [class*=-group]{margin-right:15px}:host .novo-checkbox-text{margin-left:15px}:host .novo-checkbox-group{cursor:pointer;position:relative}:host .novo-checkbox-group:hover:not(.disabled) label i.bhi-checkbox-empty,:host .novo-checkbox-group:hover:not(.disabled) label i.bhi-radio-empty{color
|
|
221
|
+
`, isInline: true, styles: [":host{display:flex;flex-flow:row wrap}:host.has-label [class*=-group]{margin-right:15px}:host .novo-checkbox-text{margin-left:15px}:host .novo-checkbox-group{cursor:pointer;position:relative}:host .novo-checkbox-group:hover:not(.disabled) label i.bhi-checkbox-empty,:host .novo-checkbox-group:hover:not(.disabled) label i.bhi-radio-empty{color:var(--color-positive)}:host .novo-checkbox-group.checked label{color:#393939}:host .novo-checkbox-group.checked label i{animation:iconEnter .16s ease-in-out}:host .novo-checkbox-group.disabled{pointer-events:auto}:host .novo-checkbox-group.disabled label{cursor:not-allowed;opacity:.4}:host .novo-checkbox-group input[type=checkbox]{appearance:none!important;height:0!important;border:none!important;position:absolute}:host .novo-checkbox-group input[type=checkbox]:focus+label i.bhi-checkbox-empty,:host .novo-checkbox-group input[type=checkbox]:focus+label i.bhi-checkbox-filled{color:var(--color-positive)}:host .novo-checkbox-group label{color:#868686;margin-left:0;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:baseline}:host .novo-checkbox-group label i{margin-right:5px;transition:all .2s ease-in-out}:host .novo-checkbox-group label i.bhi-checkbox-empty,:host .novo-checkbox-group label i.bhi-radio-empty,:host .novo-checkbox-group label i.bhi-circle-o{color:#d2d2d2}:host .novo-checkbox-group label i.bhi-check{background:#d2d2d2;color:#fff;padding:.15em 0 0 .3em;font-size:1em;width:20px;height:20px;border-radius:50%}:host .novo-checkbox-group label i.bhi-checkbox-filled,:host .novo-checkbox-group label i.bhi-radio-filled{color:var(--color-positive)}:host .novo-checkbox-group label span{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
222
222
|
}
|
|
223
223
|
__decorate([
|
|
224
224
|
BooleanInput(),
|
|
@@ -267,7 +267,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
|
|
|
267
267
|
`, host: {
|
|
268
268
|
class: 'novo-checkbox',
|
|
269
269
|
'[class.has-label]': 'label',
|
|
270
|
-
}, standalone: false, styles: [":host{display:flex;flex-flow:row wrap}:host.has-label [class*=-group]{margin-right:15px}:host .novo-checkbox-text{margin-left:15px}:host .novo-checkbox-group{cursor:pointer;position:relative}:host .novo-checkbox-group:hover:not(.disabled) label i.bhi-checkbox-empty,:host .novo-checkbox-group:hover:not(.disabled) label i.bhi-radio-empty{color
|
|
270
|
+
}, standalone: false, styles: [":host{display:flex;flex-flow:row wrap}:host.has-label [class*=-group]{margin-right:15px}:host .novo-checkbox-text{margin-left:15px}:host .novo-checkbox-group{cursor:pointer;position:relative}:host .novo-checkbox-group:hover:not(.disabled) label i.bhi-checkbox-empty,:host .novo-checkbox-group:hover:not(.disabled) label i.bhi-radio-empty{color:var(--color-positive)}:host .novo-checkbox-group.checked label{color:#393939}:host .novo-checkbox-group.checked label i{animation:iconEnter .16s ease-in-out}:host .novo-checkbox-group.disabled{pointer-events:auto}:host .novo-checkbox-group.disabled label{cursor:not-allowed;opacity:.4}:host .novo-checkbox-group input[type=checkbox]{appearance:none!important;height:0!important;border:none!important;position:absolute}:host .novo-checkbox-group input[type=checkbox]:focus+label i.bhi-checkbox-empty,:host .novo-checkbox-group input[type=checkbox]:focus+label i.bhi-checkbox-filled{color:var(--color-positive)}:host .novo-checkbox-group label{color:#868686;margin-left:0;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:baseline}:host .novo-checkbox-group label i{margin-right:5px;transition:all .2s ease-in-out}:host .novo-checkbox-group label i.bhi-checkbox-empty,:host .novo-checkbox-group label i.bhi-radio-empty,:host .novo-checkbox-group label i.bhi-circle-o{color:#d2d2d2}:host .novo-checkbox-group label i.bhi-check{background:#d2d2d2;color:#fff;padding:.15em 0 0 .3em;font-size:1em;width:20px;height:20px;border-radius:50%}:host .novo-checkbox-group label i.bhi-checkbox-filled,:host .novo-checkbox-group label i.bhi-radio-filled{color:var(--color-positive)}:host .novo-checkbox-group label span{display:inline-block}\n"] }]
|
|
271
271
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.FocusMonitor }, { type: undefined, decorators: [{
|
|
272
272
|
type: Attribute,
|
|
273
273
|
args: ['tabindex']
|
|
@@ -402,7 +402,7 @@ class NovoCheckListElement {
|
|
|
402
402
|
<span>{{ option.label }}</span>
|
|
403
403
|
</label>
|
|
404
404
|
</div>
|
|
405
|
-
`, isInline: true, styles: [":host{display:flex;flex-flow:row wrap;gap:1rem}:host.hasLabel [class*=-group]{margin-right:15px}:host .novo-checkbox-group{cursor:pointer;position:relative}:host .novo-checkbox-group:hover:not(.disabled) label i.bhi-checkbox-empty,:host .novo-checkbox-group:hover:not(.disabled) label i.bhi-radio-empty{color
|
|
405
|
+
`, isInline: true, styles: [":host{display:flex;flex-flow:row wrap;gap:1rem}:host.hasLabel [class*=-group]{margin-right:15px}:host .novo-checkbox-group{cursor:pointer;position:relative}:host .novo-checkbox-group:hover:not(.disabled) label i.bhi-checkbox-empty,:host .novo-checkbox-group:hover:not(.disabled) label i.bhi-radio-empty{color:var(--color-positive)}:host .novo-checkbox-group.checked label{color:var(--text-main)}:host .novo-checkbox-group.checked label i{animation:iconEnter .16s ease-in-out}:host .novo-checkbox-group.disabled{pointer-events:auto}:host .novo-checkbox-group.disabled label{cursor:not-allowed;opacity:.4}:host .novo-checkbox-group input[type=checkbox]{appearance:none!important;height:0!important;border:none!important;position:absolute}:host .novo-checkbox-group input[type=checkbox]:focus+label i.bhi-checkbox-empty,:host .novo-checkbox-group input[type=checkbox]:focus+label i.bhi-checkbox-filled{color:var(--color-positive)}:host .novo-checkbox-group label{color:#868686;margin-left:0;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:baseline}:host .novo-checkbox-group label i{margin-right:5px;transition:all .2s ease-in-out}:host .novo-checkbox-group label i.bhi-checkbox-empty,:host .novo-checkbox-group label i.bhi-radio-empty,:host .novo-checkbox-group label i.bhi-circle-o{color:#d2d2d2}:host .novo-checkbox-group label i.bhi-check{background:#d2d2d2;color:#fff;padding:.15em 0 0 .3em;font-size:1em;width:20px;height:20px;border-radius:50%}:host .novo-checkbox-group label i.bhi-checkbox-filled,:host .novo-checkbox-group label i.bhi-radio-filled{color:var(--color-positive)}:host .novo-checkbox-group label span{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
406
406
|
}
|
|
407
407
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoCheckListElement, decorators: [{
|
|
408
408
|
type: Component,
|
|
@@ -428,7 +428,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
|
|
|
428
428
|
<span>{{ option.label }}</span>
|
|
429
429
|
</label>
|
|
430
430
|
</div>
|
|
431
|
-
`, standalone: false, styles: [":host{display:flex;flex-flow:row wrap;gap:1rem}:host.hasLabel [class*=-group]{margin-right:15px}:host .novo-checkbox-group{cursor:pointer;position:relative}:host .novo-checkbox-group:hover:not(.disabled) label i.bhi-checkbox-empty,:host .novo-checkbox-group:hover:not(.disabled) label i.bhi-radio-empty{color
|
|
431
|
+
`, standalone: false, styles: [":host{display:flex;flex-flow:row wrap;gap:1rem}:host.hasLabel [class*=-group]{margin-right:15px}:host .novo-checkbox-group{cursor:pointer;position:relative}:host .novo-checkbox-group:hover:not(.disabled) label i.bhi-checkbox-empty,:host .novo-checkbox-group:hover:not(.disabled) label i.bhi-radio-empty{color:var(--color-positive)}:host .novo-checkbox-group.checked label{color:var(--text-main)}:host .novo-checkbox-group.checked label i{animation:iconEnter .16s ease-in-out}:host .novo-checkbox-group.disabled{pointer-events:auto}:host .novo-checkbox-group.disabled label{cursor:not-allowed;opacity:.4}:host .novo-checkbox-group input[type=checkbox]{appearance:none!important;height:0!important;border:none!important;position:absolute}:host .novo-checkbox-group input[type=checkbox]:focus+label i.bhi-checkbox-empty,:host .novo-checkbox-group input[type=checkbox]:focus+label i.bhi-checkbox-filled{color:var(--color-positive)}:host .novo-checkbox-group label{color:#868686;margin-left:0;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:baseline}:host .novo-checkbox-group label i{margin-right:5px;transition:all .2s ease-in-out}:host .novo-checkbox-group label i.bhi-checkbox-empty,:host .novo-checkbox-group label i.bhi-radio-empty,:host .novo-checkbox-group label i.bhi-circle-o{color:#d2d2d2}:host .novo-checkbox-group label i.bhi-check{background:#d2d2d2;color:#fff;padding:.15em 0 0 .3em;font-size:1em;width:20px;height:20px;border-radius:50%}:host .novo-checkbox-group label i.bhi-checkbox-filled,:host .novo-checkbox-group label i.bhi-radio-filled{color:var(--color-positive)}:host .novo-checkbox-group label span{display:inline-block}\n"] }]
|
|
432
432
|
}], propDecorators: { name: [{
|
|
433
433
|
type: Input
|
|
434
434
|
}], options: [{
|