@rededor/site-front-end-lib 20.0.21 → 20.0.23
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/components/breadcrumbs/index.d.ts +2 -1
- package/components/cards/index.d.ts +3 -1
- package/components/filters/filter-generic/index.d.ts +3 -1
- package/components/modal-drawer/index.d.ts +1 -0
- package/cura/forms/cura-checkbox/index.d.ts +5 -1
- package/cura/forms/cura-select/index.d.ts +2 -1
- package/cura/forms/cura-textarea/index.d.ts +1 -0
- package/fesm2022/rededor-site-front-end-lib-components-breadcrumbs.mjs +4 -3
- package/fesm2022/rededor-site-front-end-lib-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-cards.mjs +17 -3
- package/fesm2022/rededor-site-front-end-lib-components-cards.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-error.mjs +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-error.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs +5 -3
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-planos-convenios.mjs +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-planos-convenios.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs +3 -2
- package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs +9 -5
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-input-text.mjs +2 -2
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-input-text.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-radio.mjs +2 -2
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-state.mjs +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-state.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs +5 -4
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-textarea.mjs +3 -2
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-textarea.mjs.map +1 -1
- package/package.json +1 -1
package/fesm2022/rededor-site-front-end-lib-components-filters-filter-planos-convenios.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rededor-site-front-end-lib-components-filters-filter-planos-convenios.mjs","sources":["../../../projects/site-front-end-lib/components/filters/filter-planos-convenios/filter-planos-convenios.component.ts","../../../projects/site-front-end-lib/components/filters/filter-planos-convenios/filter-planos-convenios.component.html","../../../projects/site-front-end-lib/components/filters/filter-planos-convenios/rededor-site-front-end-lib-components-filters-filter-planos-convenios.ts"],"sourcesContent":["import { AfterViewInit, Component, HostBinding, input, output, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { FilterPlanosConvenios, FilterPlanosConveniosChange, FilterPlanosConveniosCobertura } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { Estados } from '@rededor/site-front-end-lib/enums';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';\nimport { CuraInputTextComponent } from '@rededor/site-front-end-lib/cura/forms/cura-input-text';\nimport { CuraSelectComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select';\nimport { SelectSelectedEvent } from '@rededor/site-front-end-lib/cura/forms/cura-select';\nimport { CuraSelectOptionComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select-option';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\nimport { CuraCheckboxComponent } from '@rededor/site-front-end-lib/cura/forms/cura-checkbox';\nimport { CuraButtonTransparentComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button-transparent';\nimport { CuraButtonComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button';\nimport { CuraLoaderCircleComponent } from '@rededor/site-front-end-lib/cura/loaders/cura-loader-circle';\n\ninterface CuraCheckboxOption<T = any> {\n value: T;\n checked: boolean;\n indeterminate?: boolean;\n}\n\n@Component({\n selector: 'rdsite-filter-planos-convenios',\n imports: [\n CommonModule,\n ReactiveFormsModule,\n CuraHeadingComponent,\n CuraInputTextComponent,\n CuraSelectComponent,\n CuraSelectOptionComponent,\n CuraIconComponent,\n CuraParagraphComponent,\n CuraCheckboxComponent,\n CuraButtonTransparentComponent,\n CuraButtonComponent,\n CuraLoaderCircleComponent,\n ],\n templateUrl: './filter-planos-convenios.component.html',\n styleUrls: ['./filter-planos-convenios.component.scss'],\n})\nexport class FilterPlanosConveniosComponent implements AfterViewInit {\n private readonly curaApiService = inject(CuraApiService);\n\n readonly filterChange = output<FilterPlanosConveniosChange>();\n readonly closeModal = output<boolean>();\n\n readonly withContainerStyle = input<boolean>(false);\n readonly isLoading = input<boolean>(false);\n readonly emitOnChange = input<boolean>(false);\n\n readonly initialEstado = input<Estados | string | number | null>(null);\n\n readonly estados = input<FilterPlanosConvenios[]>(\n Object.entries(Estados).map(([key, value]) => ({\n label: value,\n value: key,\n })),\n );\n\n readonly coberturas = input<FilterPlanosConveniosCobertura[]>([\n { label: 'Consultas', value: 'FLAG_ACEITA_AMBULATORIO', checked: false },\n { label: 'Emergência', value: 'FLAG_ACEITA_PS', checked: false },\n { label: 'Exames', value: 'FLAG_ACEITA_EXAME', checked: false },\n { label: 'Internação', value: 'FLAG_ACEITA_INTERNACAO', checked: false },\n ]);\n\n readonly unidadeControl = input(new FormControl<string | number | null>(''));\n readonly estadoControl = input(new FormControl<Estados | string | number | null>(''));\n coberturaControl = new FormControl<FilterPlanosConveniosCobertura[]>(this.coberturas() || []);\n\n @HostBinding('style') styleBinding = {\n '--neutral-darker': this.curaApiService.theme.colors.getColor('neutral-darker'),\n '--neutral-light': this.curaApiService.theme.colors.getColor('neutral-light'),\n '--neutral-lighter': this.curaApiService.theme.colors.getColor('neutral-lighter'),\n '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\n };\n\n ngAfterViewInit() {\n const estados = this.estados();\n if (this.initialEstado() && Array.isArray(estados) && estados.find((estado) => estado.value === this.initialEstado())) {\n setTimeout(() => {\n this.estadoControl().setValue(this.initialEstado());\n this.filter();\n }, 50);\n }\n }\n\n inputTextChange(detail: number | string) {\n this.unidadeControl().setValue(detail);\n if (this.emitOnChange()) {\n this.filterChange.emit({\n unidade: detail,\n estado: this.estadoControl().value,\n cobertura: this.coberturaControl.value || [],\n });\n }\n }\n\n selectChange({ value }: SelectSelectedEvent) {\n this.estadoControl().setValue(value);\n if (this.emitOnChange()) {\n this.filterChange.emit({\n unidade: this.unidadeControl().value,\n estado: value,\n cobertura: this.coberturaControl.value || [],\n });\n }\n }\n\n checkboxChange(detail: CuraCheckboxOption<string>) {\n const coberturas = this.coberturas();\n if (!coberturas) return;\n const currOption: FilterPlanosConveniosCobertura | undefined = coberturas.find((option: FilterPlanosConveniosCobertura) => option.value == detail.value);\n if (currOption) {\n currOption.checked = detail.checked;\n }\n this.coberturaControl.setValue(coberturas);\n if (this.emitOnChange()) {\n this.filterChange.emit({\n unidade: this.unidadeControl().value,\n estado: this.estadoControl().value,\n cobertura: this.coberturaControl.value || [],\n });\n }\n }\n\n filter(): void {\n this.filterChange.emit({\n unidade: this.unidadeControl().value,\n estado: this.estadoControl().value,\n cobertura: this.coberturaControl.value || [],\n });\n }\n\n reset(): void {\n const hasCoverage = this.coberturaControl.value!.some((cob) => cob.checked);\n const hasFilter = Boolean(this.unidadeControl().value) || Boolean(this.estadoControl().value) || Boolean(hasCoverage);\n this.closeModal.emit(!hasFilter);\n this.unidadeControl().reset('');\n this.estadoControl().reset('');\n this.coberturas().forEach((cobertura) => (cobertura.checked = false));\n this.coberturaControl.reset(this.coberturas());\n }\n}\n","<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle() }\">\n @if (!isLoading()) {\n <cura-heading size=\"small\" [level]=\"4\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\"> Refine sua busca </cura-heading>\n\n <div class=\"filter-planos-convenios-unidade\">\n <cura-input-text\n placeholder=\"Nome da unidade\"\n name=\"unidade-input\"\n iconName=\"search\"\n autocomplete=\"off\"\n [value]=\"unidadeControl().value\"\n (valueChange)=\"inputTextChange($event)\"\n ></cura-input-text>\n </div>\n\n <div class=\"filter-planos-convenios-estado\">\n @if (estados()) {\n <cura-select\n label=\"Selecione o estado\"\n placeholder=\"Faça a sua Seleção\"\n mode=\"default\"\n size=\"medium\"\n status=\"default\"\n [value]=\"estadoControl().value\"\n (selected)=\"selectChange($event)\"\n >\n <cura-select-option [value]=\"''\">Faça a sua Seleção</cura-select-option>\n\n @for (estado of estados() || []; track estado?.value) {\n <cura-select-option [value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\n }\n </cura-select>\n }\n </div>\n\n <div class=\"filter-planos-convenios-cobertura\">\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n <cura-heading size=\"xsmall\" [level]=\"5\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\">\n Filtre pela cobertura do seu plano\n </cura-heading>\n </div>\n\n <div class=\"filter-planos-convenios-content\">\n <cura-heading size=\"xsmall\" [level]=\"5\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\"> Tipos de cobertura </cura-heading>\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" marginBlock=\"0\">\n Você pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\n </cura-paragraph>\n </div>\n\n <div class=\"filter-planos-convenios-checkboxes\">\n @for (option of coberturas() || []; track option.value) {\n <cura-checkbox\n color=\"primary\"\n size=\"small\"\n iconColor=\"light\"\n [name]=\"option.label\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n [checked]=\"option.checked\"\n (onchange)=\"checkboxChange($event)\"\n >\n </cura-checkbox>\n }\n </div>\n\n <div class=\"filter-planos-convenios-buttons\">\n <cura-button-transparent size=\"small\" color=\"primary\" fontColor=\"dark\" textAlign=\"center\" (click)=\"reset()\">\n <span> Limpar todos os filtros </span>\n </cura-button-transparent>\n\n <cura-button size=\"medium\" color=\"primary\" fontColor=\"light\" background=\"light\" textAlign=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\n </div>\n } @else {\n <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\n }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"rededor-site-front-end-lib-components-filters-filter-planos-convenios.mjs","sources":["../../../projects/site-front-end-lib/components/filters/filter-planos-convenios/filter-planos-convenios.component.ts","../../../projects/site-front-end-lib/components/filters/filter-planos-convenios/filter-planos-convenios.component.html","../../../projects/site-front-end-lib/components/filters/filter-planos-convenios/rededor-site-front-end-lib-components-filters-filter-planos-convenios.ts"],"sourcesContent":["import { AfterViewInit, Component, HostBinding, input, output, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { FilterPlanosConvenios, FilterPlanosConveniosChange, FilterPlanosConveniosCobertura } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { Estados } from '@rededor/site-front-end-lib/enums';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';\nimport { CuraInputTextComponent } from '@rededor/site-front-end-lib/cura/forms/cura-input-text';\nimport { CuraSelectComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select';\nimport { SelectSelectedEvent } from '@rededor/site-front-end-lib/cura/forms/cura-select';\nimport { CuraSelectOptionComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select-option';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\nimport { CuraCheckboxComponent } from '@rededor/site-front-end-lib/cura/forms/cura-checkbox';\nimport { CuraButtonTransparentComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button-transparent';\nimport { CuraButtonComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button';\nimport { CuraLoaderCircleComponent } from '@rededor/site-front-end-lib/cura/loaders/cura-loader-circle';\n\ninterface CuraCheckboxOption<T = any> {\n value: T;\n checked: boolean;\n indeterminate?: boolean;\n}\n\n@Component({\n selector: 'rdsite-filter-planos-convenios',\n imports: [\n CommonModule,\n ReactiveFormsModule,\n CuraHeadingComponent,\n CuraInputTextComponent,\n CuraSelectComponent,\n CuraSelectOptionComponent,\n CuraIconComponent,\n CuraParagraphComponent,\n CuraCheckboxComponent,\n CuraButtonTransparentComponent,\n CuraButtonComponent,\n CuraLoaderCircleComponent,\n ],\n templateUrl: './filter-planos-convenios.component.html',\n styleUrls: ['./filter-planos-convenios.component.scss'],\n})\nexport class FilterPlanosConveniosComponent implements AfterViewInit {\n private readonly curaApiService = inject(CuraApiService);\n\n readonly filterChange = output<FilterPlanosConveniosChange>();\n readonly closeModal = output<boolean>();\n\n readonly withContainerStyle = input<boolean>(false);\n readonly isLoading = input<boolean>(false);\n readonly emitOnChange = input<boolean>(false);\n\n readonly initialEstado = input<Estados | string | number | null>(null);\n\n readonly estados = input<FilterPlanosConvenios[]>(\n Object.entries(Estados).map(([key, value]) => ({\n label: value,\n value: key,\n })),\n );\n\n readonly coberturas = input<FilterPlanosConveniosCobertura[]>([\n { label: 'Consultas', value: 'FLAG_ACEITA_AMBULATORIO', checked: false },\n { label: 'Emergência', value: 'FLAG_ACEITA_PS', checked: false },\n { label: 'Exames', value: 'FLAG_ACEITA_EXAME', checked: false },\n { label: 'Internação', value: 'FLAG_ACEITA_INTERNACAO', checked: false },\n ]);\n\n readonly unidadeControl = input(new FormControl<string | number | null>(''));\n readonly estadoControl = input(new FormControl<Estados | string | number | null>(''));\n coberturaControl = new FormControl<FilterPlanosConveniosCobertura[]>(this.coberturas() || []);\n\n @HostBinding('style') styleBinding = {\n '--neutral-darker': this.curaApiService.theme.colors.getColor('neutral-darker'),\n '--neutral-light': this.curaApiService.theme.colors.getColor('neutral-light'),\n '--neutral-lighter': this.curaApiService.theme.colors.getColor('neutral-lighter'),\n '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\n };\n\n ngAfterViewInit() {\n const estados = this.estados();\n if (this.initialEstado() && Array.isArray(estados) && estados.find((estado) => estado.value === this.initialEstado())) {\n setTimeout(() => {\n this.estadoControl().setValue(this.initialEstado());\n this.filter();\n }, 50);\n }\n }\n\n inputTextChange(detail: number | string) {\n this.unidadeControl().setValue(detail);\n if (this.emitOnChange()) {\n this.filterChange.emit({\n unidade: detail,\n estado: this.estadoControl().value,\n cobertura: this.coberturaControl.value || [],\n });\n }\n }\n\n selectChange({ value }: SelectSelectedEvent) {\n this.estadoControl().setValue(value);\n if (this.emitOnChange()) {\n this.filterChange.emit({\n unidade: this.unidadeControl().value,\n estado: value,\n cobertura: this.coberturaControl.value || [],\n });\n }\n }\n\n checkboxChange(detail: CuraCheckboxOption<string>) {\n const coberturas = this.coberturas();\n if (!coberturas) return;\n const currOption: FilterPlanosConveniosCobertura | undefined = coberturas.find((option: FilterPlanosConveniosCobertura) => option.value == detail.value);\n if (currOption) {\n currOption.checked = detail.checked;\n }\n this.coberturaControl.setValue(coberturas);\n if (this.emitOnChange()) {\n this.filterChange.emit({\n unidade: this.unidadeControl().value,\n estado: this.estadoControl().value,\n cobertura: this.coberturaControl.value || [],\n });\n }\n }\n\n filter(): void {\n this.filterChange.emit({\n unidade: this.unidadeControl().value,\n estado: this.estadoControl().value,\n cobertura: this.coberturaControl.value || [],\n });\n }\n\n reset(): void {\n const hasCoverage = this.coberturaControl.value!.some((cob) => cob.checked);\n const hasFilter = Boolean(this.unidadeControl().value) || Boolean(this.estadoControl().value) || Boolean(hasCoverage);\n this.closeModal.emit(!hasFilter);\n this.unidadeControl().reset('');\n this.estadoControl().reset('');\n this.coberturas().forEach((cobertura) => (cobertura.checked = false));\n this.coberturaControl.reset(this.coberturas());\n }\n}\n","<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle() }\">\n @if (!isLoading()) {\n <cura-heading size=\"small\" [level]=\"4\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\"> Refine sua busca </cura-heading>\n\n <div class=\"filter-planos-convenios-unidade\">\n <cura-input-text\n placeholder=\"Nome da unidade\"\n name=\"unidade-input\"\n iconName=\"search\"\n autocomplete=\"off\"\n [value]=\"unidadeControl().value\"\n (valueChange)=\"inputTextChange($event)\"\n ></cura-input-text>\n </div>\n\n <div class=\"filter-planos-convenios-estado\">\n @if (estados()) {\n <cura-select\n label=\"Selecione o estado\"\n placeholder=\"Faça a sua Seleção\"\n mode=\"default\"\n size=\"medium\"\n status=\"default\"\n [value]=\"estadoControl().value\"\n (selected)=\"selectChange($event)\"\n >\n <cura-select-option [value]=\"''\">Faça a sua Seleção</cura-select-option>\n\n @for (estado of estados() || []; track estado?.value) {\n <cura-select-option [value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\n }\n </cura-select>\n }\n </div>\n\n <div class=\"filter-planos-convenios-cobertura\">\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n <cura-heading size=\"xsmall\" [level]=\"5\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\">\n Filtre pela cobertura do seu plano\n </cura-heading>\n </div>\n\n <div class=\"filter-planos-convenios-content\">\n <cura-heading size=\"xsmall\" [level]=\"5\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\"> Tipos de cobertura </cura-heading>\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" marginBlock=\"0\">\n Você pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\n </cura-paragraph>\n </div>\n\n <div class=\"filter-planos-convenios-checkboxes\">\n @for (option of coberturas() || []; track option.value) {\n <cura-checkbox\n color=\"primary\"\n size=\"small\"\n iconColor=\"light\"\n [name]=\"option.label\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n [checked]=\"option.checked\"\n (onchange)=\"checkboxChange($event)\"\n >\n </cura-checkbox>\n }\n </div>\n\n <div class=\"filter-planos-convenios-buttons\">\n <cura-button-transparent size=\"small\" color=\"primary\" fontColor=\"dark\" textAlign=\"center\" (click)=\"reset()\">\n <span> Limpar todos os filtros </span>\n </cura-button-transparent>\n\n <cura-button size=\"medium\" color=\"primary\" fontColor=\"light\" background=\"light\" textAlign=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\n </div>\n } @else {\n <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\n }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -19,6 +19,7 @@ class ModalDrawerComponent {
|
|
|
19
19
|
this.componentStyle = model(RdsiteModalDrawerComponentStyle.DEFAULT, ...(ngDevMode ? [{ debugName: "componentStyle" }] : []));
|
|
20
20
|
this.assetsPath = computed(() => this.curaApiService.localAssetsPath(), ...(ngDevMode ? [{ debugName: "assetsPath" }] : []));
|
|
21
21
|
this.styleBinding = {
|
|
22
|
+
'--primary-dark': this.curaApiService.theme.colors.getColor('primary-dark', 0.9),
|
|
22
23
|
'--primary-base': this.curaApiService.theme.colors.getColor('primary-base'),
|
|
23
24
|
'--primary-light': this.curaApiService.theme.colors.getColor('primary-light'),
|
|
24
25
|
'--secondary-base': this.curaApiService.theme.colors.getColor('secondary-base'),
|
|
@@ -114,11 +115,11 @@ class ModalDrawerComponent {
|
|
|
114
115
|
this.modalContent.set(null);
|
|
115
116
|
}
|
|
116
117
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ModalDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
117
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ModalDrawerComponent, isStandalone: true, selector: "dialog[rdsite-modal-drawer]#rdsite-modal-drawer", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, modalContent: { classPropertyName: "modalContent", publicName: "modalContent", isSignal: true, isRequired: false, transformFunction: null }, componentStyle: { classPropertyName: "componentStyle", publicName: "componentStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { id: "idChange", modalContent: "modalContentChange", componentStyle: "componentStyleChange" }, host: { listeners: { "touchstart": "onDragStart($event)", "touchmove": "onDragMove($event)", "touchend": "onDragEnd($event)" }, properties: { "class": "this.classBinding", "style": "this.styleBinding" } }, ngImport: i0, template: "<div id=\"sheet\" class=\"sheet\" aria-hidden=\"true\" data-testid=\"__modal-drawer-sheet\">\n <div class=\"overlay\" data-testid=\"__modal-drawer-overlay\"></div>\n <div class=\"contents\" data-testid=\"__modal-drawer-contents\">\n <div class=\"controls\" data-testid=\"__modal-drawer-controls\">\n <div class=\"draggable-area\" data-testid=\"__modal-drawer-draggable-area\">\n <div class=\"draggable-thumb\" data-testid=\"__modal-drawer-draggable-thumb\"></div>\n </div>\n <a class=\"close-sheet\" type=\"button\" title=\"Close the sheet\" (click)=\"closeSheet()\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n </svg>\n </a>\n </div>\n <div class=\"body\" data-testid=\"__modal-drawer-body\">\n @if (modalContent()) {\n <ng-container>\n <ng-container *ngTemplateOutlet=\"modalContent()\"></ng-container>\n </ng-container>\n }\n </div>\n </div>\n</div>\n", styles: [":host .sheet{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:fixed;inset:0;z-index:9999;visibility:visible;transition:opacity .5s,visibility .5s}:host .sheet .overlay{position:absolute;inset:0;z-index:-1;background
|
|
118
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ModalDrawerComponent, isStandalone: true, selector: "dialog[rdsite-modal-drawer]#rdsite-modal-drawer", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, modalContent: { classPropertyName: "modalContent", publicName: "modalContent", isSignal: true, isRequired: false, transformFunction: null }, componentStyle: { classPropertyName: "componentStyle", publicName: "componentStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { id: "idChange", modalContent: "modalContentChange", componentStyle: "componentStyleChange" }, host: { listeners: { "touchstart": "onDragStart($event)", "touchmove": "onDragMove($event)", "touchend": "onDragEnd($event)" }, properties: { "class": "this.classBinding", "style": "this.styleBinding" } }, ngImport: i0, template: "<div id=\"sheet\" class=\"sheet\" aria-hidden=\"true\" data-testid=\"__modal-drawer-sheet\">\n <div class=\"overlay\" data-testid=\"__modal-drawer-overlay\"></div>\n <div class=\"contents\" data-testid=\"__modal-drawer-contents\">\n <div class=\"controls\" data-testid=\"__modal-drawer-controls\">\n <div class=\"draggable-area\" data-testid=\"__modal-drawer-draggable-area\">\n <div class=\"draggable-thumb\" data-testid=\"__modal-drawer-draggable-thumb\"></div>\n </div>\n <a class=\"close-sheet\" type=\"button\" title=\"Close the sheet\" (click)=\"closeSheet()\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n </svg>\n </a>\n </div>\n <div class=\"body\" data-testid=\"__modal-drawer-body\">\n @if (modalContent()) {\n <ng-container>\n <ng-container *ngTemplateOutlet=\"modalContent()\"></ng-container>\n </ng-container>\n }\n </div>\n </div>\n</div>\n", styles: [":host .sheet{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:fixed;inset:0;z-index:9999;visibility:visible;transition:opacity .5s,visibility .5s}:host .sheet .overlay{position:absolute;inset:0;z-index:-1;background:var(--primary-dark)}:host .sheet .contents{display:flex;flex-direction:column;border-radius:1rem 1rem 0 0;background:#fff;overflow-y:hidden;--default-transitions: transform .8s, border-radius .8s;transition:var(--default-transitions);transform:translateY(0);width:100%;box-sizing:border-box}:host .sheet .contents:not(.not-selectable){transition:var(--default-transitions),height .8s}:host .sheet .controls{display:flex;position:relative}:host .sheet .draggable-area{position:absolute;top:0;width:100%;height:80px;cursor:grab;background-color:#fff}:host .sheet .draggable-thumb{position:absolute;z-index:2;left:50%;translate:-50%;top:16px;width:58px;height:8px;background-color:#e9e9e9;border-radius:8px}:host .sheet .close-sheet{position:absolute;top:5px;right:5px}:host .sheet .close-sheet:hover rdsl-icon{stroke:var(--secondary-base)}:host .sheet .close-sheet:hover rdsl-icon ::ng-deep cura-icon{--color: var(--secondary-base) !important}:host .sheet .body{flex-grow:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;box-sizing:border-box}:host .sheet[aria-hidden=true] .contents{transform:translateY(100%)}:host .sheet[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}:host.doctor-card .draggable-area{background-color:#ccd9e7}:host.doctor-card .draggable-area .draggable-thumb{background-color:#85a0bc;border-radius:8px}:host.doctor-card .close-sheet{display:none}:host.doctor-card .img,:host.doctor-card .icon{position:absolute;z-index:2;left:50%;translate:-50%;top:32px;width:84px;height:84px;border-radius:65px;border:2px solid var(--primary-base);display:flex;justify-content:center;align-items:center}:host.doctor-card .img{background-position:50%;background-size:cover}:host.doctor-card .icon{background-color:#d7f3ff}:host.doctor-card .icon rdsl-icon{width:97%;height:auto}:host.doctor-card .icon rdsl-icon{stroke:var(--primary-base);stroke-width:3px}:host.doctor-card .icon rdsl-icon ::ng-deep cura-icon{--color: var(--primary-base) !important}:host.doctor-card p{text-align:left;padding-bottom:8px}:host.doctor-card .info{padding-top:120px}:host.doctor-card .info p{color:#4f4f4f;font-size:18px;font-weight:500;line-height:28px}:host.doctor-card .info .description p:first-of-type{color:#828282;font-size:12px;font-weight:400;line-height:125%}:host.doctor-card .info .description p:nth-of-type(2){color:var(--primary-base);font-size:12px;font-weight:400;line-height:125%}:host.doctor-card .info .curriculo{padding-top:20px;overflow-y:auto;max-height:40vh}:host.doctor-card .info .curriculo li{list-style:none;display:flex;gap:10px;text-align:left;margin-bottom:12px;font-size:14px;line-height:125%;color:#4a4a4a}:host.doctor-card .info .curriculo li:before{content:\"\";width:8px;height:8px;border-radius:50%;background-color:var(--secondary-base);display:block;flex-shrink:0;margin-top:5px}:host.doctor-card .schedule{padding-top:24px}:host.doctor-card .schedule .rdsl-button-small{width:100%;height:38px}:host.form-fallback .sheet .contents{height:40vh;width:90%}:host.form-fallback .sheet .contents .controls{display:none}:host.filter-doencas .sheet .contents{width:90%;border:2px solid #d4d4d4}:host.filter-doencas .sheet .contents .controls{display:none}:host.filter-doencas .sheet .contents .close-sheet{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
118
119
|
}
|
|
119
120
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ModalDrawerComponent, decorators: [{
|
|
120
121
|
type: Component,
|
|
121
|
-
args: [{ selector: 'dialog[rdsite-modal-drawer]#rdsite-modal-drawer', imports: [CommonModule], template: "<div id=\"sheet\" class=\"sheet\" aria-hidden=\"true\" data-testid=\"__modal-drawer-sheet\">\n <div class=\"overlay\" data-testid=\"__modal-drawer-overlay\"></div>\n <div class=\"contents\" data-testid=\"__modal-drawer-contents\">\n <div class=\"controls\" data-testid=\"__modal-drawer-controls\">\n <div class=\"draggable-area\" data-testid=\"__modal-drawer-draggable-area\">\n <div class=\"draggable-thumb\" data-testid=\"__modal-drawer-draggable-thumb\"></div>\n </div>\n <a class=\"close-sheet\" type=\"button\" title=\"Close the sheet\" (click)=\"closeSheet()\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n </svg>\n </a>\n </div>\n <div class=\"body\" data-testid=\"__modal-drawer-body\">\n @if (modalContent()) {\n <ng-container>\n <ng-container *ngTemplateOutlet=\"modalContent()\"></ng-container>\n </ng-container>\n }\n </div>\n </div>\n</div>\n", styles: [":host .sheet{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:fixed;inset:0;z-index:9999;visibility:visible;transition:opacity .5s,visibility .5s}:host .sheet .overlay{position:absolute;inset:0;z-index:-1;background
|
|
122
|
+
args: [{ selector: 'dialog[rdsite-modal-drawer]#rdsite-modal-drawer', imports: [CommonModule], template: "<div id=\"sheet\" class=\"sheet\" aria-hidden=\"true\" data-testid=\"__modal-drawer-sheet\">\n <div class=\"overlay\" data-testid=\"__modal-drawer-overlay\"></div>\n <div class=\"contents\" data-testid=\"__modal-drawer-contents\">\n <div class=\"controls\" data-testid=\"__modal-drawer-controls\">\n <div class=\"draggable-area\" data-testid=\"__modal-drawer-draggable-area\">\n <div class=\"draggable-thumb\" data-testid=\"__modal-drawer-draggable-thumb\"></div>\n </div>\n <a class=\"close-sheet\" type=\"button\" title=\"Close the sheet\" (click)=\"closeSheet()\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n </svg>\n </a>\n </div>\n <div class=\"body\" data-testid=\"__modal-drawer-body\">\n @if (modalContent()) {\n <ng-container>\n <ng-container *ngTemplateOutlet=\"modalContent()\"></ng-container>\n </ng-container>\n }\n </div>\n </div>\n</div>\n", styles: [":host .sheet{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:fixed;inset:0;z-index:9999;visibility:visible;transition:opacity .5s,visibility .5s}:host .sheet .overlay{position:absolute;inset:0;z-index:-1;background:var(--primary-dark)}:host .sheet .contents{display:flex;flex-direction:column;border-radius:1rem 1rem 0 0;background:#fff;overflow-y:hidden;--default-transitions: transform .8s, border-radius .8s;transition:var(--default-transitions);transform:translateY(0);width:100%;box-sizing:border-box}:host .sheet .contents:not(.not-selectable){transition:var(--default-transitions),height .8s}:host .sheet .controls{display:flex;position:relative}:host .sheet .draggable-area{position:absolute;top:0;width:100%;height:80px;cursor:grab;background-color:#fff}:host .sheet .draggable-thumb{position:absolute;z-index:2;left:50%;translate:-50%;top:16px;width:58px;height:8px;background-color:#e9e9e9;border-radius:8px}:host .sheet .close-sheet{position:absolute;top:5px;right:5px}:host .sheet .close-sheet:hover rdsl-icon{stroke:var(--secondary-base)}:host .sheet .close-sheet:hover rdsl-icon ::ng-deep cura-icon{--color: var(--secondary-base) !important}:host .sheet .body{flex-grow:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;box-sizing:border-box}:host .sheet[aria-hidden=true] .contents{transform:translateY(100%)}:host .sheet[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}:host.doctor-card .draggable-area{background-color:#ccd9e7}:host.doctor-card .draggable-area .draggable-thumb{background-color:#85a0bc;border-radius:8px}:host.doctor-card .close-sheet{display:none}:host.doctor-card .img,:host.doctor-card .icon{position:absolute;z-index:2;left:50%;translate:-50%;top:32px;width:84px;height:84px;border-radius:65px;border:2px solid var(--primary-base);display:flex;justify-content:center;align-items:center}:host.doctor-card .img{background-position:50%;background-size:cover}:host.doctor-card .icon{background-color:#d7f3ff}:host.doctor-card .icon rdsl-icon{width:97%;height:auto}:host.doctor-card .icon rdsl-icon{stroke:var(--primary-base);stroke-width:3px}:host.doctor-card .icon rdsl-icon ::ng-deep cura-icon{--color: var(--primary-base) !important}:host.doctor-card p{text-align:left;padding-bottom:8px}:host.doctor-card .info{padding-top:120px}:host.doctor-card .info p{color:#4f4f4f;font-size:18px;font-weight:500;line-height:28px}:host.doctor-card .info .description p:first-of-type{color:#828282;font-size:12px;font-weight:400;line-height:125%}:host.doctor-card .info .description p:nth-of-type(2){color:var(--primary-base);font-size:12px;font-weight:400;line-height:125%}:host.doctor-card .info .curriculo{padding-top:20px;overflow-y:auto;max-height:40vh}:host.doctor-card .info .curriculo li{list-style:none;display:flex;gap:10px;text-align:left;margin-bottom:12px;font-size:14px;line-height:125%;color:#4a4a4a}:host.doctor-card .info .curriculo li:before{content:\"\";width:8px;height:8px;border-radius:50%;background-color:var(--secondary-base);display:block;flex-shrink:0;margin-top:5px}:host.doctor-card .schedule{padding-top:24px}:host.doctor-card .schedule .rdsl-button-small{width:100%;height:38px}:host.form-fallback .sheet .contents{height:40vh;width:90%}:host.form-fallback .sheet .contents .controls{display:none}:host.filter-doencas .sheet .contents{width:90%;border:2px solid #d4d4d4}:host.filter-doencas .sheet .contents .controls{display:none}:host.filter-doencas .sheet .contents .close-sheet{display:none}\n"] }]
|
|
122
123
|
}], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }, { type: i0.Output, args: ["idChange"] }], modalContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalContent", required: false }] }, { type: i0.Output, args: ["modalContentChange"] }], componentStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "componentStyle", required: false }] }, { type: i0.Output, args: ["componentStyleChange"] }], classBinding: [{
|
|
123
124
|
type: HostBinding,
|
|
124
125
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rededor-site-front-end-lib-components-modal-drawer.mjs","sources":["../../../projects/site-front-end-lib/components/modal-drawer/modal-drawer.component.ts","../../../projects/site-front-end-lib/components/modal-drawer/modal-drawer.component.html","../../../projects/site-front-end-lib/components/modal-drawer/rededor-site-front-end-lib-components-modal-drawer.ts"],"sourcesContent":["import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { ChangeDetectorRef, Component, DOCUMENT, HostBinding, HostListener, inject, model, PLATFORM_ID, computed } from '@angular/core';\nimport { AbstractModalDrawerComponent, RdsiteModalDrawerComponentStyle } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n selector: 'dialog[rdsite-modal-drawer]#rdsite-modal-drawer',\n imports: [CommonModule],\n templateUrl: './modal-drawer.component.html',\n styleUrl: './modal-drawer.component.scss',\n})\nexport class ModalDrawerComponent implements AbstractModalDrawerComponent {\n private readonly curaApiService = inject(CuraApiService);\n private readonly platformId = inject(PLATFORM_ID);\n private readonly document = inject(DOCUMENT);\n private readonly cdr = inject(ChangeDetectorRef);\n\n sheet!: HTMLElement;\n sheetContents!: HTMLElement;\n draggableArea!: HTMLElement;\n sheetHeight!: number;\n dragPosition!: number;\n maxHeight = 75; // isso também pode ser controlado pelo service\n\n closeHeight = this.maxHeight / 1.5;\n\n rdsiteModalComponentStyle = RdsiteModalDrawerComponentStyle;\n\n id = model<string>('default');\n modalContent = model<any>();\n componentStyle = model<RdsiteModalDrawerComponentStyle>(RdsiteModalDrawerComponentStyle.DEFAULT);\n\n modal!: HTMLDialogElement;\n\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n @HostBinding('class') get classBinding() {\n return {\n 'filter-doencas': this.componentStyle() === RdsiteModalDrawerComponentStyle.FILTERDOENCAS,\n };\n }\n\n @HostBinding('style') styleBinding = {\n '--primary-base': this.curaApiService.theme.colors.getColor('primary-base'),\n '--primary-light': this.curaApiService.theme.colors.getColor('primary-light'),\n '--secondary-base': this.curaApiService.theme.colors.getColor('secondary-base'),\n };\n\n ngOnInit() {\n this.modal = this.document.getElementById('rdsite-modal-drawer') as HTMLDialogElement;\n }\n\n ngAfterViewInit(): void {\n if (isPlatformBrowser(this.platformId)) {\n this.sheet = this.document.querySelector('#sheet')!;\n this.sheetContents = this.sheet.querySelector('.contents')!;\n this.draggableArea = this.sheet.querySelector('.draggable-area')!;\n }\n }\n\n setSheetHeight(value: number) {\n this.sheetHeight = Math.max(0, Math.min(100, value));\n if (this.sheetHeight > this.maxHeight) {\n return;\n }\n this.sheetContents.style.height = `${this.sheetHeight}vh`;\n }\n\n setIsSheetShown(isShown: boolean) {\n this.sheet.setAttribute('aria-hidden', String(!isShown));\n if (isPlatformBrowser(this.platformId) && !isShown) {\n const body = this.document.querySelector('body');\n if (body) {\n body.style.overflowY = 'auto';\n }\n }\n }\n\n openSheet() {\n if (this.componentStyle() === RdsiteModalDrawerComponentStyle.FORMFALLBACK) {\n this.maxHeight = 45;\n this.closeHeight = this.maxHeight / 1.5;\n }\n if (isPlatformBrowser(this.platformId)) {\n const body = this.document.querySelector('body');\n if (body) {\n body.style.overflowY = 'hidden';\n this.cdr.detectChanges();\n (this.modal as any).showModal();\n this.setSheetHeight(Math.min(this.maxHeight, (720 / window.innerHeight) * 100));\n this.setIsSheetShown(true);\n }\n }\n }\n\n closeSheet() {\n if (isPlatformBrowser(this.platformId)) {\n const body = this.document.querySelector('body');\n if (body) {\n body.style.overflowY = 'auto';\n (this.modal as any).close();\n this.reset();\n this.setIsSheetShown(false);\n }\n }\n }\n\n touchPosition(event: any) {\n return event?.touches ? event.touches[0] : event;\n }\n\n @HostListener('touchstart', ['$event'])\n onDragStart(event: TouchEvent) {\n this.dragPosition = this.touchPosition(event).pageY;\n this.sheetContents.classList.add('not-selectable');\n this.draggableArea.style.cursor = this.document.body.style.cursor = 'grabbing';\n }\n\n @HostListener('touchmove', ['$event'])\n onDragMove(event: TouchEvent) {\n if (this.dragPosition === undefined) return;\n\n const y = this.touchPosition(event).pageY;\n const deltaY = this.dragPosition - y;\n const deltaHeight = (deltaY / window.innerHeight) * 100;\n\n this.setSheetHeight(this.sheetHeight + deltaHeight);\n this.dragPosition = y;\n }\n\n @HostListener('touchend', ['$event'])\n onDragEnd() {\n this.dragPosition = 0;\n this.sheetContents.classList.remove('not-selectable');\n this.draggableArea.style.cursor = this.document.body.style.cursor = '';\n\n if (this.sheetHeight < this.closeHeight) {\n this.closeSheet();\n } else {\n this.setSheetHeight(this.maxHeight);\n }\n }\n\n public reset() {\n this.modalContent.set(null as any);\n }\n}\n","<div id=\"sheet\" class=\"sheet\" aria-hidden=\"true\" data-testid=\"__modal-drawer-sheet\">\n <div class=\"overlay\" data-testid=\"__modal-drawer-overlay\"></div>\n <div class=\"contents\" data-testid=\"__modal-drawer-contents\">\n <div class=\"controls\" data-testid=\"__modal-drawer-controls\">\n <div class=\"draggable-area\" data-testid=\"__modal-drawer-draggable-area\">\n <div class=\"draggable-thumb\" data-testid=\"__modal-drawer-draggable-thumb\"></div>\n </div>\n <a class=\"close-sheet\" type=\"button\" title=\"Close the sheet\" (click)=\"closeSheet()\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n </svg>\n </a>\n </div>\n <div class=\"body\" data-testid=\"__modal-drawer-body\">\n @if (modalContent()) {\n <ng-container>\n <ng-container *ngTemplateOutlet=\"modalContent()\"></ng-container>\n </ng-container>\n }\n </div>\n </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"rededor-site-front-end-lib-components-modal-drawer.mjs","sources":["../../../projects/site-front-end-lib/components/modal-drawer/modal-drawer.component.ts","../../../projects/site-front-end-lib/components/modal-drawer/modal-drawer.component.html","../../../projects/site-front-end-lib/components/modal-drawer/rededor-site-front-end-lib-components-modal-drawer.ts"],"sourcesContent":["import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { ChangeDetectorRef, Component, DOCUMENT, HostBinding, HostListener, inject, model, PLATFORM_ID, computed } from '@angular/core';\nimport { AbstractModalDrawerComponent, RdsiteModalDrawerComponentStyle } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n selector: 'dialog[rdsite-modal-drawer]#rdsite-modal-drawer',\n imports: [CommonModule],\n templateUrl: './modal-drawer.component.html',\n styleUrl: './modal-drawer.component.scss',\n})\nexport class ModalDrawerComponent implements AbstractModalDrawerComponent {\n private readonly curaApiService = inject(CuraApiService);\n private readonly platformId = inject(PLATFORM_ID);\n private readonly document = inject(DOCUMENT);\n private readonly cdr = inject(ChangeDetectorRef);\n\n sheet!: HTMLElement;\n sheetContents!: HTMLElement;\n draggableArea!: HTMLElement;\n sheetHeight!: number;\n dragPosition!: number;\n maxHeight = 75; // isso também pode ser controlado pelo service\n\n closeHeight = this.maxHeight / 1.5;\n\n rdsiteModalComponentStyle = RdsiteModalDrawerComponentStyle;\n\n id = model<string>('default');\n modalContent = model<any>();\n componentStyle = model<RdsiteModalDrawerComponentStyle>(RdsiteModalDrawerComponentStyle.DEFAULT);\n\n modal!: HTMLDialogElement;\n\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n @HostBinding('class') get classBinding() {\n return {\n 'filter-doencas': this.componentStyle() === RdsiteModalDrawerComponentStyle.FILTERDOENCAS,\n };\n }\n\n @HostBinding('style') styleBinding = {\n '--primary-dark': this.curaApiService.theme.colors.getColor('primary-dark', 0.9),\n '--primary-base': this.curaApiService.theme.colors.getColor('primary-base'),\n '--primary-light': this.curaApiService.theme.colors.getColor('primary-light'),\n '--secondary-base': this.curaApiService.theme.colors.getColor('secondary-base'),\n };\n\n ngOnInit() {\n this.modal = this.document.getElementById('rdsite-modal-drawer') as HTMLDialogElement;\n }\n\n ngAfterViewInit(): void {\n if (isPlatformBrowser(this.platformId)) {\n this.sheet = this.document.querySelector('#sheet')!;\n this.sheetContents = this.sheet.querySelector('.contents')!;\n this.draggableArea = this.sheet.querySelector('.draggable-area')!;\n }\n }\n\n setSheetHeight(value: number) {\n this.sheetHeight = Math.max(0, Math.min(100, value));\n if (this.sheetHeight > this.maxHeight) {\n return;\n }\n this.sheetContents.style.height = `${this.sheetHeight}vh`;\n }\n\n setIsSheetShown(isShown: boolean) {\n this.sheet.setAttribute('aria-hidden', String(!isShown));\n if (isPlatformBrowser(this.platformId) && !isShown) {\n const body = this.document.querySelector('body');\n if (body) {\n body.style.overflowY = 'auto';\n }\n }\n }\n\n openSheet() {\n if (this.componentStyle() === RdsiteModalDrawerComponentStyle.FORMFALLBACK) {\n this.maxHeight = 45;\n this.closeHeight = this.maxHeight / 1.5;\n }\n if (isPlatformBrowser(this.platformId)) {\n const body = this.document.querySelector('body');\n if (body) {\n body.style.overflowY = 'hidden';\n this.cdr.detectChanges();\n (this.modal as any).showModal();\n this.setSheetHeight(Math.min(this.maxHeight, (720 / window.innerHeight) * 100));\n this.setIsSheetShown(true);\n }\n }\n }\n\n closeSheet() {\n if (isPlatformBrowser(this.platformId)) {\n const body = this.document.querySelector('body');\n if (body) {\n body.style.overflowY = 'auto';\n (this.modal as any).close();\n this.reset();\n this.setIsSheetShown(false);\n }\n }\n }\n\n touchPosition(event: any) {\n return event?.touches ? event.touches[0] : event;\n }\n\n @HostListener('touchstart', ['$event'])\n onDragStart(event: TouchEvent) {\n this.dragPosition = this.touchPosition(event).pageY;\n this.sheetContents.classList.add('not-selectable');\n this.draggableArea.style.cursor = this.document.body.style.cursor = 'grabbing';\n }\n\n @HostListener('touchmove', ['$event'])\n onDragMove(event: TouchEvent) {\n if (this.dragPosition === undefined) return;\n\n const y = this.touchPosition(event).pageY;\n const deltaY = this.dragPosition - y;\n const deltaHeight = (deltaY / window.innerHeight) * 100;\n\n this.setSheetHeight(this.sheetHeight + deltaHeight);\n this.dragPosition = y;\n }\n\n @HostListener('touchend', ['$event'])\n onDragEnd() {\n this.dragPosition = 0;\n this.sheetContents.classList.remove('not-selectable');\n this.draggableArea.style.cursor = this.document.body.style.cursor = '';\n\n if (this.sheetHeight < this.closeHeight) {\n this.closeSheet();\n } else {\n this.setSheetHeight(this.maxHeight);\n }\n }\n\n public reset() {\n this.modalContent.set(null as any);\n }\n}\n","<div id=\"sheet\" class=\"sheet\" aria-hidden=\"true\" data-testid=\"__modal-drawer-sheet\">\n <div class=\"overlay\" data-testid=\"__modal-drawer-overlay\"></div>\n <div class=\"contents\" data-testid=\"__modal-drawer-contents\">\n <div class=\"controls\" data-testid=\"__modal-drawer-controls\">\n <div class=\"draggable-area\" data-testid=\"__modal-drawer-draggable-area\">\n <div class=\"draggable-thumb\" data-testid=\"__modal-drawer-draggable-thumb\"></div>\n </div>\n <a class=\"close-sheet\" type=\"button\" title=\"Close the sheet\" (click)=\"closeSheet()\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n </svg>\n </a>\n </div>\n <div class=\"body\" data-testid=\"__modal-drawer-body\">\n @if (modalContent()) {\n <ng-container>\n <ng-container *ngTemplateOutlet=\"modalContent()\"></ng-container>\n </ng-container>\n }\n </div>\n </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -34,7 +34,7 @@ class PageHeaderComponent {
|
|
|
34
34
|
};
|
|
35
35
|
}
|
|
36
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { preTitle: { classPropertyName: "preTitle", publicName: "preTitle", isSignal: true, isRequired: false, transformFunction: null }, pageTitle: { classPropertyName: "pageTitle", publicName: "pageTitle", isSignal: true, isRequired: false, transformFunction: null }, pageHeaderText: { classPropertyName: "pageHeaderText", publicName: "pageHeaderText", isSignal: true, isRequired: false, transformFunction: null }, hasPadding: { classPropertyName: "hasPadding", publicName: "hasPadding", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, imgUrl: { classPropertyName: "imgUrl", publicName: "imgUrl", isSignal: true, isRequired: false, transformFunction: null }, imgMimeType: { classPropertyName: "imgMimeType", publicName: "imgMimeType", isSignal: true, isRequired: false, transformFunction: null }, imgAlt: { classPropertyName: "imgAlt", publicName: "imgAlt", isSignal: true, isRequired: false, transformFunction: null }, imgTitle: { classPropertyName: "imgTitle", publicName: "imgTitle", isSignal: true, isRequired: false, transformFunction: null }, starTheme: { classPropertyName: "starTheme", publicName: "starTheme", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbsLabelIconColor: { classPropertyName: "breadcrumbsLabelIconColor", publicName: "breadcrumbsLabelIconColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding(), starTheme: starTheme() }\">\n <div class=\"page-header-container\">\n @if (breadcrumbs().length) {\n <rdsite-breadcrumbs [labelIconColor]=\"breadcrumbsLabelIconColor()\" [breadcrumbs]=\"breadcrumbs()\"></rdsite-breadcrumbs>\n }\n <div class=\"page-header-content\">\n @if (imgUrl()) {\n <rdsite-image [imageDefaultSrc]=\"imgUrl()\" [mimeType]=\"imgMimeType()\" [alt]=\"imgAlt()\" [title]=\"imgTitle()\" loading=\"eager\"></rdsite-image>\n }\n\n <div class=\"page-header-content-info\">\n @if (preTitle()) {\n <h2>{{ preTitle() }}</h2>\n }\n @if (pageTitle()) {\n <h1>{{ pageTitle() }}</h1>\n }\n @if (pageHeaderText()) {\n <cura-paragraph [color]=\"starTheme() ? 'neutral-black' : 'neutral-purewhite'\" marginBlock=\"0\">{{ pageHeaderText() }}</cura-paragraph>\n }\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-container{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-container.full-container{width:100%;max-width:100%}.page-header-container .page-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.page-header-container .page-header-content rdsite-image{width:120px;height:120px;border-radius:50%;margin-top:16px}.page-header-container .page-header-content-info{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.page-header-container .page-header-content-info h2{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:19px;font-weight:700;line-height:28px;letter-spacing:0;text-transform:uppercase}.page-header-container .page-header-content-info h2:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--primary-lighter);margin:8px auto 0}.page-header-container .page-header-content-info h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-container .page-header-content-info h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@media screen and (min-width: 769px){.page-header .page-header-container{gap:12px;padding:50px 0}.page-header .page-header-container .page-header-content{flex-direction:row;align-items:flex-start;gap:40px}.page-header .page-header-container .page-header-content rdsite-image{margin-top:0}.page-header .page-header-container .page-header-content-info{align-items:flex-start}.page-header.more-padding{padding-inline:102px}}.page-header.starTheme .page-header-container .page-header-content-info h2{color:var(--neutral-black);font-weight:300}.page-header.starTheme .page-header-container .page-header-content-info h1{color:var(--secondary-darker);font-weight:300}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"], outputs: ["imageDefaultSrcChange", "mimeTypeChange"] }] }); }
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { preTitle: { classPropertyName: "preTitle", publicName: "preTitle", isSignal: true, isRequired: false, transformFunction: null }, pageTitle: { classPropertyName: "pageTitle", publicName: "pageTitle", isSignal: true, isRequired: false, transformFunction: null }, pageHeaderText: { classPropertyName: "pageHeaderText", publicName: "pageHeaderText", isSignal: true, isRequired: false, transformFunction: null }, hasPadding: { classPropertyName: "hasPadding", publicName: "hasPadding", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, imgUrl: { classPropertyName: "imgUrl", publicName: "imgUrl", isSignal: true, isRequired: false, transformFunction: null }, imgMimeType: { classPropertyName: "imgMimeType", publicName: "imgMimeType", isSignal: true, isRequired: false, transformFunction: null }, imgAlt: { classPropertyName: "imgAlt", publicName: "imgAlt", isSignal: true, isRequired: false, transformFunction: null }, imgTitle: { classPropertyName: "imgTitle", publicName: "imgTitle", isSignal: true, isRequired: false, transformFunction: null }, starTheme: { classPropertyName: "starTheme", publicName: "starTheme", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbsLabelIconColor: { classPropertyName: "breadcrumbsLabelIconColor", publicName: "breadcrumbsLabelIconColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding(), starTheme: starTheme() }\">\n <div class=\"page-header-container\">\n @if (breadcrumbs().length) {\n <rdsite-breadcrumbs [labelIconColor]=\"breadcrumbsLabelIconColor()\" [breadcrumbs]=\"breadcrumbs()\"></rdsite-breadcrumbs>\n }\n <div class=\"page-header-content\">\n @if (imgUrl()) {\n <rdsite-image [imageDefaultSrc]=\"imgUrl()\" [mimeType]=\"imgMimeType()\" [alt]=\"imgAlt()\" [title]=\"imgTitle()\" loading=\"eager\"></rdsite-image>\n }\n\n <div class=\"page-header-content-info\">\n @if (preTitle()) {\n <h2>{{ preTitle() }}</h2>\n }\n @if (pageTitle()) {\n <h1>{{ pageTitle() }}</h1>\n }\n @if (pageHeaderText()) {\n <cura-paragraph [color]=\"starTheme() ? 'neutral-black' : 'neutral-purewhite'\" marginBlock=\"0\">{{ pageHeaderText() }}</cura-paragraph>\n }\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-container{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-container.full-container{width:100%;max-width:100%}.page-header-container .page-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.page-header-container .page-header-content rdsite-image{width:120px;height:120px;border-radius:50%;margin-top:16px}.page-header-container .page-header-content-info{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.page-header-container .page-header-content-info h2{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:19px;font-weight:700;line-height:28px;letter-spacing:0;text-transform:uppercase}.page-header-container .page-header-content-info h2:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--primary-lighter);margin:8px auto 0}.page-header-container .page-header-content-info h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-container .page-header-content-info h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@media screen and (min-width: 769px){.page-header .page-header-container{gap:12px;padding:50px 0}.page-header .page-header-container .page-header-content{flex-direction:row;align-items:flex-start;gap:40px}.page-header .page-header-container .page-header-content rdsite-image{margin-top:0}.page-header .page-header-container .page-header-content-info{align-items:flex-start}.page-header.more-padding{padding-inline:102px}}.page-header.starTheme .page-header-container .page-header-content-info h2{color:var(--neutral-black);font-weight:300}.page-header.starTheme .page-header-container .page-header-content-info h1{color:var(--secondary-darker);font-weight:300}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs", "mobileBackView"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"], outputs: ["imageDefaultSrcChange", "mimeTypeChange"] }] }); }
|
|
38
38
|
}
|
|
39
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
40
40
|
type: Component,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rededor-site-front-end-lib-components-page-header.mjs","sources":["../../../projects/site-front-end-lib/components/page-header/page-header.component.ts","../../../projects/site-front-end-lib/components/page-header/page-header.component.html","../../../projects/site-front-end-lib/components/page-header/rededor-site-front-end-lib-components-page-header.ts"],"sourcesContent":["import { Component, HostBinding, input, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BreadcrumbsItems } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { BreadcrumbsComponent } from '@rededor/site-front-end-lib/components/breadcrumbs';\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\nimport { ImageComponent } from '@rededor/site-front-end-lib/components/image';\n\n@Component({\n selector: 'rdsite-page-header',\n imports: [CommonModule, BreadcrumbsComponent, CuraParagraphComponent, ImageComponent],\n templateUrl: './page-header.component.html',\n styleUrls: ['./page-header.component.scss'],\n})\nexport class PageHeaderComponent {\n private readonly curaApiService = inject(CuraApiService);\n\n readonly preTitle = input<string>('');\n readonly pageTitle = input<string>('');\n readonly pageHeaderText = input<string>('');\n readonly hasPadding = input<boolean>(false);\n readonly breadcrumbs = input<BreadcrumbsItems[]>([]);\n readonly bgColor = input<string>('primary-base');\n readonly imgUrl = input<string>('');\n readonly imgMimeType = input<any>('');\n readonly imgAlt = input<string>('Imagem do header');\n readonly imgTitle = input<string>('Imagem do header');\n readonly starTheme = input<boolean>(false);\n readonly breadcrumbsLabelIconColor = input<string>('neutral-purewhite');\n\n @HostBinding('style') get style() {\n return {\n '--bg-color': this.starTheme() ? '#F7F5F1' : this.curaApiService.theme.colors.getColor(this.bgColor()),\n '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\n '--neutral-black': this.curaApiService.theme.colors.getColor('neutral-black'),\n '--primary-lighter': this.curaApiService.theme.colors.getColor('primary-lighter'),\n '--secondary-darker': this.curaApiService.theme.colors.getColor('secondary-darker'),\n '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n };\n }\n}\n","<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding(), starTheme: starTheme() }\">\n <div class=\"page-header-container\">\n @if (breadcrumbs().length) {\n <rdsite-breadcrumbs [labelIconColor]=\"breadcrumbsLabelIconColor()\" [breadcrumbs]=\"breadcrumbs()\"></rdsite-breadcrumbs>\n }\n <div class=\"page-header-content\">\n @if (imgUrl()) {\n <rdsite-image [imageDefaultSrc]=\"imgUrl()\" [mimeType]=\"imgMimeType()\" [alt]=\"imgAlt()\" [title]=\"imgTitle()\" loading=\"eager\"></rdsite-image>\n }\n\n <div class=\"page-header-content-info\">\n @if (preTitle()) {\n <h2>{{ preTitle() }}</h2>\n }\n @if (pageTitle()) {\n <h1>{{ pageTitle() }}</h1>\n }\n @if (pageHeaderText()) {\n <cura-paragraph [color]=\"starTheme() ? 'neutral-black' : 'neutral-purewhite'\" marginBlock=\"0\">{{ pageHeaderText() }}</cura-paragraph>\n }\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"rededor-site-front-end-lib-components-page-header.mjs","sources":["../../../projects/site-front-end-lib/components/page-header/page-header.component.ts","../../../projects/site-front-end-lib/components/page-header/page-header.component.html","../../../projects/site-front-end-lib/components/page-header/rededor-site-front-end-lib-components-page-header.ts"],"sourcesContent":["import { Component, HostBinding, input, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BreadcrumbsItems } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { BreadcrumbsComponent } from '@rededor/site-front-end-lib/components/breadcrumbs';\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\nimport { ImageComponent } from '@rededor/site-front-end-lib/components/image';\n\n@Component({\n selector: 'rdsite-page-header',\n imports: [CommonModule, BreadcrumbsComponent, CuraParagraphComponent, ImageComponent],\n templateUrl: './page-header.component.html',\n styleUrls: ['./page-header.component.scss'],\n})\nexport class PageHeaderComponent {\n private readonly curaApiService = inject(CuraApiService);\n\n readonly preTitle = input<string>('');\n readonly pageTitle = input<string>('');\n readonly pageHeaderText = input<string>('');\n readonly hasPadding = input<boolean>(false);\n readonly breadcrumbs = input<BreadcrumbsItems[]>([]);\n readonly bgColor = input<string>('primary-base');\n readonly imgUrl = input<string>('');\n readonly imgMimeType = input<any>('');\n readonly imgAlt = input<string>('Imagem do header');\n readonly imgTitle = input<string>('Imagem do header');\n readonly starTheme = input<boolean>(false);\n readonly breadcrumbsLabelIconColor = input<string>('neutral-purewhite');\n\n @HostBinding('style') get style() {\n return {\n '--bg-color': this.starTheme() ? '#F7F5F1' : this.curaApiService.theme.colors.getColor(this.bgColor()),\n '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\n '--neutral-black': this.curaApiService.theme.colors.getColor('neutral-black'),\n '--primary-lighter': this.curaApiService.theme.colors.getColor('primary-lighter'),\n '--secondary-darker': this.curaApiService.theme.colors.getColor('secondary-darker'),\n '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n };\n }\n}\n","<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding(), starTheme: starTheme() }\">\n <div class=\"page-header-container\">\n @if (breadcrumbs().length) {\n <rdsite-breadcrumbs [labelIconColor]=\"breadcrumbsLabelIconColor()\" [breadcrumbs]=\"breadcrumbs()\"></rdsite-breadcrumbs>\n }\n <div class=\"page-header-content\">\n @if (imgUrl()) {\n <rdsite-image [imageDefaultSrc]=\"imgUrl()\" [mimeType]=\"imgMimeType()\" [alt]=\"imgAlt()\" [title]=\"imgTitle()\" loading=\"eager\"></rdsite-image>\n }\n\n <div class=\"page-header-content-info\">\n @if (preTitle()) {\n <h2>{{ preTitle() }}</h2>\n }\n @if (pageTitle()) {\n <h1>{{ pageTitle() }}</h1>\n }\n @if (pageHeaderText()) {\n <cura-paragraph [color]=\"starTheme() ? 'neutral-black' : 'neutral-purewhite'\" marginBlock=\"0\">{{ pageHeaderText() }}</cura-paragraph>\n }\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject,
|
|
2
|
+
import { inject, input, model, output, computed, forwardRef, Component } from '@angular/core';
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
|
4
4
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
5
5
|
import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
|
|
@@ -11,6 +11,10 @@ import { formsSizes } from '@rededor/site-front-end-lib/cura/forms';
|
|
|
11
11
|
class CuraCheckboxComponent {
|
|
12
12
|
constructor() {
|
|
13
13
|
this.curaApi = inject(CuraApiService);
|
|
14
|
+
/**
|
|
15
|
+
* When true, suppresses rendering of the check/indeterminate icon.
|
|
16
|
+
*/
|
|
17
|
+
this.disableCheckIcon = input(false, ...(ngDevMode ? [{ debugName: "disableCheckIcon" }] : []));
|
|
14
18
|
/**
|
|
15
19
|
* Reflects the checked state of the checkbox.
|
|
16
20
|
* Using model for two-way binding and form control integration.
|
|
@@ -221,13 +225,13 @@ class CuraCheckboxComponent {
|
|
|
221
225
|
});
|
|
222
226
|
}
|
|
223
227
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
224
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CuraCheckboxComponent, isStandalone: true, selector: "cura-checkbox", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, ontabindex: { classPropertyName: "ontabindex", publicName: "ontabindex", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, iconColor: { classPropertyName: "iconColor", publicName: "iconColor", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, overflowLabel: { classPropertyName: "overflowLabel", publicName: "overflowLabel", isSignal: true, isRequired: false, transformFunction: null }, overflowHelper: { classPropertyName: "overflowHelper", publicName: "overflowHelper", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", indeterminate: "indeterminateChange", value: "valueChange", onchange: "onchange" }, host: { attributes: { "role": "checkbox" }, properties: { "attr.aria-checked": "checked()", "attr.aria-disabled": "disabled()", "attr.aria-required": "required()", "attr.aria-invalid": "status() === \"error\"" } }, providers: [
|
|
228
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CuraCheckboxComponent, isStandalone: true, selector: "cura-checkbox", inputs: { disableCheckIcon: { classPropertyName: "disableCheckIcon", publicName: "disableCheckIcon", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, ontabindex: { classPropertyName: "ontabindex", publicName: "ontabindex", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, iconColor: { classPropertyName: "iconColor", publicName: "iconColor", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, overflowLabel: { classPropertyName: "overflowLabel", publicName: "overflowLabel", isSignal: true, isRequired: false, transformFunction: null }, overflowHelper: { classPropertyName: "overflowHelper", publicName: "overflowHelper", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", indeterminate: "indeterminateChange", value: "valueChange", onchange: "onchange" }, host: { attributes: { "role": "checkbox" }, properties: { "attr.aria-checked": "checked()", "attr.aria-disabled": "disabled()", "attr.aria-required": "required()", "attr.aria-invalid": "status() === \"error\"" } }, providers: [
|
|
225
229
|
{
|
|
226
230
|
provide: NG_VALUE_ACCESSOR,
|
|
227
231
|
useExisting: forwardRef(() => CuraCheckboxComponent),
|
|
228
232
|
multi: true,
|
|
229
233
|
},
|
|
230
|
-
], ngImport: i0, template: "<div [class]=\"containerClasses()\" [style]=\"styles()\" (click)=\"handleClick()\">\n <div class=\"info\">\n <div class=\"label-wrapper\">\n <cura-label [textOverflow]=\"overflowLabel()\" [class]=\"labelClasses()\" weight=\"bold\" [size]=\"labelSize()\" [color]=\"labelColor()\">\n {{ label() }}\n </cura-label>\n\n @if (required()) {\n <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\"> * </cura-paragraph>\n }\n </div>\n\n <cura-label [textOverflow]=\"overflowHelper()\" [color]=\"messageColor()\" size=\"xsmall\" [class]=\"messageClasses()\">\n <ng-content></ng-content>\n </cura-label>\n </div>\n\n <div class=\"checkbox\" [tabIndex]=\"ontabindex()\">\n <input\n type=\"checkbox\"\n [name]=\"name()\"\n [value]=\"value()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n [checked]=\"checked()\"\n [indeterminate]=\"indeterminate()\"\n (keydown.space)=\"handleClick()\"\n (keydown.enter)=\"handleClick()\"\n />\n\n @if (checked() || indeterminate()) {\n <cura-icon class=\"icon\" [name]=\"iconName()\" [size]=\"iconSizeValue()\" [color]=\"iconColorValue()\"> </cura-icon>\n }\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;box-sizing:border-box;min-width:0}.container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer;font-family:var(--font-family)}.position.container{flex-direction:row}.position .label-wrapper{justify-content:end}.position .message{text-align:right}.position .label{order:1}.info{display:flex;flex-direction:column;overflow:hidden}.label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}.control{width:fit-content;cursor:pointer;position:relative}.checkbox{appearance:none;border:2px solid var(--neutral-base-neutral-medium);border-radius:4px;background:var(--neutral-black-neutral-purewhite);flex:1 0;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;width:var(--size);height:var(--size);flex:0 0 var(--size)}.icon{position:absolute;display:flex;opacity:0;transition:opacity .3s}.checkbox:focus{border-color:var(--info-base)!important}.disabled .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base);cursor:not-allowed}.disabled .checkbox:hover{border-color:var(--neutral-darker-neutral-base)!important}.disabled.checked .checkbox,.disabled.indeterminate .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base)}.disabled.checked .checkbox:hover,.disabled.indeterminate .checkbox:hover{border-color:var(--neutral-base-neutral-white);background:var(--primary-base-neutral-white)}.disabled .checkbox:focus{border-color:var(--neutral-darker-neutral-base)!important}.checked .checkbox{border-color:var(--color-dark);background:var(--color-base)}.checked .checkbox:hover{border-color:var(--color-base)!important;background:var(--color-light)}.indeterminate .checkbox{border-color:var(--color-base);background:var(--color-light)}.indeterminate .checkbox:hover{border-color:var(--color-dark)!important;background:var(--color-base)}.checked .icon,.indeterminate .icon{opacity:1}:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover{border-color:var(--neutral-purewhite-neutral-dark)}.success.dark .checkbox{background:var(--neutral-black)}.success .checkbox{border-color:var(--success-base);background:var(--success-lighter)}.success .checkbox:hover{border-color:var(--success-base)!important}.success.checked .checkbox{border-color:var(--success-dark-base);background:var(--success-base-lighter)}.success.checked .checkbox:hover{border-color:var(--success-dark-base)}.error.dark .checkbox{background:var(--neutral-black)}.error .checkbox{border-color:var(--error-base);background:var(--error-lighter)}.error .checkbox:hover{border-color:var(--error-base)!important}.error.checked .checkbox{border-color:var(--error-dark-base);background:var(--error-base-lighter)}.error.checked .checkbox:hover{border-color:var(--error-dark-base)}.label.textoverflow-single,.message.textoverflow-single{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}input{appearance:none;-webkit-appearance:none;-moz-appearance:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
|
|
234
|
+
], ngImport: i0, template: "<div [class]=\"containerClasses()\" [style]=\"styles()\" (click)=\"handleClick()\">\n <div class=\"info\">\n <div class=\"label-wrapper\">\n <cura-label [textOverflow]=\"overflowLabel()\" [class]=\"labelClasses()\" weight=\"bold\" [size]=\"labelSize()\" [color]=\"labelColor()\">\n {{ label() }}\n </cura-label>\n\n @if (required()) {\n <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\"> * </cura-paragraph>\n }\n </div>\n\n <cura-label [textOverflow]=\"overflowHelper()\" [color]=\"messageColor()\" size=\"xsmall\" [class]=\"messageClasses()\">\n <ng-content></ng-content>\n </cura-label>\n </div>\n\n <div class=\"checkbox\" [tabIndex]=\"ontabindex()\">\n <input\n type=\"checkbox\"\n [name]=\"name()\"\n [value]=\"value()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n [checked]=\"checked()\"\n [indeterminate]=\"indeterminate()\"\n (keydown.space)=\"handleClick()\"\n (keydown.enter)=\"handleClick()\"\n />\n\n @if ((checked() || indeterminate()) && !disableCheckIcon()) {\n <cura-icon class=\"icon\" [name]=\"iconName()\" [size]=\"iconSizeValue()\" [color]=\"iconColorValue()\"> </cura-icon>\n }\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;box-sizing:border-box;min-width:0}.container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer;font-family:var(--font-family)}.position.container{flex-direction:row}.position .label-wrapper{justify-content:end}.position .message{text-align:right}.position .label{order:1}.info{display:flex;flex-direction:column;overflow:hidden}.label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}.control{width:fit-content;cursor:pointer;position:relative}.checkbox{appearance:none;border:2px solid var(--neutral-base-neutral-medium);border-radius:var(--border-radius, 4px);background:var(--neutral-black-neutral-purewhite);flex:1 0;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;width:var(--size);height:var(--size);flex:0 0 var(--size)}.checked input{position:absolute;inset:3px;background:var(--color-light)}.icon{position:absolute;display:flex;opacity:0;transition:opacity .3s}.checkbox:focus{border-color:var(--info-base)!important}.disabled .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base);cursor:not-allowed}.disabled .checkbox:hover{border-color:var(--neutral-darker-neutral-base)!important}.disabled.checked .checkbox,.disabled.indeterminate .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base)}.disabled.checked .checkbox:hover,.disabled.indeterminate .checkbox:hover{border-color:var(--neutral-base-neutral-white);background:var(--primary-base-neutral-white)}.disabled .checkbox:focus{border-color:var(--neutral-darker-neutral-base)!important}.checked .checkbox{border-color:var(--color-dark);background:var(--color-base)}.checked .checkbox:hover{border-color:var(--color-base)!important;background:var(--color-light)}.indeterminate .checkbox{border-color:var(--color-base);background:var(--color-light)}.indeterminate .checkbox:hover{border-color:var(--color-dark)!important;background:var(--color-base)}.checked .icon,.indeterminate .icon{opacity:1}:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover{border-color:var(--neutral-purewhite-neutral-dark)}.success.dark .checkbox{background:var(--neutral-black)}.success .checkbox{border-color:var(--success-base);background:var(--success-lighter)}.success .checkbox:hover{border-color:var(--success-base)!important}.success.checked .checkbox{border-color:var(--success-dark-base);background:var(--success-base-lighter)}.success.checked .checkbox:hover{border-color:var(--success-dark-base)}.error.dark .checkbox{background:var(--neutral-black)}.error .checkbox{border-color:var(--error-base);background:var(--error-lighter)}.error .checkbox:hover{border-color:var(--error-base)!important}.error.checked .checkbox{border-color:var(--error-dark-base);background:var(--error-base-lighter)}.error.checked .checkbox:hover{border-color:var(--error-dark-base)}.label.textoverflow-single,.message.textoverflow-single{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}input{appearance:none;-webkit-appearance:none;-moz-appearance:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
|
|
231
235
|
}
|
|
232
236
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraCheckboxComponent, decorators: [{
|
|
233
237
|
type: Component,
|
|
@@ -243,8 +247,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
243
247
|
useExisting: forwardRef(() => CuraCheckboxComponent),
|
|
244
248
|
multi: true,
|
|
245
249
|
},
|
|
246
|
-
], template: "<div [class]=\"containerClasses()\" [style]=\"styles()\" (click)=\"handleClick()\">\n <div class=\"info\">\n <div class=\"label-wrapper\">\n <cura-label [textOverflow]=\"overflowLabel()\" [class]=\"labelClasses()\" weight=\"bold\" [size]=\"labelSize()\" [color]=\"labelColor()\">\n {{ label() }}\n </cura-label>\n\n @if (required()) {\n <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\"> * </cura-paragraph>\n }\n </div>\n\n <cura-label [textOverflow]=\"overflowHelper()\" [color]=\"messageColor()\" size=\"xsmall\" [class]=\"messageClasses()\">\n <ng-content></ng-content>\n </cura-label>\n </div>\n\n <div class=\"checkbox\" [tabIndex]=\"ontabindex()\">\n <input\n type=\"checkbox\"\n [name]=\"name()\"\n [value]=\"value()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n [checked]=\"checked()\"\n [indeterminate]=\"indeterminate()\"\n (keydown.space)=\"handleClick()\"\n (keydown.enter)=\"handleClick()\"\n />\n\n @if (checked() || indeterminate()) {\n <cura-icon class=\"icon\" [name]=\"iconName()\" [size]=\"iconSizeValue()\" [color]=\"iconColorValue()\"> </cura-icon>\n }\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;box-sizing:border-box;min-width:0}.container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer;font-family:var(--font-family)}.position.container{flex-direction:row}.position .label-wrapper{justify-content:end}.position .message{text-align:right}.position .label{order:1}.info{display:flex;flex-direction:column;overflow:hidden}.label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}.control{width:fit-content;cursor:pointer;position:relative}.checkbox{appearance:none;border:2px solid var(--neutral-base-neutral-medium);border-radius:4px;background:var(--neutral-black-neutral-purewhite);flex:1 0;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;width:var(--size);height:var(--size);flex:0 0 var(--size)}.icon{position:absolute;display:flex;opacity:0;transition:opacity .3s}.checkbox:focus{border-color:var(--info-base)!important}.disabled .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base);cursor:not-allowed}.disabled .checkbox:hover{border-color:var(--neutral-darker-neutral-base)!important}.disabled.checked .checkbox,.disabled.indeterminate .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base)}.disabled.checked .checkbox:hover,.disabled.indeterminate .checkbox:hover{border-color:var(--neutral-base-neutral-white);background:var(--primary-base-neutral-white)}.disabled .checkbox:focus{border-color:var(--neutral-darker-neutral-base)!important}.checked .checkbox{border-color:var(--color-dark);background:var(--color-base)}.checked .checkbox:hover{border-color:var(--color-base)!important;background:var(--color-light)}.indeterminate .checkbox{border-color:var(--color-base);background:var(--color-light)}.indeterminate .checkbox:hover{border-color:var(--color-dark)!important;background:var(--color-base)}.checked .icon,.indeterminate .icon{opacity:1}:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover{border-color:var(--neutral-purewhite-neutral-dark)}.success.dark .checkbox{background:var(--neutral-black)}.success .checkbox{border-color:var(--success-base);background:var(--success-lighter)}.success .checkbox:hover{border-color:var(--success-base)!important}.success.checked .checkbox{border-color:var(--success-dark-base);background:var(--success-base-lighter)}.success.checked .checkbox:hover{border-color:var(--success-dark-base)}.error.dark .checkbox{background:var(--neutral-black)}.error .checkbox{border-color:var(--error-base);background:var(--error-lighter)}.error .checkbox:hover{border-color:var(--error-base)!important}.error.checked .checkbox{border-color:var(--error-dark-base);background:var(--error-base-lighter)}.error.checked .checkbox:hover{border-color:var(--error-dark-base)}.label.textoverflow-single,.message.textoverflow-single{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}input{appearance:none;-webkit-appearance:none;-moz-appearance:none}\n"] }]
|
|
247
|
-
}], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }, { type: i0.Output, args: ["indeterminateChange"] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], ontabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "ontabindex", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], iconColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconColor", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], overflowLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowLabel", required: false }] }], overflowHelper: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowHelper", required: false }] }], onchange: [{ type: i0.Output, args: ["onchange"] }] } });
|
|
250
|
+
], template: "<div [class]=\"containerClasses()\" [style]=\"styles()\" (click)=\"handleClick()\">\n <div class=\"info\">\n <div class=\"label-wrapper\">\n <cura-label [textOverflow]=\"overflowLabel()\" [class]=\"labelClasses()\" weight=\"bold\" [size]=\"labelSize()\" [color]=\"labelColor()\">\n {{ label() }}\n </cura-label>\n\n @if (required()) {\n <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\"> * </cura-paragraph>\n }\n </div>\n\n <cura-label [textOverflow]=\"overflowHelper()\" [color]=\"messageColor()\" size=\"xsmall\" [class]=\"messageClasses()\">\n <ng-content></ng-content>\n </cura-label>\n </div>\n\n <div class=\"checkbox\" [tabIndex]=\"ontabindex()\">\n <input\n type=\"checkbox\"\n [name]=\"name()\"\n [value]=\"value()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n [checked]=\"checked()\"\n [indeterminate]=\"indeterminate()\"\n (keydown.space)=\"handleClick()\"\n (keydown.enter)=\"handleClick()\"\n />\n\n @if ((checked() || indeterminate()) && !disableCheckIcon()) {\n <cura-icon class=\"icon\" [name]=\"iconName()\" [size]=\"iconSizeValue()\" [color]=\"iconColorValue()\"> </cura-icon>\n }\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;box-sizing:border-box;min-width:0}.container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer;font-family:var(--font-family)}.position.container{flex-direction:row}.position .label-wrapper{justify-content:end}.position .message{text-align:right}.position .label{order:1}.info{display:flex;flex-direction:column;overflow:hidden}.label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}.control{width:fit-content;cursor:pointer;position:relative}.checkbox{appearance:none;border:2px solid var(--neutral-base-neutral-medium);border-radius:var(--border-radius, 4px);background:var(--neutral-black-neutral-purewhite);flex:1 0;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;width:var(--size);height:var(--size);flex:0 0 var(--size)}.checked input{position:absolute;inset:3px;background:var(--color-light)}.icon{position:absolute;display:flex;opacity:0;transition:opacity .3s}.checkbox:focus{border-color:var(--info-base)!important}.disabled .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base);cursor:not-allowed}.disabled .checkbox:hover{border-color:var(--neutral-darker-neutral-base)!important}.disabled.checked .checkbox,.disabled.indeterminate .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base)}.disabled.checked .checkbox:hover,.disabled.indeterminate .checkbox:hover{border-color:var(--neutral-base-neutral-white);background:var(--primary-base-neutral-white)}.disabled .checkbox:focus{border-color:var(--neutral-darker-neutral-base)!important}.checked .checkbox{border-color:var(--color-dark);background:var(--color-base)}.checked .checkbox:hover{border-color:var(--color-base)!important;background:var(--color-light)}.indeterminate .checkbox{border-color:var(--color-base);background:var(--color-light)}.indeterminate .checkbox:hover{border-color:var(--color-dark)!important;background:var(--color-base)}.checked .icon,.indeterminate .icon{opacity:1}:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover{border-color:var(--neutral-purewhite-neutral-dark)}.success.dark .checkbox{background:var(--neutral-black)}.success .checkbox{border-color:var(--success-base);background:var(--success-lighter)}.success .checkbox:hover{border-color:var(--success-base)!important}.success.checked .checkbox{border-color:var(--success-dark-base);background:var(--success-base-lighter)}.success.checked .checkbox:hover{border-color:var(--success-dark-base)}.error.dark .checkbox{background:var(--neutral-black)}.error .checkbox{border-color:var(--error-base);background:var(--error-lighter)}.error .checkbox:hover{border-color:var(--error-base)!important}.error.checked .checkbox{border-color:var(--error-dark-base);background:var(--error-base-lighter)}.error.checked .checkbox:hover{border-color:var(--error-dark-base)}.label.textoverflow-single,.message.textoverflow-single{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}input{appearance:none;-webkit-appearance:none;-moz-appearance:none}\n"] }]
|
|
251
|
+
}], propDecorators: { disableCheckIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableCheckIcon", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }, { type: i0.Output, args: ["indeterminateChange"] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], ontabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "ontabindex", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], iconColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconColor", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], overflowLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowLabel", required: false }] }], overflowHelper: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowHelper", required: false }] }], onchange: [{ type: i0.Output, args: ["onchange"] }] } });
|
|
248
252
|
|
|
249
253
|
/**
|
|
250
254
|
* Generated bundle index. Do not edit.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-checkbox/cura-checkbox.component.ts","../../../projects/site-front-end-lib/cura/forms/cura-checkbox/cura-checkbox.component.html","../../../projects/site-front-end-lib/cura/forms/cura-checkbox/rededor-site-front-end-lib-cura-forms-cura-checkbox.ts"],"sourcesContent":["import { Component, input, output, inject, computed, forwardRef, model } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { formsSizes, TextOverflow } from '@rededor/site-front-end-lib/cura/forms';\nimport { CheckboxSize, CheckboxPosition, CheckboxBackground, CheckboxIconColor, CheckboxStatus, CheckboxChangeEvent } from './cura-checkbox.definitions';\n\n@Component({\n selector: 'cura-checkbox',\n imports: [CommonModule, CuraLabelComponent, CuraParagraphComponent, CuraIconComponent],\n templateUrl: './cura-checkbox.component.html',\n styleUrls: ['./cura-checkbox.component.scss'],\n host: {\n role: 'checkbox',\n '[attr.aria-checked]': 'checked()',\n '[attr.aria-disabled]': 'disabled()',\n '[attr.aria-required]': 'required()',\n '[attr.aria-invalid]': 'status() === \"error\"',\n },\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CuraCheckboxComponent),\n multi: true,\n },\n ],\n})\nexport class CuraCheckboxComponent implements ControlValueAccessor {\n private curaApi: CuraApiService = inject(CuraApiService);\n\n /**\n * Reflects the checked state of the checkbox.\n * Using model for two-way binding and form control integration.\n */\n checked = model<boolean>(false);\n\n /**\n * Reflects the indeterminate state of the checkbox.\n * Using model for two-way binding and form control integration.\n */\n indeterminate = model<boolean>(false);\n\n /**\n * Status of the checkbox.\n */\n status = input<CheckboxStatus>('default');\n\n /**\n * Reflects the disabled state of the checkbox.\n */\n disabled = input<boolean>(false);\n\n /**\n * Reflects the required state of the checkbox.\n */\n required = input<boolean>(false);\n\n /**\n * Text label associated with the checkbox.\n */\n label = input<string>('');\n\n /**\n * Specifies the tabindex of the checkbox.\n */\n ontabindex = input<number>(0);\n\n /**\n * Position of the label relative to the checkbox.\n */\n position = input<CheckboxPosition>('left');\n\n /**\n * Value associated with the checkbox.\n */\n value = model<string | any>('');\n\n /**\n * Name attribute of the checkbox.\n */\n name = input<string>('');\n\n /**\n * Size of the checkbox.\n */\n size = input<CheckboxSize>('medium');\n\n /**\n * Background theme of the checkbox.\n */\n background = input<CheckboxBackground>('light');\n\n /**\n * Icon color theme of the checkbox.\n */\n iconColor = input<CheckboxIconColor>('dark');\n\n /**\n * Color theme of the checkbox.\n */\n color = input<string>('accent');\n\n /**\n * Controls how the label text should handle overflow.\n * - `'none'`: No overflow handling; the label displays normally.\n * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n * - `string`: Custom overflow handling mode.\n *\n * @default 'none'\n */\n overflowLabel = input<TextOverflow>('none');\n\n /**\n * Controls how the helper text should handle overflow.\n * - `'none'`: No overflow handling; the label displays normally.\n * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n * - `string`: Custom overflow handling mode.\n *\n * @default 'none'\n */\n overflowHelper = input<TextOverflow>('none');\n\n /**\n * Change event emitter\n */\n onchange = output<CheckboxChangeEvent>();\n\n // Form control callbacks\n private onChange = (value: boolean) => {};\n private onTouched = () => {};\n\n styles = computed(() => {\n const formsSize = formsSizes[this.size()];\n\n const sizeStyles = {\n '--size': `${formsSize.size}px`,\n '--gap': `${formsSize.gap}px`,\n };\n\n const isDark = this.isDarkBackground();\n const colorPrefix = this.color();\n\n const colors = [\n { name: '--color-base', background: `${colorPrefix}-base` },\n { name: '--color-lighter', background: `${colorPrefix}-lighter` },\n { name: '--color-light', background: `${colorPrefix}-light` },\n { name: '--color-dark', background: `${colorPrefix}-dark` },\n { name: '--info-base', background: 'info-base' },\n { name: '--error-base', background: 'error-base' },\n { name: '--success-lighter', background: 'success-lighter' },\n { name: '--success-base', background: 'success-base' },\n { name: '--success-dark', background: 'success-dark' },\n { name: '--error-lighter', background: 'error-lighter' },\n { name: '--neutral-black', background: 'neutral-black' },\n { name: '--primary-base-neutral-white', background: isDark ? 'primary-base' : 'neutral-white' },\n { name: '--neutral-base-neutral-medium', background: isDark ? 'neutral-base' : 'neutral-medium' },\n { name: '--neutral-black-neutral-purewhite', background: isDark ? 'neutral-black' : 'neutral-purewhite' },\n { name: '--neutral-black-neutral-white', background: isDark ? 'neutral-black' : 'neutral-white' },\n { name: '--neutral-darker-neutral-base', background: isDark ? 'neutral-darker' : 'neutral-base' },\n { name: '--neutral-base-neutral-base', background: isDark ? 'primary-base' : 'neutral-base' },\n { name: '--neutral-purewhite-neutral-dark', background: isDark ? 'neutral-purewhite' : 'neutral-dark' },\n { name: '--primary-base-neutral-medium', background: isDark ? 'primary-base' : 'neutral-medium' },\n { name: '--success-base-lighter', background: isDark ? 'success-base' : 'success-lighter' },\n { name: '--success-dark-base', background: isDark ? 'success-dark' : 'success-base' },\n { name: '--error-base-lighter', background: isDark ? 'error-base' : 'error-lighter' },\n { name: '--error-dark-base', background: isDark ? 'error-dark' : 'error-base' },\n ];\n\n const colorStyles: { [key: string]: string } = {};\n colors.forEach((color) => {\n if (this.curaApi) {\n colorStyles[color.name] = this.curaApi.theme.colors.getColor(color.background);\n }\n });\n\n const fontFamily = this.curaApi.theme.fonts.getFamily();\n\n return { ...sizeStyles, ...colorStyles, '--font-family': fontFamily };\n });\n\n private colorConfig = computed(() => {\n if (this.disabled()) {\n return {\n icon: this.iconColor() === 'dark' ? 'neutral-dark' : 'neutral-purewhite',\n label: 'neutral-dark',\n message: 'neutral-dark',\n };\n }\n\n const darkBackground = this.isDarkBackground();\n const darkIconColor = this.isDarkIconColor();\n\n const statusColors = {\n success: {\n icon: 'success-dark',\n label: darkBackground ? 'success-lighter' : 'success-darker',\n message: darkBackground ? 'success-base' : 'success-dark',\n },\n error: {\n icon: 'error-dark',\n label: darkBackground ? 'error-lighter' : 'neutral-darker',\n message: darkBackground ? 'error-base' : 'error-dark',\n },\n default: {\n icon: darkIconColor ? 'neutral-black' : 'neutral-purewhite',\n label: darkBackground ? 'neutral-white' : 'neutral-black',\n message: darkBackground ? 'primary-lighter' : 'neutral-dark',\n },\n };\n\n return statusColors[this.status()];\n });\n\n iconName = computed(() => (this.indeterminate() ? 'minus' : 'check'));\n iconSizeValue = computed(() => (this.size() === 'large' ? 20 : 'micro'));\n iconColorValue = computed(() => this.colorConfig().icon);\n\n labelSize = computed(() => (this.size() === 'large' ? 'medium' : 'xsmall'));\n labelClasses = computed(() => 'label' + (this.overflowLabel() === 'single' ? ' textoverflow-single' : ''));\n labelColor = computed(() => this.colorConfig().label);\n\n messageClasses = computed(() => 'message' + (this.overflowHelper() === 'single' ? ' textoverflow-single' : ''));\n messageColor = computed(() => this.colorConfig().message);\n\n // ControlValueAccessor implementation\n writeValue(value: boolean): void {\n this.checked.set(value ?? false);\n }\n\n registerOnChange(fn: (value: boolean) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n private isDarkBackground(): boolean {\n return this.background() === 'dark';\n }\n\n private isDarkIconColor(): boolean {\n return this.iconColor() === 'dark';\n }\n\n containerClasses = computed(() => {\n const classes = ['container'];\n\n if (this.checked()) classes.push('checked');\n if (this.disabled()) classes.push('disabled');\n if (this.background() === 'dark') classes.push('dark');\n if (this.indeterminate()) classes.push('indeterminate');\n if (this.position() === 'right') classes.push('position');\n classes.push(this.status());\n\n return classes.join(' ');\n });\n\n handleClick(): void {\n if (this.disabled()) return;\n\n this.indeterminate.set(false);\n\n const newCheckedState = !this.checked();\n this.checked.set(newCheckedState);\n\n // Notify form control\n this.onChange(newCheckedState);\n this.onTouched();\n\n this.onchange.emit({\n value: this.value(),\n checked: newCheckedState,\n indeterminate: false,\n });\n }\n}\n","<div [class]=\"containerClasses()\" [style]=\"styles()\" (click)=\"handleClick()\">\n <div class=\"info\">\n <div class=\"label-wrapper\">\n <cura-label [textOverflow]=\"overflowLabel()\" [class]=\"labelClasses()\" weight=\"bold\" [size]=\"labelSize()\" [color]=\"labelColor()\">\n {{ label() }}\n </cura-label>\n\n @if (required()) {\n <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\"> * </cura-paragraph>\n }\n </div>\n\n <cura-label [textOverflow]=\"overflowHelper()\" [color]=\"messageColor()\" size=\"xsmall\" [class]=\"messageClasses()\">\n <ng-content></ng-content>\n </cura-label>\n </div>\n\n <div class=\"checkbox\" [tabIndex]=\"ontabindex()\">\n <input\n type=\"checkbox\"\n [name]=\"name()\"\n [value]=\"value()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n [checked]=\"checked()\"\n [indeterminate]=\"indeterminate()\"\n (keydown.space)=\"handleClick()\"\n (keydown.enter)=\"handleClick()\"\n />\n\n @if (checked() || indeterminate()) {\n <cura-icon class=\"icon\" [name]=\"iconName()\" [size]=\"iconSizeValue()\" [color]=\"iconColorValue()\"> </cura-icon>\n }\n </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-checkbox/cura-checkbox.component.ts","../../../projects/site-front-end-lib/cura/forms/cura-checkbox/cura-checkbox.component.html","../../../projects/site-front-end-lib/cura/forms/cura-checkbox/rededor-site-front-end-lib-cura-forms-cura-checkbox.ts"],"sourcesContent":["import { Component, input, output, inject, computed, forwardRef, model } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { formsSizes, TextOverflow } from '@rededor/site-front-end-lib/cura/forms';\nimport { CheckboxSize, CheckboxPosition, CheckboxBackground, CheckboxIconColor, CheckboxStatus, CheckboxChangeEvent } from './cura-checkbox.definitions';\n\n@Component({\n selector: 'cura-checkbox',\n imports: [CommonModule, CuraLabelComponent, CuraParagraphComponent, CuraIconComponent],\n templateUrl: './cura-checkbox.component.html',\n styleUrls: ['./cura-checkbox.component.scss'],\n host: {\n role: 'checkbox',\n '[attr.aria-checked]': 'checked()',\n '[attr.aria-disabled]': 'disabled()',\n '[attr.aria-required]': 'required()',\n '[attr.aria-invalid]': 'status() === \"error\"',\n },\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CuraCheckboxComponent),\n multi: true,\n },\n ],\n})\nexport class CuraCheckboxComponent implements ControlValueAccessor {\n private curaApi: CuraApiService = inject(CuraApiService);\n\n /**\n * When true, suppresses rendering of the check/indeterminate icon.\n */\n disableCheckIcon = input<boolean>(false);\n /**\n * Reflects the checked state of the checkbox.\n * Using model for two-way binding and form control integration.\n */\n checked = model<boolean>(false);\n\n /**\n * Reflects the indeterminate state of the checkbox.\n * Using model for two-way binding and form control integration.\n */\n indeterminate = model<boolean>(false);\n\n /**\n * Status of the checkbox.\n */\n status = input<CheckboxStatus>('default');\n\n /**\n * Reflects the disabled state of the checkbox.\n */\n disabled = input<boolean>(false);\n\n /**\n * Reflects the required state of the checkbox.\n */\n required = input<boolean>(false);\n\n /**\n * Text label associated with the checkbox.\n */\n label = input<string>('');\n\n /**\n * Specifies the tabindex of the checkbox.\n */\n ontabindex = input<number>(0);\n\n /**\n * Position of the label relative to the checkbox.\n */\n position = input<CheckboxPosition>('left');\n\n /**\n * Value associated with the checkbox.\n */\n value = model<string | any>('');\n\n /**\n * Name attribute of the checkbox.\n */\n name = input<string>('');\n\n /**\n * Size of the checkbox.\n */\n size = input<CheckboxSize>('medium');\n\n /**\n * Background theme of the checkbox.\n */\n background = input<CheckboxBackground>('light');\n\n /**\n * Icon color theme of the checkbox.\n */\n iconColor = input<CheckboxIconColor>('dark');\n\n /**\n * Color theme of the checkbox.\n */\n color = input<string>('accent');\n\n /**\n * Controls how the label text should handle overflow.\n * - `'none'`: No overflow handling; the label displays normally.\n * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n * - `string`: Custom overflow handling mode.\n *\n * @default 'none'\n */\n overflowLabel = input<TextOverflow>('none');\n\n /**\n * Controls how the helper text should handle overflow.\n * - `'none'`: No overflow handling; the label displays normally.\n * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n * - `string`: Custom overflow handling mode.\n *\n * @default 'none'\n */\n overflowHelper = input<TextOverflow>('none');\n\n /**\n * Change event emitter\n */\n onchange = output<CheckboxChangeEvent>();\n\n // Form control callbacks\n private onChange = (value: boolean) => {};\n private onTouched = () => {};\n\n styles = computed(() => {\n const formsSize = formsSizes[this.size()];\n\n const sizeStyles = {\n '--size': `${formsSize.size}px`,\n '--gap': `${formsSize.gap}px`,\n };\n\n const isDark = this.isDarkBackground();\n const colorPrefix = this.color();\n\n const colors = [\n { name: '--color-base', background: `${colorPrefix}-base` },\n { name: '--color-lighter', background: `${colorPrefix}-lighter` },\n { name: '--color-light', background: `${colorPrefix}-light` },\n { name: '--color-dark', background: `${colorPrefix}-dark` },\n { name: '--info-base', background: 'info-base' },\n { name: '--error-base', background: 'error-base' },\n { name: '--success-lighter', background: 'success-lighter' },\n { name: '--success-base', background: 'success-base' },\n { name: '--success-dark', background: 'success-dark' },\n { name: '--error-lighter', background: 'error-lighter' },\n { name: '--neutral-black', background: 'neutral-black' },\n { name: '--primary-base-neutral-white', background: isDark ? 'primary-base' : 'neutral-white' },\n { name: '--neutral-base-neutral-medium', background: isDark ? 'neutral-base' : 'neutral-medium' },\n { name: '--neutral-black-neutral-purewhite', background: isDark ? 'neutral-black' : 'neutral-purewhite' },\n { name: '--neutral-black-neutral-white', background: isDark ? 'neutral-black' : 'neutral-white' },\n { name: '--neutral-darker-neutral-base', background: isDark ? 'neutral-darker' : 'neutral-base' },\n { name: '--neutral-base-neutral-base', background: isDark ? 'primary-base' : 'neutral-base' },\n { name: '--neutral-purewhite-neutral-dark', background: isDark ? 'neutral-purewhite' : 'neutral-dark' },\n { name: '--primary-base-neutral-medium', background: isDark ? 'primary-base' : 'neutral-medium' },\n { name: '--success-base-lighter', background: isDark ? 'success-base' : 'success-lighter' },\n { name: '--success-dark-base', background: isDark ? 'success-dark' : 'success-base' },\n { name: '--error-base-lighter', background: isDark ? 'error-base' : 'error-lighter' },\n { name: '--error-dark-base', background: isDark ? 'error-dark' : 'error-base' },\n ];\n\n const colorStyles: { [key: string]: string } = {};\n colors.forEach((color) => {\n if (this.curaApi) {\n colorStyles[color.name] = this.curaApi.theme.colors.getColor(color.background);\n }\n });\n\n const fontFamily = this.curaApi.theme.fonts.getFamily();\n\n return { ...sizeStyles, ...colorStyles, '--font-family': fontFamily };\n });\n\n private colorConfig = computed(() => {\n if (this.disabled()) {\n return {\n icon: this.iconColor() === 'dark' ? 'neutral-dark' : 'neutral-purewhite',\n label: 'neutral-dark',\n message: 'neutral-dark',\n };\n }\n\n const darkBackground = this.isDarkBackground();\n const darkIconColor = this.isDarkIconColor();\n\n const statusColors = {\n success: {\n icon: 'success-dark',\n label: darkBackground ? 'success-lighter' : 'success-darker',\n message: darkBackground ? 'success-base' : 'success-dark',\n },\n error: {\n icon: 'error-dark',\n label: darkBackground ? 'error-lighter' : 'neutral-darker',\n message: darkBackground ? 'error-base' : 'error-dark',\n },\n default: {\n icon: darkIconColor ? 'neutral-black' : 'neutral-purewhite',\n label: darkBackground ? 'neutral-white' : 'neutral-black',\n message: darkBackground ? 'primary-lighter' : 'neutral-dark',\n },\n };\n\n return statusColors[this.status()];\n });\n\n iconName = computed(() => (this.indeterminate() ? 'minus' : 'check'));\n iconSizeValue = computed(() => (this.size() === 'large' ? 20 : 'micro'));\n iconColorValue = computed(() => this.colorConfig().icon);\n\n labelSize = computed(() => (this.size() === 'large' ? 'medium' : 'xsmall'));\n labelClasses = computed(() => 'label' + (this.overflowLabel() === 'single' ? ' textoverflow-single' : ''));\n labelColor = computed(() => this.colorConfig().label);\n\n messageClasses = computed(() => 'message' + (this.overflowHelper() === 'single' ? ' textoverflow-single' : ''));\n messageColor = computed(() => this.colorConfig().message);\n\n // ControlValueAccessor implementation\n writeValue(value: boolean): void {\n this.checked.set(value ?? false);\n }\n\n registerOnChange(fn: (value: boolean) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n private isDarkBackground(): boolean {\n return this.background() === 'dark';\n }\n\n private isDarkIconColor(): boolean {\n return this.iconColor() === 'dark';\n }\n\n containerClasses = computed(() => {\n const classes = ['container'];\n\n if (this.checked()) classes.push('checked');\n if (this.disabled()) classes.push('disabled');\n if (this.background() === 'dark') classes.push('dark');\n if (this.indeterminate()) classes.push('indeterminate');\n if (this.position() === 'right') classes.push('position');\n classes.push(this.status());\n\n return classes.join(' ');\n });\n\n handleClick(): void {\n if (this.disabled()) return;\n\n this.indeterminate.set(false);\n\n const newCheckedState = !this.checked();\n this.checked.set(newCheckedState);\n\n // Notify form control\n this.onChange(newCheckedState);\n this.onTouched();\n\n this.onchange.emit({\n value: this.value(),\n checked: newCheckedState,\n indeterminate: false,\n });\n }\n}\n","<div [class]=\"containerClasses()\" [style]=\"styles()\" (click)=\"handleClick()\">\n <div class=\"info\">\n <div class=\"label-wrapper\">\n <cura-label [textOverflow]=\"overflowLabel()\" [class]=\"labelClasses()\" weight=\"bold\" [size]=\"labelSize()\" [color]=\"labelColor()\">\n {{ label() }}\n </cura-label>\n\n @if (required()) {\n <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\"> * </cura-paragraph>\n }\n </div>\n\n <cura-label [textOverflow]=\"overflowHelper()\" [color]=\"messageColor()\" size=\"xsmall\" [class]=\"messageClasses()\">\n <ng-content></ng-content>\n </cura-label>\n </div>\n\n <div class=\"checkbox\" [tabIndex]=\"ontabindex()\">\n <input\n type=\"checkbox\"\n [name]=\"name()\"\n [value]=\"value()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n [checked]=\"checked()\"\n [indeterminate]=\"indeterminate()\"\n (keydown.space)=\"handleClick()\"\n (keydown.enter)=\"handleClick()\"\n />\n\n @if ((checked() || indeterminate()) && !disableCheckIcon()) {\n <cura-icon class=\"icon\" [name]=\"iconName()\" [size]=\"iconSizeValue()\" [color]=\"iconColorValue()\"> </cura-icon>\n }\n </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|