@tedi-design-system/angular 4.0.1-rc.2 → 4.1.0-rc.2
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/community/components/form/file-dropzone/file-dropzone.component.d.ts +1 -1
- package/fesm2022/tedi-design-system-angular-community.mjs +8 -8
- package/fesm2022/tedi-design-system-angular-community.mjs.map +1 -1
- package/fesm2022/tedi-design-system-angular-tedi.mjs +117 -3
- package/fesm2022/tedi-design-system-angular-tedi.mjs.map +1 -1
- package/fonts/SpaceGrotesk-Light.woff +0 -0
- package/fonts/SpaceGrotesk-Light.woff2 +0 -0
- package/index.css +1 -1
- package/package.json +2 -2
- package/tedi/components/overlay/index.d.ts +1 -0
- package/tedi/components/overlay/index.d.ts.map +1 -1
- package/tedi/components/overlay/modal/index.d.ts +5 -0
- package/tedi/components/overlay/modal/index.d.ts.map +1 -0
- package/tedi/components/overlay/modal/modal-content/modal-content.component.d.ts +6 -0
- package/tedi/components/overlay/modal/modal-content/modal-content.component.d.ts.map +1 -0
- package/tedi/components/overlay/modal/modal-footer/modal-footer.component.d.ts +6 -0
- package/tedi/components/overlay/modal/modal-footer/modal-footer.component.d.ts.map +1 -0
- package/tedi/components/overlay/modal/modal-header/modal-header.component.d.ts +10 -0
- package/tedi/components/overlay/modal/modal-header/modal-header.component.d.ts.map +1 -0
- package/tedi/components/overlay/modal/modal.component.d.ts +30 -0
- package/tedi/components/overlay/modal/modal.component.d.ts.map +1 -0
|
@@ -128,6 +128,6 @@ export declare class FileDropzoneComponent implements ControlValueAccessor, OnIn
|
|
|
128
128
|
registerOnTouched(fn: () => void): void;
|
|
129
129
|
setDisabledState(isDisabled: boolean): void;
|
|
130
130
|
static ɵfac: i0.ɵɵFactoryDeclaration<FileDropzoneComponent, never>;
|
|
131
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FileDropzoneComponent, "tedi-file-dropzone", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "sizeDisplayStandard": { "alias": "sizeDisplayStandard"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "validateIndividually": { "alias": "validateIndividually"; "required": false; "isSignal": true; }; "defaultFiles": { "alias": "defaultFiles"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "uploadFolder": { "alias": "uploadFolder"; "required": false; "isSignal": true; }; "validators": { "alias": "validators"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; }, { "fileChange": "fileChange"; "fileDelete": "fileDelete"; }, never, ["[helper-text]", "[error-text]"], true, never>;
|
|
131
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FileDropzoneComponent, "tedi-file-dropzone", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "sizeDisplayStandard": { "alias": "sizeDisplayStandard"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "validateIndividually": { "alias": "validateIndividually"; "required": false; "isSignal": true; }; "defaultFiles": { "alias": "defaultFiles"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "uploadFolder": { "alias": "uploadFolder"; "required": false; "isSignal": true; }; "validators": { "alias": "validators"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; }, { "fileChange": "fileChange"; "fileDelete": "fileDelete"; }, never, ["[helper-text]", "[file-list]", "[error-text]"], true, never>;
|
|
132
132
|
}
|
|
133
133
|
//# sourceMappingURL=file-dropzone.component.d.ts.map
|
|
@@ -1166,13 +1166,13 @@ class ModalComponent {
|
|
|
1166
1166
|
}
|
|
1167
1167
|
}
|
|
1168
1168
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1169
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: ModalComponent, isStandalone: true, selector: "tedi-modal", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { maxWidth: "maxWidthChange", variant: "variantChange" }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: "<div class=\"tedi-modal__container\">\n <ng-content select=\"tedi-modal-header\" />\n <div class=\"tedi-modal__content\" cdkScrollable>\n <ng-content />\n </div>\n\n <ng-content select=\"tedi-modal-footer\" />\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media (prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{max-width:var(--modal-max-width-xs-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{max-width:var(--modal-max-width-xs-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{max-width:var(--modal-max-width-xs-desktop)}}.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{max-width:var(--modal-max-width-sm-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{max-width:var(--modal-max-width-sm-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{max-width:var(--modal-max-width-sm-desktop)}}.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{max-width:var(--modal-max-width-md-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{max-width:var(--modal-max-width-md-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{max-width:var(--modal-max-width-md-desktop)}}.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{max-width:var(--modal-max-width-lg-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{max-width:var(--modal-max-width-lg-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{max-width:var(--modal-max-width-lg-desktop)}}.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{max-width:var(--modal-max-width-xl-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{max-width:var(--modal-max-width-xl-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{max-width:var(--modal-max-width-xl-desktop)}}.tedi-modal{--_modal-border: var(--borders-01) solid var(--modal-border);--_modal-padding: var(--dimensions-13);overflow:auto;----_tedi-modal-heading-padding-x-x-desktop: var(--dimensions-10);----_tedi-modal-heading-padding-x-x-tablet: var(--dimensions-10);----_tedi-modal-heading-padding-x-x-mobile: var(--dimensions-10);----_tedi-modal-heading-padding-x-y-desktop: var(--dimensions-05);----_tedi-modal-heading-padding-x-y-tablet: var(--dimensions-05);----_tedi-modal-heading-padding-x-y-mobile: var(--dimensions-05)}.tedi-modal{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-mobile)}@media (min-width: 576px){.tedi-modal{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-tablet)}}@media (min-width: 992px){.tedi-modal{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-desktop)}}.tedi-modal{--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-mobile)}@media (min-width: 576px){.tedi-modal{--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-tablet)}}@media (min-width: 992px){.tedi-modal{--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-desktop)}}.tedi-modal{--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-mobile)}@media (min-width: 576px){.tedi-modal{--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-tablet)}}@media (min-width: 992px){.tedi-modal{--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-desktop)}}.tedi-modal{--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-mobile)}@media (min-width: 576px){.tedi-modal{--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-tablet)}}@media (min-width: 992px){.tedi-modal{--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-desktop)}}.tedi-modal--padding-small{--modal-heading-padding-x-desktop: var(--dimensions-10);--modal-heading-padding-x-tablet: var(--dimensions-10);--modal-heading-padding-x-mobile: var(--dimensions-10);--modal-heading-padding-y-desktop: var(--dimensions-05);--modal-heading-padding-y-tablet: var(--dimensions-05);--modal-heading-padding-y-mobile: var(--dimensions-05);--modal-footer-padding-x-desktop: var(--dimensions-10);--modal-footer-padding-x-tablet: var(--dimensions-10);--modal-footer-padding-x-mobile: var(--dimensions-10);--modal-footer-padding-y-desktop: var(--dimensions-05);--modal-footer-padding-y-tablet: var(--dimensions-05);--modal-footer-padding-y-mobile: var(--dimensions-05)}.tedi-modal__content{padding:var(--_modal-padding);overflow-y:auto}.tedi-modal__container{display:flex;flex-direction:column;max-height:95dvh;background-color:var(--modal-background);border:var(--_modal-border)}.tedi-modal__container{border-radius:var(--modal-radius-mobile)}@media (min-width: 576px){.tedi-modal__container{border-radius:var(--modal-radius-tablet)}}@media (min-width: 992px){.tedi-modal__container{border-radius:var(--modal-radius-desktop)}}\n"], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
1169
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: ModalComponent, isStandalone: true, selector: "tedi-modal", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { maxWidth: "maxWidthChange", variant: "variantChange" }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: "<div class=\"tedi-modal__container\">\n <ng-content select=\"tedi-modal-header\" />\n <div class=\"tedi-modal__content\" cdkScrollable>\n <ng-content />\n </div>\n\n <ng-content select=\"tedi-modal-footer\" />\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media (prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{max-width:var(--modal-max-width-xs-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{max-width:var(--modal-max-width-xs-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{max-width:var(--modal-max-width-xs-desktop)}}.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{max-width:var(--modal-max-width-sm-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{max-width:var(--modal-max-width-sm-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{max-width:var(--modal-max-width-sm-desktop)}}.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{max-width:var(--modal-max-width-md-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{max-width:var(--modal-max-width-md-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{max-width:var(--modal-max-width-md-desktop)}}.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{max-width:var(--modal-max-width-lg-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{max-width:var(--modal-max-width-lg-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{max-width:var(--modal-max-width-lg-desktop)}}.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{max-width:var(--modal-max-width-xl-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{max-width:var(--modal-max-width-xl-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{max-width:var(--modal-max-width-xl-desktop)}}.tedi-modal{--_modal-border: var(--borders-01) solid var(--modal-border-outer);--_modal-padding: var(--dimensions-13);overflow:auto;----_tedi-modal-heading-padding-x-x-desktop: var(--dimensions-10);----_tedi-modal-heading-padding-x-x-tablet: var(--dimensions-10);----_tedi-modal-heading-padding-x-x-mobile: var(--dimensions-10);----_tedi-modal-heading-padding-x-y-desktop: var(--dimensions-05);----_tedi-modal-heading-padding-x-y-tablet: var(--dimensions-05);----_tedi-modal-heading-padding-x-y-mobile: var(--dimensions-05)}.tedi-modal{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-mobile)}@media (min-width: 576px){.tedi-modal{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-tablet)}}@media (min-width: 992px){.tedi-modal{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-desktop)}}.tedi-modal{--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-mobile)}@media (min-width: 576px){.tedi-modal{--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-tablet)}}@media (min-width: 992px){.tedi-modal{--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-desktop)}}.tedi-modal{--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-mobile)}@media (min-width: 576px){.tedi-modal{--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-tablet)}}@media (min-width: 992px){.tedi-modal{--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-desktop)}}.tedi-modal{--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-mobile)}@media (min-width: 576px){.tedi-modal{--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-tablet)}}@media (min-width: 992px){.tedi-modal{--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-desktop)}}.tedi-modal--padding-small{--modal-heading-padding-x-desktop: var(--dimensions-10);--modal-heading-padding-x-tablet: var(--dimensions-10);--modal-heading-padding-x-mobile: var(--dimensions-10);--modal-heading-padding-y-desktop: var(--dimensions-05);--modal-heading-padding-y-tablet: var(--dimensions-05);--modal-heading-padding-y-mobile: var(--dimensions-05);--modal-footer-padding-x-desktop: var(--dimensions-10);--modal-footer-padding-x-tablet: var(--dimensions-10);--modal-footer-padding-x-mobile: var(--dimensions-10);--modal-footer-padding-y-desktop: var(--dimensions-05);--modal-footer-padding-y-tablet: var(--dimensions-05);--modal-footer-padding-y-mobile: var(--dimensions-05)}.tedi-modal__content{padding:var(--_modal-padding);overflow-y:auto}.tedi-modal__container{display:flex;flex-direction:column;max-height:95dvh;background-color:var(--modal-background);border:var(--_modal-border)}.tedi-modal__container{border-radius:var(--modal-radius-mobile)}@media (min-width: 576px){.tedi-modal__container{border-radius:var(--modal-radius-tablet)}}@media (min-width: 992px){.tedi-modal__container{border-radius:var(--modal-radius-desktop)}}\n"], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
1170
1170
|
}
|
|
1171
1171
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalComponent, decorators: [{
|
|
1172
1172
|
type: Component,
|
|
1173
1173
|
args: [{ selector: "tedi-modal", imports: [DialogModule, CdkScrollable], encapsulation: ViewEncapsulation.None, host: {
|
|
1174
1174
|
"[class]": "hostClasses()",
|
|
1175
|
-
}, template: "<div class=\"tedi-modal__container\">\n <ng-content select=\"tedi-modal-header\" />\n <div class=\"tedi-modal__content\" cdkScrollable>\n <ng-content />\n </div>\n\n <ng-content select=\"tedi-modal-footer\" />\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media (prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{max-width:var(--modal-max-width-xs-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{max-width:var(--modal-max-width-xs-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{max-width:var(--modal-max-width-xs-desktop)}}.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{max-width:var(--modal-max-width-sm-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{max-width:var(--modal-max-width-sm-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{max-width:var(--modal-max-width-sm-desktop)}}.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{max-width:var(--modal-max-width-md-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{max-width:var(--modal-max-width-md-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{max-width:var(--modal-max-width-md-desktop)}}.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{max-width:var(--modal-max-width-lg-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{max-width:var(--modal-max-width-lg-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{max-width:var(--modal-max-width-lg-desktop)}}.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{max-width:var(--modal-max-width-xl-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{max-width:var(--modal-max-width-xl-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{max-width:var(--modal-max-width-xl-desktop)}}.tedi-modal{--_modal-border: var(--borders-01) solid var(--modal-border);--_modal-padding: var(--dimensions-13);overflow:auto;----_tedi-modal-heading-padding-x-x-desktop: var(--dimensions-10);----_tedi-modal-heading-padding-x-x-tablet: var(--dimensions-10);----_tedi-modal-heading-padding-x-x-mobile: var(--dimensions-10);----_tedi-modal-heading-padding-x-y-desktop: var(--dimensions-05);----_tedi-modal-heading-padding-x-y-tablet: var(--dimensions-05);----_tedi-modal-heading-padding-x-y-mobile: var(--dimensions-05)}.tedi-modal{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-mobile)}@media (min-width: 576px){.tedi-modal{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-tablet)}}@media (min-width: 992px){.tedi-modal{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-desktop)}}.tedi-modal{--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-mobile)}@media (min-width: 576px){.tedi-modal{--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-tablet)}}@media (min-width: 992px){.tedi-modal{--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-desktop)}}.tedi-modal{--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-mobile)}@media (min-width: 576px){.tedi-modal{--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-tablet)}}@media (min-width: 992px){.tedi-modal{--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-desktop)}}.tedi-modal{--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-mobile)}@media (min-width: 576px){.tedi-modal{--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-tablet)}}@media (min-width: 992px){.tedi-modal{--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-desktop)}}.tedi-modal--padding-small{--modal-heading-padding-x-desktop: var(--dimensions-10);--modal-heading-padding-x-tablet: var(--dimensions-10);--modal-heading-padding-x-mobile: var(--dimensions-10);--modal-heading-padding-y-desktop: var(--dimensions-05);--modal-heading-padding-y-tablet: var(--dimensions-05);--modal-heading-padding-y-mobile: var(--dimensions-05);--modal-footer-padding-x-desktop: var(--dimensions-10);--modal-footer-padding-x-tablet: var(--dimensions-10);--modal-footer-padding-x-mobile: var(--dimensions-10);--modal-footer-padding-y-desktop: var(--dimensions-05);--modal-footer-padding-y-tablet: var(--dimensions-05);--modal-footer-padding-y-mobile: var(--dimensions-05)}.tedi-modal__content{padding:var(--_modal-padding);overflow-y:auto}.tedi-modal__container{display:flex;flex-direction:column;max-height:95dvh;background-color:var(--modal-background);border:var(--_modal-border)}.tedi-modal__container{border-radius:var(--modal-radius-mobile)}@media (min-width: 576px){.tedi-modal__container{border-radius:var(--modal-radius-tablet)}}@media (min-width: 992px){.tedi-modal__container{border-radius:var(--modal-radius-desktop)}}\n"] }]
|
|
1175
|
+
}, template: "<div class=\"tedi-modal__container\">\n <ng-content select=\"tedi-modal-header\" />\n <div class=\"tedi-modal__content\" cdkScrollable>\n <ng-content />\n </div>\n\n <ng-content select=\"tedi-modal-footer\" />\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media (prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{max-width:var(--modal-max-width-xs-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{max-width:var(--modal-max-width-xs-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-xs),.tedi-modal--width-xs{max-width:var(--modal-max-width-xs-desktop)}}.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{max-width:var(--modal-max-width-sm-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{max-width:var(--modal-max-width-sm-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-sm),.tedi-modal--width-sm{max-width:var(--modal-max-width-sm-desktop)}}.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{max-width:var(--modal-max-width-md-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{max-width:var(--modal-max-width-md-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-md),.tedi-modal--width-md{max-width:var(--modal-max-width-md-desktop)}}.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{max-width:var(--modal-max-width-lg-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{max-width:var(--modal-max-width-lg-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-lg),.tedi-modal--width-lg{max-width:var(--modal-max-width-lg-desktop)}}.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{width:100%}.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{max-width:var(--modal-max-width-xl-mobile)}@media (min-width: 576px){.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{max-width:var(--modal-max-width-xl-tablet)}}@media (min-width: 992px){.cdk-overlay-pane:has(.tedi-modal--width-xl),.tedi-modal--width-xl{max-width:var(--modal-max-width-xl-desktop)}}.tedi-modal{--_modal-border: var(--borders-01) solid var(--modal-border-outer);--_modal-padding: var(--dimensions-13);overflow:auto;----_tedi-modal-heading-padding-x-x-desktop: var(--dimensions-10);----_tedi-modal-heading-padding-x-x-tablet: var(--dimensions-10);----_tedi-modal-heading-padding-x-x-mobile: var(--dimensions-10);----_tedi-modal-heading-padding-x-y-desktop: var(--dimensions-05);----_tedi-modal-heading-padding-x-y-tablet: var(--dimensions-05);----_tedi-modal-heading-padding-x-y-mobile: var(--dimensions-05)}.tedi-modal{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-mobile)}@media (min-width: 576px){.tedi-modal{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-tablet)}}@media (min-width: 992px){.tedi-modal{--_tedi-modal-heading-padding-x: var(--modal-heading-padding-x-desktop)}}.tedi-modal{--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-mobile)}@media (min-width: 576px){.tedi-modal{--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-tablet)}}@media (min-width: 992px){.tedi-modal{--_tedi-modal-heading-padding-y: var(--modal-heading-padding-y-desktop)}}.tedi-modal{--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-mobile)}@media (min-width: 576px){.tedi-modal{--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-tablet)}}@media (min-width: 992px){.tedi-modal{--_tedi-modal-footer-padding-x: var(--modal-footer-padding-x-desktop)}}.tedi-modal{--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-mobile)}@media (min-width: 576px){.tedi-modal{--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-tablet)}}@media (min-width: 992px){.tedi-modal{--_tedi-modal-footer-padding-y: var(--modal-footer-padding-y-desktop)}}.tedi-modal--padding-small{--modal-heading-padding-x-desktop: var(--dimensions-10);--modal-heading-padding-x-tablet: var(--dimensions-10);--modal-heading-padding-x-mobile: var(--dimensions-10);--modal-heading-padding-y-desktop: var(--dimensions-05);--modal-heading-padding-y-tablet: var(--dimensions-05);--modal-heading-padding-y-mobile: var(--dimensions-05);--modal-footer-padding-x-desktop: var(--dimensions-10);--modal-footer-padding-x-tablet: var(--dimensions-10);--modal-footer-padding-x-mobile: var(--dimensions-10);--modal-footer-padding-y-desktop: var(--dimensions-05);--modal-footer-padding-y-tablet: var(--dimensions-05);--modal-footer-padding-y-mobile: var(--dimensions-05)}.tedi-modal__content{padding:var(--_modal-padding);overflow-y:auto}.tedi-modal__container{display:flex;flex-direction:column;max-height:95dvh;background-color:var(--modal-background);border:var(--_modal-border)}.tedi-modal__container{border-radius:var(--modal-radius-mobile)}@media (min-width: 576px){.tedi-modal__container{border-radius:var(--modal-radius-tablet)}}@media (min-width: 992px){.tedi-modal__container{border-radius:var(--modal-radius-desktop)}}\n"] }]
|
|
1176
1176
|
}] });
|
|
1177
1177
|
|
|
1178
1178
|
class ModalFooterComponent {
|
|
@@ -1194,11 +1194,11 @@ class ModalFooterComponent {
|
|
|
1194
1194
|
}
|
|
1195
1195
|
}
|
|
1196
1196
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1197
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalFooterComponent, isStandalone: true, selector: "tedi-modal-footer", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, buttons: { classPropertyName: "buttons", publicName: "buttons", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { align: "alignChange", buttons: "buttonsChange" }, ngImport: i0, template: "<div class=\"tedi-modal-footer\" [style.justify-content]=\"align()\">\n <ng-content>\n @for (button of buttons(); track button.label) {\n <button\n tedi-button\n [size]=\"button.size || 'small'\"\n [variant]=\"button.variant || 'secondary'\"\n [disabled]=\"button.disabled\"\n [ngStyle]=\"button.style\"\n (click)=\"button.action()\"\n >\n @if (button.icon && button.iconPosition == \"start\") {\n <tedi-icon [name]=\"button.icon\" />\n }\n {{ button.label }}\n @if (button.icon && button.iconPosition == \"end\") {\n <tedi-icon [name]=\"button.icon\" />\n }\n </button>\n }\n </ng-content>\n</div>\n", styles: [".tedi-modal-footer{--_modal-footer-gap: .5rem;display:flex;gap:var(--_modal-footer-gap);border-top:var(--
|
|
1197
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalFooterComponent, isStandalone: true, selector: "tedi-modal-footer", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, buttons: { classPropertyName: "buttons", publicName: "buttons", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { align: "alignChange", buttons: "buttonsChange" }, ngImport: i0, template: "<div class=\"tedi-modal-footer\" [style.justify-content]=\"align()\">\n <ng-content>\n @for (button of buttons(); track button.label) {\n <button\n tedi-button\n [size]=\"button.size || 'small'\"\n [variant]=\"button.variant || 'secondary'\"\n [disabled]=\"button.disabled\"\n [ngStyle]=\"button.style\"\n (click)=\"button.action()\"\n >\n @if (button.icon && button.iconPosition == \"start\") {\n <tedi-icon [name]=\"button.icon\" />\n }\n {{ button.label }}\n @if (button.icon && button.iconPosition == \"end\") {\n <tedi-icon [name]=\"button.icon\" />\n }\n </button>\n }\n </ng-content>\n</div>\n", styles: [".tedi-modal-footer{--_modal-footer-gap: .5rem;display:flex;gap:var(--_modal-footer-gap);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "[tedi-button]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
1198
1198
|
}
|
|
1199
1199
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalFooterComponent, decorators: [{
|
|
1200
1200
|
type: Component,
|
|
1201
|
-
args: [{ selector: "tedi-modal-footer", imports: [ButtonComponent, IconComponent, NgStyle], template: "<div class=\"tedi-modal-footer\" [style.justify-content]=\"align()\">\n <ng-content>\n @for (button of buttons(); track button.label) {\n <button\n tedi-button\n [size]=\"button.size || 'small'\"\n [variant]=\"button.variant || 'secondary'\"\n [disabled]=\"button.disabled\"\n [ngStyle]=\"button.style\"\n (click)=\"button.action()\"\n >\n @if (button.icon && button.iconPosition == \"start\") {\n <tedi-icon [name]=\"button.icon\" />\n }\n {{ button.label }}\n @if (button.icon && button.iconPosition == \"end\") {\n <tedi-icon [name]=\"button.icon\" />\n }\n </button>\n }\n </ng-content>\n</div>\n", styles: [".tedi-modal-footer{--_modal-footer-gap: .5rem;display:flex;gap:var(--_modal-footer-gap);border-top:var(--
|
|
1201
|
+
args: [{ selector: "tedi-modal-footer", imports: [ButtonComponent, IconComponent, NgStyle], template: "<div class=\"tedi-modal-footer\" [style.justify-content]=\"align()\">\n <ng-content>\n @for (button of buttons(); track button.label) {\n <button\n tedi-button\n [size]=\"button.size || 'small'\"\n [variant]=\"button.variant || 'secondary'\"\n [disabled]=\"button.disabled\"\n [ngStyle]=\"button.style\"\n (click)=\"button.action()\"\n >\n @if (button.icon && button.iconPosition == \"start\") {\n <tedi-icon [name]=\"button.icon\" />\n }\n {{ button.label }}\n @if (button.icon && button.iconPosition == \"end\") {\n <tedi-icon [name]=\"button.icon\" />\n }\n </button>\n }\n </ng-content>\n</div>\n", styles: [".tedi-modal-footer{--_modal-footer-gap: .5rem;display:flex;gap:var(--_modal-footer-gap);border-top:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-footer-padding-y) var(--_tedi-modal-footer-padding-x)}\n"] }]
|
|
1202
1202
|
}] });
|
|
1203
1203
|
|
|
1204
1204
|
class ModalHeaderComponent {
|
|
@@ -1230,11 +1230,11 @@ class ModalHeaderComponent {
|
|
|
1230
1230
|
}
|
|
1231
1231
|
}
|
|
1232
1232
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1233
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalHeaderComponent, isStandalone: true, selector: "tedi-modal-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, feedback: { classPropertyName: "feedback", publicName: "feedback", isSignal: true, isRequired: false, transformFunction: null }, closeButton: { classPropertyName: "closeButton", publicName: "closeButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { title: "titleChange", feedback: "feedbackChange", closeButton: "closeButtonChange" }, ngImport: i0, template: "<div class=\"tedi-modal-header\">\n <div class=\"tedi-modal-header__title\">\n <ng-content>\n <h1 tedi-text modifiers=\"h3\">\n {{ title() }}\n </h1>\n </ng-content>\n\n <ng-content select=\"[header-exit-button]\">\n @if (closeButton()) {\n <button\n tedi-closing-button\n variant=\"neutral\"\n (click)=\"closeModal()\"\n ></button>\n }\n </ng-content>\n </div>\n\n @if (feedback()) {\n <tedi-feedback-text\n [text]=\"feedback()!.text\"\n [type]=\"feedback()!.type\"\n [position]=\"feedback()!.position\"\n />\n }\n</div>\n", styles: [".tedi-modal-header{border-bottom:var(--
|
|
1233
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalHeaderComponent, isStandalone: true, selector: "tedi-modal-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, feedback: { classPropertyName: "feedback", publicName: "feedback", isSignal: true, isRequired: false, transformFunction: null }, closeButton: { classPropertyName: "closeButton", publicName: "closeButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { title: "titleChange", feedback: "feedbackChange", closeButton: "closeButtonChange" }, ngImport: i0, template: "<div class=\"tedi-modal-header\">\n <div class=\"tedi-modal-header__title\">\n <ng-content>\n <h1 tedi-text modifiers=\"h3\">\n {{ title() }}\n </h1>\n </ng-content>\n\n <ng-content select=\"[header-exit-button]\">\n @if (closeButton()) {\n <button\n tedi-closing-button\n variant=\"neutral\"\n (click)=\"closeModal()\"\n ></button>\n }\n </ng-content>\n </div>\n\n @if (feedback()) {\n <tedi-feedback-text\n [text]=\"feedback()!.text\"\n [type]=\"feedback()!.type\"\n [position]=\"feedback()!.position\"\n />\n }\n</div>\n", styles: [".tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal-header__title{display:flex;justify-content:space-between;align-items:center}\n"], dependencies: [{ kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }] });
|
|
1234
1234
|
}
|
|
1235
1235
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalHeaderComponent, decorators: [{
|
|
1236
1236
|
type: Component,
|
|
1237
|
-
args: [{ selector: "tedi-modal-header", imports: [FeedbackTextComponent, ClosingButtonComponent, TextComponent], template: "<div class=\"tedi-modal-header\">\n <div class=\"tedi-modal-header__title\">\n <ng-content>\n <h1 tedi-text modifiers=\"h3\">\n {{ title() }}\n </h1>\n </ng-content>\n\n <ng-content select=\"[header-exit-button]\">\n @if (closeButton()) {\n <button\n tedi-closing-button\n variant=\"neutral\"\n (click)=\"closeModal()\"\n ></button>\n }\n </ng-content>\n </div>\n\n @if (feedback()) {\n <tedi-feedback-text\n [text]=\"feedback()!.text\"\n [type]=\"feedback()!.type\"\n [position]=\"feedback()!.position\"\n />\n }\n</div>\n", styles: [".tedi-modal-header{border-bottom:var(--
|
|
1237
|
+
args: [{ selector: "tedi-modal-header", imports: [FeedbackTextComponent, ClosingButtonComponent, TextComponent], template: "<div class=\"tedi-modal-header\">\n <div class=\"tedi-modal-header__title\">\n <ng-content>\n <h1 tedi-text modifiers=\"h3\">\n {{ title() }}\n </h1>\n </ng-content>\n\n <ng-content select=\"[header-exit-button]\">\n @if (closeButton()) {\n <button\n tedi-closing-button\n variant=\"neutral\"\n (click)=\"closeModal()\"\n ></button>\n }\n </ng-content>\n </div>\n\n @if (feedback()) {\n <tedi-feedback-text\n [text]=\"feedback()!.text\"\n [type]=\"feedback()!.type\"\n [position]=\"feedback()!.position\"\n />\n }\n</div>\n", styles: [".tedi-modal-header{border-bottom:var(--borders-01) solid var(--modal-border-inner);padding:var(--_tedi-modal-heading-padding-y) var(--_tedi-modal-heading-padding-x)}.tedi-modal-header__title{display:flex;justify-content:space-between;align-items:center}\n"] }]
|
|
1238
1238
|
}] });
|
|
1239
1239
|
|
|
1240
1240
|
class SelectComponent {
|
|
@@ -2621,7 +2621,7 @@ class FileDropzoneComponent {
|
|
|
2621
2621
|
useExisting: forwardRef(() => FileDropzoneComponent),
|
|
2622
2622
|
multi: true,
|
|
2623
2623
|
},
|
|
2624
|
-
], viewQueries: [{ propertyName: "fileInputElement", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<input\n #fileInput\n class=\"tedi-file-dropzone__input\"\n type=\"file\"\n [disabled]=\"disabled()\"\n [multiple]=\"multiple()\"\n [id]=\"inputId()\"\n [attr.webkitdirectory]=\"uploadFolder() ? '' : null\"\n [accept]=\"accept()\"\n (change)=\"selectionChange($event)\"\n/>\n\n<button [className]=\"classes()\" (click)=\"onContainerClick()\">\n <div class=\"tedi-file-dropzone__label-wrapper\">\n <tedi-icon\n [name]=\"isDragActive() ? 'file_upload' : 'attach_file'\"\n [color]=\"disabled() ? 'tertiary' : 'secondary'\"\n />\n <label tedi-label class=\"tedi-file-dropzone__label\">{{\n (isDragActive() ? \"file-upload.drag-and-drop\" : label()) | tediTranslate\n }}</label>\n </div>\n</button>\n\n<ng-content select=\"[helper-text]\">\n @if (helperText(); as message) {\n <tedi-feedback-text\n [text]=\"message.text\"\n [type]=\"message.type || 'hint'\"\n [position]=\"message.position || 'left'\"\n />\n }\n</ng-content>\n\n@for (file of files(); track file.name) {\n
|
|
2624
|
+
], viewQueries: [{ propertyName: "fileInputElement", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<input\n #fileInput\n class=\"tedi-file-dropzone__input\"\n type=\"file\"\n [disabled]=\"disabled()\"\n [multiple]=\"multiple()\"\n [id]=\"inputId()\"\n [attr.webkitdirectory]=\"uploadFolder() ? '' : null\"\n [accept]=\"accept()\"\n (change)=\"selectionChange($event)\"\n/>\n\n<button [className]=\"classes()\" (click)=\"onContainerClick()\">\n <div class=\"tedi-file-dropzone__label-wrapper\">\n <tedi-icon\n [name]=\"isDragActive() ? 'file_upload' : 'attach_file'\"\n [color]=\"disabled() ? 'tertiary' : 'secondary'\"\n />\n <label tedi-label class=\"tedi-file-dropzone__label\">{{\n (isDragActive() ? \"file-upload.drag-and-drop\" : label()) | tediTranslate\n }}</label>\n </div>\n</button>\n\n<ng-content select=\"[helper-text]\">\n @if (helperText(); as message) {\n <tedi-feedback-text\n [text]=\"message.text\"\n [type]=\"message.type || 'hint'\"\n [position]=\"message.position || 'left'\"\n />\n }\n</ng-content>\n\n<ng-content select=\"[file-list]\">\n @for (file of files(); track file.name) {\n <div class=\"tedi-file-dropzone__file-list\" [tediVerticalSpacing]=\"0.5\">\n <tedi-card\n [className]=\"fileClasses(file)\"\n padding=\"none\"\n [background]=\"\n file.fileStatus && file.fileStatus == 'invalid'\n ? 'danger-primary'\n : 'tertiary'\n \"\n >\n <tedi-card-content class=\"tedi-file-dropzone__card\" padding=\"xs\">\n <div class=\"tedi-file-dropzone__file-name\">\n {{ file.label ?? file.name }}\n\n @if (file && validateIndividually() && file.helper; as helper) {\n <tedi-tooltip\n [className]=\"tooltipClasses(file)\"\n [position]=\"helper?.position || 'top'\"\n >\n <tedi-tooltip-trigger>\n <button tedi-info-button [disabled]=\"file.disabled\"></button>\n </tedi-tooltip-trigger>\n\n <tedi-tooltip-content>\n {{ helper.text }}\n </tedi-tooltip-content>\n </tedi-tooltip>\n }\n </div>\n <button\n tedi-closing-button\n [title]=\"'clear' | tediTranslate\"\n [iconSize]=\"18\"\n (click)=\"removeFile(file)\"\n size=\"small\"\n ></button>\n </tedi-card-content>\n </tedi-card>\n </div>\n }\n</ng-content>\n\n<ng-content select=\"[error-text]\">\n @if (this.uploadError(); as message) {\n <tedi-feedback-text [text]=\"message\" type=\"error\" position=\"left\" />\n }\n</ng-content>\n", styles: [".tedi-file-dropzone{text-align:center;cursor:pointer;background-color:var(--file-dropzone-background-default);border:2px dotted var(--file-dropzone-border-default);transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.tedi-file-dropzone{border-radius:var(--form-field-radius-mobile)}@media (min-width: 576px){.tedi-file-dropzone{border-radius:var(--form-field-radius-tablet)}}@media (min-width: 992px){.tedi-file-dropzone{border-radius:var(--form-field-radius-desktop)}}.tedi-file-dropzone{padding-left:var(--file-dropzone-padding-x-mobile)}@media (min-width: 576px){.tedi-file-dropzone{padding-left:var(--file-dropzone-padding-x-tablet)}}@media (min-width: 992px){.tedi-file-dropzone{padding-left:var(--file-dropzone-padding-x-desktop)}}.tedi-file-dropzone{padding-right:var(--file-dropzone-padding-x-mobile)}@media (min-width: 576px){.tedi-file-dropzone{padding-right:var(--file-dropzone-padding-x-tablet)}}@media (min-width: 992px){.tedi-file-dropzone{padding-right:var(--file-dropzone-padding-x-desktop)}}.tedi-file-dropzone{padding-top:var(--file-dropzone-padding-y-mobile)}@media (min-width: 576px){.tedi-file-dropzone{padding-top:var(--file-dropzone-padding-y-tablet)}}@media (min-width: 992px){.tedi-file-dropzone{padding-top:var(--file-dropzone-padding-y-desktop)}}.tedi-file-dropzone{padding-bottom:var(--file-dropzone-padding-y-mobile)}@media (min-width: 576px){.tedi-file-dropzone{padding-bottom:var(--file-dropzone-padding-y-tablet)}}@media (min-width: 992px){.tedi-file-dropzone{padding-bottom:var(--file-dropzone-padding-y-desktop)}}.tedi-file-dropzone{margin-bottom:var(--layout-grid-gutters-04-mobile)}@media (min-width: 576px){.tedi-file-dropzone{margin-bottom:var(--layout-grid-gutters-04-tablet)}}@media (min-width: 992px){.tedi-file-dropzone{margin-bottom:var(--layout-grid-gutters-04-desktop)}}.tedi-file-dropzone:hover{background-color:var(--file-dropzone-background-hover);border-color:var(--file-dropzone-border-hover)}.tedi-file-dropzone .tedi-file-dropzone__label-wrapper{display:flex;justify-content:center}.tedi-file-dropzone .tedi-file-dropzone__label-wrapper .tedi-file-dropzone__label{font-weight:500;color:var(--file-dropzone-text-default)}.tedi-file-dropzone .tedi-file-dropzone__label-wrapper .tedi-file-dropzone__label:hover{cursor:pointer}.tedi-file-dropzone--disabled{pointer-events:none;cursor:not-allowed;background-color:var(--file-dropzone-background-disabled);border-color:var(--file-dropzone-border-disabled)}.tedi-file-dropzone--disabled .tedi-file-dropzone__label-wrapper .tedi-file-dropzone__label{color:var(--general-text-disabled)}.tedi-file-dropzone--invalid{border-color:var(--form-general-feedback-error-border)}.tedi-file-dropzone--valid{border-color:var(--form-general-feedback-success-border)}.tedi-file-dropzone--drop-over{color:var(--file-dropzone-text-drop-over);background-color:var(--file-dropzone-background-drop-over);border-color:var(--file-dropzone-border-drop-over)}.tedi-file-dropzone:focus-visible{outline:2px solid var(--file-dropzone-border-hover);outline-offset:1px}.tedi-file-dropzone__input{display:none}.tedi-file-dropzone__file-list{width:100%;list-style:none}.tedi-file-dropzone__file-list{margin-top:var(--layout-grid-gutters-04-mobile)}@media (min-width: 576px){.tedi-file-dropzone__file-list{margin-top:var(--layout-grid-gutters-04-tablet)}}@media (min-width: 992px){.tedi-file-dropzone__file-list{margin-top:var(--layout-grid-gutters-04-desktop)}}.tedi-file-dropzone__file-name{overflow-wrap:anywhere}\n", ".tedi-file-dropzone{width:100%}.tedi-file-dropzone__label-wrapper{pointer-events:none}.tedi-file-dropzone__card{display:flex;justify-content:space-between;align-items:center;--_card-border: transparent}.tedi-file-dropzone__tooltip--error .tedi-info-button{--button-main-neutral-text-default: var(--red-700)}.tedi-file-dropzone__file-name{display:flex}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "component", type: FeedbackTextComponent, selector: "tedi-feedback-text", inputs: ["text", "type", "position"] }, { kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }, { kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["hasSeparator", "autoWidth", "timeline"] }, { kind: "component", type: ClosingButtonComponent, selector: "button[tedi-closing-button]", inputs: ["size", "iconSize"] }, { kind: "component", type: TooltipComponent, selector: "tedi-tooltip", inputs: ["position", "preventOverflow", "openWith", "appendTo", "timeoutDelay"] }, { kind: "component", type: TooltipTriggerComponent, selector: "tedi-tooltip-trigger" }, { kind: "component", type: TooltipContentComponent, selector: "tedi-tooltip-content", inputs: ["maxWidth"] }, { kind: "component", type: InfoButtonComponent, selector: "button[tedi-info-button]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: VerticalSpacingDirective, selector: "[tediVerticalSpacing]", inputs: ["tediVerticalSpacing"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }] });
|
|
2625
2625
|
}
|
|
2626
2626
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FileDropzoneComponent, decorators: [{
|
|
2627
2627
|
type: Component,
|
|
@@ -2645,7 +2645,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
2645
2645
|
useExisting: forwardRef(() => FileDropzoneComponent),
|
|
2646
2646
|
multi: true,
|
|
2647
2647
|
},
|
|
2648
|
-
], template: "<input\n #fileInput\n class=\"tedi-file-dropzone__input\"\n type=\"file\"\n [disabled]=\"disabled()\"\n [multiple]=\"multiple()\"\n [id]=\"inputId()\"\n [attr.webkitdirectory]=\"uploadFolder() ? '' : null\"\n [accept]=\"accept()\"\n (change)=\"selectionChange($event)\"\n/>\n\n<button [className]=\"classes()\" (click)=\"onContainerClick()\">\n <div class=\"tedi-file-dropzone__label-wrapper\">\n <tedi-icon\n [name]=\"isDragActive() ? 'file_upload' : 'attach_file'\"\n [color]=\"disabled() ? 'tertiary' : 'secondary'\"\n />\n <label tedi-label class=\"tedi-file-dropzone__label\">{{\n (isDragActive() ? \"file-upload.drag-and-drop\" : label()) | tediTranslate\n }}</label>\n </div>\n</button>\n\n<ng-content select=\"[helper-text]\">\n @if (helperText(); as message) {\n <tedi-feedback-text\n [text]=\"message.text\"\n [type]=\"message.type || 'hint'\"\n [position]=\"message.position || 'left'\"\n />\n }\n</ng-content>\n\n@for (file of files(); track file.name) {\n
|
|
2648
|
+
], template: "<input\n #fileInput\n class=\"tedi-file-dropzone__input\"\n type=\"file\"\n [disabled]=\"disabled()\"\n [multiple]=\"multiple()\"\n [id]=\"inputId()\"\n [attr.webkitdirectory]=\"uploadFolder() ? '' : null\"\n [accept]=\"accept()\"\n (change)=\"selectionChange($event)\"\n/>\n\n<button [className]=\"classes()\" (click)=\"onContainerClick()\">\n <div class=\"tedi-file-dropzone__label-wrapper\">\n <tedi-icon\n [name]=\"isDragActive() ? 'file_upload' : 'attach_file'\"\n [color]=\"disabled() ? 'tertiary' : 'secondary'\"\n />\n <label tedi-label class=\"tedi-file-dropzone__label\">{{\n (isDragActive() ? \"file-upload.drag-and-drop\" : label()) | tediTranslate\n }}</label>\n </div>\n</button>\n\n<ng-content select=\"[helper-text]\">\n @if (helperText(); as message) {\n <tedi-feedback-text\n [text]=\"message.text\"\n [type]=\"message.type || 'hint'\"\n [position]=\"message.position || 'left'\"\n />\n }\n</ng-content>\n\n<ng-content select=\"[file-list]\">\n @for (file of files(); track file.name) {\n <div class=\"tedi-file-dropzone__file-list\" [tediVerticalSpacing]=\"0.5\">\n <tedi-card\n [className]=\"fileClasses(file)\"\n padding=\"none\"\n [background]=\"\n file.fileStatus && file.fileStatus == 'invalid'\n ? 'danger-primary'\n : 'tertiary'\n \"\n >\n <tedi-card-content class=\"tedi-file-dropzone__card\" padding=\"xs\">\n <div class=\"tedi-file-dropzone__file-name\">\n {{ file.label ?? file.name }}\n\n @if (file && validateIndividually() && file.helper; as helper) {\n <tedi-tooltip\n [className]=\"tooltipClasses(file)\"\n [position]=\"helper?.position || 'top'\"\n >\n <tedi-tooltip-trigger>\n <button tedi-info-button [disabled]=\"file.disabled\"></button>\n </tedi-tooltip-trigger>\n\n <tedi-tooltip-content>\n {{ helper.text }}\n </tedi-tooltip-content>\n </tedi-tooltip>\n }\n </div>\n <button\n tedi-closing-button\n [title]=\"'clear' | tediTranslate\"\n [iconSize]=\"18\"\n (click)=\"removeFile(file)\"\n size=\"small\"\n ></button>\n </tedi-card-content>\n </tedi-card>\n </div>\n }\n</ng-content>\n\n<ng-content select=\"[error-text]\">\n @if (this.uploadError(); as message) {\n <tedi-feedback-text [text]=\"message\" type=\"error\" position=\"left\" />\n }\n</ng-content>\n", styles: [".tedi-file-dropzone{text-align:center;cursor:pointer;background-color:var(--file-dropzone-background-default);border:2px dotted var(--file-dropzone-border-default);transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.tedi-file-dropzone{border-radius:var(--form-field-radius-mobile)}@media (min-width: 576px){.tedi-file-dropzone{border-radius:var(--form-field-radius-tablet)}}@media (min-width: 992px){.tedi-file-dropzone{border-radius:var(--form-field-radius-desktop)}}.tedi-file-dropzone{padding-left:var(--file-dropzone-padding-x-mobile)}@media (min-width: 576px){.tedi-file-dropzone{padding-left:var(--file-dropzone-padding-x-tablet)}}@media (min-width: 992px){.tedi-file-dropzone{padding-left:var(--file-dropzone-padding-x-desktop)}}.tedi-file-dropzone{padding-right:var(--file-dropzone-padding-x-mobile)}@media (min-width: 576px){.tedi-file-dropzone{padding-right:var(--file-dropzone-padding-x-tablet)}}@media (min-width: 992px){.tedi-file-dropzone{padding-right:var(--file-dropzone-padding-x-desktop)}}.tedi-file-dropzone{padding-top:var(--file-dropzone-padding-y-mobile)}@media (min-width: 576px){.tedi-file-dropzone{padding-top:var(--file-dropzone-padding-y-tablet)}}@media (min-width: 992px){.tedi-file-dropzone{padding-top:var(--file-dropzone-padding-y-desktop)}}.tedi-file-dropzone{padding-bottom:var(--file-dropzone-padding-y-mobile)}@media (min-width: 576px){.tedi-file-dropzone{padding-bottom:var(--file-dropzone-padding-y-tablet)}}@media (min-width: 992px){.tedi-file-dropzone{padding-bottom:var(--file-dropzone-padding-y-desktop)}}.tedi-file-dropzone{margin-bottom:var(--layout-grid-gutters-04-mobile)}@media (min-width: 576px){.tedi-file-dropzone{margin-bottom:var(--layout-grid-gutters-04-tablet)}}@media (min-width: 992px){.tedi-file-dropzone{margin-bottom:var(--layout-grid-gutters-04-desktop)}}.tedi-file-dropzone:hover{background-color:var(--file-dropzone-background-hover);border-color:var(--file-dropzone-border-hover)}.tedi-file-dropzone .tedi-file-dropzone__label-wrapper{display:flex;justify-content:center}.tedi-file-dropzone .tedi-file-dropzone__label-wrapper .tedi-file-dropzone__label{font-weight:500;color:var(--file-dropzone-text-default)}.tedi-file-dropzone .tedi-file-dropzone__label-wrapper .tedi-file-dropzone__label:hover{cursor:pointer}.tedi-file-dropzone--disabled{pointer-events:none;cursor:not-allowed;background-color:var(--file-dropzone-background-disabled);border-color:var(--file-dropzone-border-disabled)}.tedi-file-dropzone--disabled .tedi-file-dropzone__label-wrapper .tedi-file-dropzone__label{color:var(--general-text-disabled)}.tedi-file-dropzone--invalid{border-color:var(--form-general-feedback-error-border)}.tedi-file-dropzone--valid{border-color:var(--form-general-feedback-success-border)}.tedi-file-dropzone--drop-over{color:var(--file-dropzone-text-drop-over);background-color:var(--file-dropzone-background-drop-over);border-color:var(--file-dropzone-border-drop-over)}.tedi-file-dropzone:focus-visible{outline:2px solid var(--file-dropzone-border-hover);outline-offset:1px}.tedi-file-dropzone__input{display:none}.tedi-file-dropzone__file-list{width:100%;list-style:none}.tedi-file-dropzone__file-list{margin-top:var(--layout-grid-gutters-04-mobile)}@media (min-width: 576px){.tedi-file-dropzone__file-list{margin-top:var(--layout-grid-gutters-04-tablet)}}@media (min-width: 992px){.tedi-file-dropzone__file-list{margin-top:var(--layout-grid-gutters-04-desktop)}}.tedi-file-dropzone__file-name{overflow-wrap:anywhere}\n", ".tedi-file-dropzone{width:100%}.tedi-file-dropzone__label-wrapper{pointer-events:none}.tedi-file-dropzone__card{display:flex;justify-content:space-between;align-items:center;--_card-border: transparent}.tedi-file-dropzone__tooltip--error .tedi-info-button{--button-main-neutral-text-default: var(--red-700)}.tedi-file-dropzone__file-name{display:flex}\n"] }]
|
|
2649
2649
|
}], propDecorators: { onBlur: [{
|
|
2650
2650
|
type: HostListener,
|
|
2651
2651
|
args: ["blur"]
|