@ajuarezso/sui-design-system 0.7.20 → 0.7.21
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.
|
@@ -11244,13 +11244,13 @@ class SuiModalFooter {
|
|
|
11244
11244
|
primaryCfg = computed(() => this.cfg(this.primaryButton()), ...(ngDevMode ? [{ debugName: "primaryCfg" }] : /* istanbul ignore next */ []));
|
|
11245
11245
|
secondaryCfg = computed(() => this.cfg(this.secondaryButton()), ...(ngDevMode ? [{ debugName: "secondaryCfg" }] : /* istanbul ignore next */ []));
|
|
11246
11246
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SuiModalFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11247
|
-
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 }, buttonSize: { classPropertyName: "buttonSize", publicName: "buttonSize", 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]=\"effectiveButtonSize()\"\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]=\"effectiveButtonSize()\"\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{flex:1 1 0;min-width:0
|
|
11247
|
+
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 }, buttonSize: { classPropertyName: "buttonSize", publicName: "buttonSize", 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]=\"effectiveButtonSize()\"\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]=\"effectiveButtonSize()\"\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{flex:1 1 0;min-width:0;display:grid;align-items:center}:host([data-sui-stretch]) .sui-modal-footer__aux:empty{display:none}:host([data-sui-stretch]) .sui-modal-footer__actions{flex:1 1 0;min-width:0;margin-left:0}:host([data-sui-stretch]) .sui-modal-footer__actions sui-button{flex:1 1 0;min-width:0}\n"], dependencies: [{ kind: "component", type: SuiButton, selector: "sui-button", inputs: ["variant", "color", "size", "onlyIcon", "disabled", "leftIcon", "rightIcon", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11248
11248
|
}
|
|
11249
11249
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SuiModalFooter, decorators: [{
|
|
11250
11250
|
type: Component,
|
|
11251
11251
|
args: [{ selector: 'sui-modal-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [SuiButton], host: {
|
|
11252
11252
|
'[attr.data-sui-stretch]': 'stretch() ? "" : null',
|
|
11253
|
-
}, 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]=\"effectiveButtonSize()\"\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]=\"effectiveButtonSize()\"\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{flex:1 1 0;min-width:0
|
|
11253
|
+
}, 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]=\"effectiveButtonSize()\"\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]=\"effectiveButtonSize()\"\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{flex:1 1 0;min-width:0;display:grid;align-items:center}:host([data-sui-stretch]) .sui-modal-footer__aux:empty{display:none}:host([data-sui-stretch]) .sui-modal-footer__actions{flex:1 1 0;min-width:0;margin-left:0}:host([data-sui-stretch]) .sui-modal-footer__actions sui-button{flex:1 1 0;min-width:0}\n"] }]
|
|
11254
11254
|
}], 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 }] }], buttonSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonSize", required: false }] }], primaryClick: [{ type: i0.Output, args: ["primaryClick"] }], secondaryClick: [{ type: i0.Output, args: ["secondaryClick"] }] } });
|
|
11255
11255
|
|
|
11256
11256
|
/**
|