@visa/nova-angular
Version:
Visa Product Design System Nova Angular library
32 lines • 4.75 kB
JavaScript
/**
* © 2025 Visa
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
**/
import { Component } from '@angular/core';
import * as i0 from "@angular/core";
/**
* Directive to provide a skip to content link.
* @default .v-skip-to-content
*/
/** @TODO make actual directive once class is in styles */
export class SkipToContentDirective {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SkipToContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SkipToContentDirective, isStandalone: true, selector: "[v-skip-to-content]", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";:host{border:var(--size-scalable-1) solid var(--palette-default-border);background:var(--palette-default-surface-highlight);inline-size:calc(100% - var(--size-scalable-4));margin-inline:auto;padding-block:var(--size-scalable-8);padding-inline:var(--size-scalable-16);place-content:center;z-index:10;top:-99999px;position:absolute}:host:focus-visible{top:0;position:relative;outline-width:var(--theme-focus-outline-size);outline-style:dashed;outline-color:var(--palette-default-active-pressed);outline-offset:var(--theme-focus-outline-offset)}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SkipToContentDirective, decorators: [{
type: Component,
args: [{ standalone: true, selector: '[v-skip-to-content]', template: '<ng-content></ng-content>', styles: ["@charset \"UTF-8\";:host{border:var(--size-scalable-1) solid var(--palette-default-border);background:var(--palette-default-surface-highlight);inline-size:calc(100% - var(--size-scalable-4));margin-inline:auto;padding-block:var(--size-scalable-8);padding-inline:var(--size-scalable-16);place-content:center;z-index:10;top:-99999px;position:absolute}:host:focus-visible{top:0;position:relative;outline-width:var(--theme-focus-outline-size);outline-style:dashed;outline-color:var(--palette-default-active-pressed);outline-offset:var(--theme-focus-outline-offset)}\n"] }]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tpcC10by1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbm92YS1saWIvc3JjL2xpYi9za2lwLXRvLWNvbnRlbnQvc2tpcC10by1jb250ZW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7O0lBZUk7QUFDSixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUUxQzs7O0dBR0c7QUFDSCwwREFBMEQ7QUFPMUQsTUFBTSxPQUFPLHNCQUFzQjsrR0FBdEIsc0JBQXNCO21HQUF0QixzQkFBc0IsK0VBSHZCLDJCQUEyQjs7NEZBRzFCLHNCQUFzQjtrQkFObEMsU0FBUztpQ0FDSSxJQUFJLFlBQ04scUJBQXFCLFlBQ3JCLDJCQUEyQiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogICAgICAgICAgICAgIMKpIDIwMjUgVmlzYVxuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKlxuICoqL1xuaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogRGlyZWN0aXZlIHRvIHByb3ZpZGUgYSBza2lwIHRvIGNvbnRlbnQgbGluay5cbiAqIEBkZWZhdWx0IC52LXNraXAtdG8tY29udGVudFxuICovXG4vKiogQFRPRE8gbWFrZSBhY3R1YWwgZGlyZWN0aXZlIG9uY2UgY2xhc3MgaXMgaW4gc3R5bGVzICovXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdbdi1za2lwLXRvLWNvbnRlbnRdJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgc3R5bGVVcmw6ICcuL3NraXAtdG8tY29udGVudC5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgU2tpcFRvQ29udGVudERpcmVjdGl2ZSB7fVxuIl19