@visa/nova-angular
Version:
Visa Product Design System Nova Angular library
32 lines • 4.75 kB
JavaScript
/**
* Copyright (c) 2025 Visa, Inc.
*
* 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: [":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: [":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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tpcC10by1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbm92YS1saWIvc3JjL2xpYi9za2lwLXRvLWNvbnRlbnQvc2tpcC10by1jb250ZW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7O0lBZUk7QUFDSixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUUxQzs7O0dBR0c7QUFDSCwwREFBMEQ7QUFPMUQsTUFBTSxPQUFPLHNCQUFzQjsrR0FBdEIsc0JBQXNCO21HQUF0QixzQkFBc0IsK0VBSHZCLDJCQUEyQjs7NEZBRzFCLHNCQUFzQjtrQkFObEMsU0FBUztpQ0FDSSxJQUFJLFlBQ04scUJBQXFCLFlBQ3JCLDJCQUEyQiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogICAgICAgICAgICAgIENvcHlyaWdodCAoYykgMjAyNSBWaXNhLCBJbmMuXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqXG4gKiovXG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBEaXJlY3RpdmUgdG8gcHJvdmlkZSBhIHNraXAgdG8gY29udGVudCBsaW5rLlxuICogQGRlZmF1bHQgLnYtc2tpcC10by1jb250ZW50XG4gKi9cbi8qKiBAVE9ETyBtYWtlIGFjdHVhbCBkaXJlY3RpdmUgb25jZSBjbGFzcyBpcyBpbiBzdHlsZXMgKi9cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ1t2LXNraXAtdG8tY29udGVudF0nLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBzdHlsZVVybDogJy4vc2tpcC10by1jb250ZW50LmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBTa2lwVG9Db250ZW50RGlyZWN0aXZlIHt9XG4iXX0=