@spartacus/storefront
Version:
Spartacus Storefront is a package that you can include in your application, which allows you to add default storefront features.
26 lines • 4.33 kB
JavaScript
import { ChangeDetectionStrategy, Component } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../service/skip-link.service";
import * as i2 from "@angular/common";
import * as i3 from "../../keyboard-focus/focus.directive";
import * as i4 from "@spartacus/core";
export class SkipLinkComponent {
constructor(skipLinkService) {
this.skipLinkService = skipLinkService;
this.skipLinks$ = this.skipLinkService.getSkipLinks();
}
scrollToTarget(skipLink) {
this.skipLinkService.scrollToTarget(skipLink);
}
}
SkipLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: SkipLinkComponent, deps: [{ token: i1.SkipLinkService }], target: i0.ɵɵFactoryTarget.Component });
SkipLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: SkipLinkComponent, selector: "cx-skip-link", ngImport: i0, template: "<div [cxFocus]=\"{ tab: true }\" *ngIf=\"skipLinks$ | async as links\">\n <button *ngFor=\"let link of links\" (click)=\"scrollToTarget(link)\">\n {{ 'skipLink.skipTo' | cxTranslate }}\n {{ link.i18nKey | cxTranslate }}\n </button>\n</div>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.FocusDirective, selector: "[cxFocus]", inputs: ["cxFocus"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2.AsyncPipe, "cxTranslate": i4.TranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: SkipLinkComponent, decorators: [{
type: Component,
args: [{
selector: 'cx-skip-link',
templateUrl: './skip-link.component.html',
changeDetection: ChangeDetectionStrategy.OnPush,
}]
}], ctorParameters: function () { return [{ type: i1.SkipLinkService }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tpcC1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3N0b3JlZnJvbnRsaWIvbGF5b3V0L2ExMXkvc2tpcC1saW5rL2NvbXBvbmVudC9za2lwLWxpbmsuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc3RvcmVmcm9udGxpYi9sYXlvdXQvYTExeS9za2lwLWxpbmsvY29tcG9uZW50L3NraXAtbGluay5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFVbkUsTUFBTSxPQUFPLGlCQUFpQjtJQUc1QixZQUFvQixlQUFnQztRQUFoQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFGcEQsZUFBVSxHQUEyQixJQUFJLENBQUMsZUFBZSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBRWxCLENBQUM7SUFFeEQsY0FBYyxDQUFDLFFBQWtCO1FBQy9CLElBQUksQ0FBQyxlQUFlLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2hELENBQUM7OzhHQVBVLGlCQUFpQjtrR0FBakIsaUJBQWlCLG9EQ1Y5QiwyUEFNQTsyRkRJYSxpQkFBaUI7a0JBTDdCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLFdBQVcsRUFBRSw0QkFBNEI7b0JBQ3pDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFNraXBMaW5rIH0gZnJvbSAnLi4vY29uZmlnL3NraXAtbGluay5jb25maWcnO1xuaW1wb3J0IHsgU2tpcExpbmtTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZS9za2lwLWxpbmsuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2N4LXNraXAtbGluaycsXG4gIHRlbXBsYXRlVXJsOiAnLi9za2lwLWxpbmsuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2tpcExpbmtDb21wb25lbnQge1xuICBza2lwTGlua3MkOiBPYnNlcnZhYmxlPFNraXBMaW5rW10+ID0gdGhpcy5za2lwTGlua1NlcnZpY2UuZ2V0U2tpcExpbmtzKCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBza2lwTGlua1NlcnZpY2U6IFNraXBMaW5rU2VydmljZSkge31cblxuICBzY3JvbGxUb1RhcmdldChza2lwTGluazogU2tpcExpbmspOiB2b2lkIHtcbiAgICB0aGlzLnNraXBMaW5rU2VydmljZS5zY3JvbGxUb1RhcmdldChza2lwTGluayk7XG4gIH1cbn1cbiIsIjxkaXYgW2N4Rm9jdXNdPVwieyB0YWI6IHRydWUgfVwiICpuZ0lmPVwic2tpcExpbmtzJCB8IGFzeW5jIGFzIGxpbmtzXCI+XG4gIDxidXR0b24gKm5nRm9yPVwibGV0IGxpbmsgb2YgbGlua3NcIiAoY2xpY2spPVwic2Nyb2xsVG9UYXJnZXQobGluaylcIj5cbiAgICB7eyAnc2tpcExpbmsuc2tpcFRvJyB8IGN4VHJhbnNsYXRlIH19XG4gICAge3sgbGluay5pMThuS2V5IHwgY3hUcmFuc2xhdGUgfX1cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==