@ajuarezso/sui-design-system 0.7.0 → 0.7.1
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.
|
@@ -11188,13 +11188,13 @@ class SuiModalFooter {
|
|
|
11188
11188
|
primaryCfg = computed(() => this.cfg(this.primaryButton()), ...(ngDevMode ? [{ debugName: "primaryCfg" }] : /* istanbul ignore next */ []));
|
|
11189
11189
|
secondaryCfg = computed(() => this.cfg(this.secondaryButton()), ...(ngDevMode ? [{ debugName: "secondaryCfg" }] : /* istanbul ignore next */ []));
|
|
11190
11190
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SuiModalFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11191
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SuiModalFooter, isStandalone: true, selector: "sui-modal-footer", inputs: { primaryButton: { classPropertyName: "primaryButton", publicName: "primaryButton", isSignal: true, isRequired: false, transformFunction: null }, secondaryButton: { classPropertyName: "secondaryButton", publicName: "secondaryButton", isSignal: true, isRequired: false, transformFunction: null }, stretch: { classPropertyName: "stretch", publicName: "stretch", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { primaryClick: "primaryClick", secondaryClick: "secondaryClick" }, host: { properties: { "attr.data-sui-stretch": "stretch() ? \"\" : null" } }, ngImport: i0, template: "<!-- Slot izquierdo: los \"types\" de Figma (Checkbox / Toggle / Information /\n Stepper / Link Button) se proyectan ac\u00E1 con los SUI existentes. -->\n<div class=\"sui-modal-footer__aux\">\n <ng-content />\n</div>\n\n<div class=\"sui-modal-footer__actions\">\n @if (secondaryCfg(); as sec) {\n <sui-button\n variant=\"stroke\"\n color=\"neutral\"\n size=\"small\"\n type=\"button\"\n [disabled]=\"sec.disabled ?? false\"\n (click)=\"secondaryClick.emit()\"\n >{{ sec.label }}</sui-button>\n }\n @if (primaryCfg(); as pri) {\n <sui-button\n variant=\"filled\"\n
|
|
11191
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SuiModalFooter, isStandalone: true, selector: "sui-modal-footer", inputs: { primaryButton: { classPropertyName: "primaryButton", publicName: "primaryButton", isSignal: true, isRequired: false, transformFunction: null }, secondaryButton: { classPropertyName: "secondaryButton", publicName: "secondaryButton", isSignal: true, isRequired: false, transformFunction: null }, stretch: { classPropertyName: "stretch", publicName: "stretch", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { primaryClick: "primaryClick", secondaryClick: "secondaryClick" }, host: { properties: { "attr.data-sui-stretch": "stretch() ? \"\" : null" } }, ngImport: i0, template: "<!-- Slot izquierdo: los \"types\" de Figma (Checkbox / Toggle / Information /\n Stepper / Link Button) se proyectan ac\u00E1 con los SUI existentes. -->\n<div class=\"sui-modal-footer__aux\">\n <ng-content />\n</div>\n\n<div class=\"sui-modal-footer__actions\">\n @if (secondaryCfg(); as sec) {\n <sui-button\n variant=\"stroke\"\n color=\"neutral\"\n size=\"small\"\n type=\"button\"\n [disabled]=\"sec.disabled ?? false\"\n (click)=\"secondaryClick.emit()\"\n >{{ sec.label }}</sui-button>\n }\n @if (primaryCfg(); as pri) {\n <sui-button\n variant=\"filled\"\n size=\"small\"\n type=\"button\"\n [color]=\"pri.color ?? 'primary'\"\n [disabled]=\"pri.disabled ?? false\"\n (click)=\"primaryClick.emit()\"\n >{{ pri.label }}</sui-button>\n }\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--sui-bg-white-0, #fff);border-top:1px solid var(--sui-stroke-soft-200, #ebebeb)}.sui-modal-footer__aux{flex:1 1 0;min-width:0;display:flex;align-items:center}.sui-modal-footer__actions{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}:host([data-sui-stretch]) .sui-modal-footer__aux{display:none}:host([data-sui-stretch]) .sui-modal-footer__actions{width:100%;margin-left:0}:host([data-sui-stretch]) .sui-modal-footer__actions sui-button{flex:1 1 0}\n"], dependencies: [{ kind: "component", type: SuiButton, selector: "sui-button", inputs: ["variant", "color", "size", "onlyIcon", "disabled", "leftIcon", "rightIcon", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11192
11192
|
}
|
|
11193
11193
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SuiModalFooter, decorators: [{
|
|
11194
11194
|
type: Component,
|
|
11195
11195
|
args: [{ selector: 'sui-modal-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [SuiButton], host: {
|
|
11196
11196
|
'[attr.data-sui-stretch]': 'stretch() ? "" : null',
|
|
11197
|
-
}, template: "<!-- Slot izquierdo: los \"types\" de Figma (Checkbox / Toggle / Information /\n Stepper / Link Button) se proyectan ac\u00E1 con los SUI existentes. -->\n<div class=\"sui-modal-footer__aux\">\n <ng-content />\n</div>\n\n<div class=\"sui-modal-footer__actions\">\n @if (secondaryCfg(); as sec) {\n <sui-button\n variant=\"stroke\"\n color=\"neutral\"\n size=\"small\"\n type=\"button\"\n [disabled]=\"sec.disabled ?? false\"\n (click)=\"secondaryClick.emit()\"\n >{{ sec.label }}</sui-button>\n }\n @if (primaryCfg(); as pri) {\n <sui-button\n variant=\"filled\"\n
|
|
11197
|
+
}, template: "<!-- Slot izquierdo: los \"types\" de Figma (Checkbox / Toggle / Information /\n Stepper / Link Button) se proyectan ac\u00E1 con los SUI existentes. -->\n<div class=\"sui-modal-footer__aux\">\n <ng-content />\n</div>\n\n<div class=\"sui-modal-footer__actions\">\n @if (secondaryCfg(); as sec) {\n <sui-button\n variant=\"stroke\"\n color=\"neutral\"\n size=\"small\"\n type=\"button\"\n [disabled]=\"sec.disabled ?? false\"\n (click)=\"secondaryClick.emit()\"\n >{{ sec.label }}</sui-button>\n }\n @if (primaryCfg(); as pri) {\n <sui-button\n variant=\"filled\"\n size=\"small\"\n type=\"button\"\n [color]=\"pri.color ?? 'primary'\"\n [disabled]=\"pri.disabled ?? false\"\n (click)=\"primaryClick.emit()\"\n >{{ pri.label }}</sui-button>\n }\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--sui-bg-white-0, #fff);border-top:1px solid var(--sui-stroke-soft-200, #ebebeb)}.sui-modal-footer__aux{flex:1 1 0;min-width:0;display:flex;align-items:center}.sui-modal-footer__actions{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}:host([data-sui-stretch]) .sui-modal-footer__aux{display:none}:host([data-sui-stretch]) .sui-modal-footer__actions{width:100%;margin-left:0}:host([data-sui-stretch]) .sui-modal-footer__actions sui-button{flex:1 1 0}\n"] }]
|
|
11198
11198
|
}], propDecorators: { primaryButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "primaryButton", required: false }] }], secondaryButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondaryButton", required: false }] }], stretch: [{ type: i0.Input, args: [{ isSignal: true, alias: "stretch", required: false }] }], primaryClick: [{ type: i0.Output, args: ["primaryClick"] }], secondaryClick: [{ type: i0.Output, args: ["secondaryClick"] }] } });
|
|
11199
11199
|
|
|
11200
11200
|
/**
|