@ajuarezso/sui-design-system 0.24.0 → 0.24.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.
|
@@ -17780,7 +17780,7 @@ class SuiPistaDeScrollMarco {
|
|
|
17780
17780
|
><sui-icon name="arrow-right-s-line" [size]="18" /></button>
|
|
17781
17781
|
}
|
|
17782
17782
|
}
|
|
17783
|
-
`, isInline: true, styles: ["@charset \"UTF-8\";:host{position:relative;display:block;min-width:0}.sui-pista__borde{position:absolute;top:0;bottom:0;width:
|
|
17783
|
+
`, isInline: true, styles: ["@charset \"UTF-8\";:host{position:relative;display:block;min-width:0}.sui-pista__borde{position:absolute;top:0;bottom:0;width:var(--sui-pista-de-scroll-ancho, 56px);pointer-events:none;z-index:2}.sui-pista__borde--inicio{left:0;background:linear-gradient(to right,var(--sui-pista-de-scroll-fondo, var(--sui-bg-white-0, #fff)) 0%,var(--sui-pista-de-scroll-fondo, var(--sui-bg-white-0, #fff)) 30%,transparent 100%)}.sui-pista__borde--fin{right:0;background:linear-gradient(to left,var(--sui-pista-de-scroll-fondo, var(--sui-bg-white-0, #fff)) 0%,var(--sui-pista-de-scroll-fondo, var(--sui-bg-white-0, #fff)) 30%,transparent 100%)}.sui-pista__flecha{display:none}@media(hover:hover)and (pointer:fine){.sui-pista__flecha{position:absolute;top:var(--sui-pista-de-scroll-flecha-top, 50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--sui-pista-de-scroll-flecha-size, 32px);height:var(--sui-pista-de-scroll-flecha-size, 32px);padding:0;border-radius:999px;border:1px solid var(--sui-stroke-soft-200, #ebebeb);background:var(--sui-bg-white-0, #fff);color:var(--sui-text-sub-600, #5c5c5c);box-shadow:var(--sui-shadow-x-small, 0 1px 2px rgba(10, 13, 20, .03));transform:translateY(-50%);cursor:pointer;pointer-events:auto;transition:background var(--sui-motion-duration-x-fast, .1s) var(--sui-motion-ease-out, ease),color var(--sui-motion-duration-x-fast, .1s) var(--sui-motion-ease-out, ease)}.sui-pista__flecha:hover{background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-strong-950, #171717)}.sui-pista__flecha--inicio{left:4px}.sui-pista__flecha--fin{right:4px}}\n"], dependencies: [{ kind: "component", type: SuiIcon, selector: "sui-icon", inputs: ["name", "size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17784
17784
|
}
|
|
17785
17785
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SuiPistaDeScrollMarco, decorators: [{
|
|
17786
17786
|
type: Component,
|
|
@@ -17808,7 +17808,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
17808
17808
|
><sui-icon name="arrow-right-s-line" [size]="18" /></button>
|
|
17809
17809
|
}
|
|
17810
17810
|
}
|
|
17811
|
-
`, styles: ["@charset \"UTF-8\";:host{position:relative;display:block;min-width:0}.sui-pista__borde{position:absolute;top:0;bottom:0;width:
|
|
17811
|
+
`, styles: ["@charset \"UTF-8\";:host{position:relative;display:block;min-width:0}.sui-pista__borde{position:absolute;top:0;bottom:0;width:var(--sui-pista-de-scroll-ancho, 56px);pointer-events:none;z-index:2}.sui-pista__borde--inicio{left:0;background:linear-gradient(to right,var(--sui-pista-de-scroll-fondo, var(--sui-bg-white-0, #fff)) 0%,var(--sui-pista-de-scroll-fondo, var(--sui-bg-white-0, #fff)) 30%,transparent 100%)}.sui-pista__borde--fin{right:0;background:linear-gradient(to left,var(--sui-pista-de-scroll-fondo, var(--sui-bg-white-0, #fff)) 0%,var(--sui-pista-de-scroll-fondo, var(--sui-bg-white-0, #fff)) 30%,transparent 100%)}.sui-pista__flecha{display:none}@media(hover:hover)and (pointer:fine){.sui-pista__flecha{position:absolute;top:var(--sui-pista-de-scroll-flecha-top, 50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--sui-pista-de-scroll-flecha-size, 32px);height:var(--sui-pista-de-scroll-flecha-size, 32px);padding:0;border-radius:999px;border:1px solid var(--sui-stroke-soft-200, #ebebeb);background:var(--sui-bg-white-0, #fff);color:var(--sui-text-sub-600, #5c5c5c);box-shadow:var(--sui-shadow-x-small, 0 1px 2px rgba(10, 13, 20, .03));transform:translateY(-50%);cursor:pointer;pointer-events:auto;transition:background var(--sui-motion-duration-x-fast, .1s) var(--sui-motion-ease-out, ease),color var(--sui-motion-duration-x-fast, .1s) var(--sui-motion-ease-out, ease)}.sui-pista__flecha:hover{background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-strong-950, #171717)}.sui-pista__flecha--inicio{left:4px}.sui-pista__flecha--fin{right:4px}}\n"] }]
|
|
17812
17812
|
}], propDecorators: { ocultarInicio: [{ type: i0.Input, args: [{ isSignal: true, alias: "ocultarInicio", required: false }] }], pista: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SuiPistaDeScroll), { isSignal: true }] }] } });
|
|
17813
17813
|
|
|
17814
17814
|
/**
|