@clr/angular
Version:
Angular components for Clarity
30 lines • 3.89 kB
JavaScript
/*
* Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
* This software is released under MIT license.
* The full license information can be found in LICENSE in the root directory of this project.
*/
import { Component } from '@angular/core';
import * as i0 from "@angular/core";
/**
* Note: Why does this component have aria-hidden attribute?
*
* tl;dr: we want screen readers to ignore this element when its reading out to blind users.
*
* In order to make a timeline step accessible to screen readers we need the title read out before the
* icon. In order to do this, ClrTimeLine step has a ContentChild that queries for the ClrTimelineStepTitle and
* then adds the projected text into a .clr-sr-only element that is a sibling element to the icon. See the
* ClrTimlineStep template for the DOM structure.
*/
export class ClrTimelineStepTitle {
}
ClrTimelineStepTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrTimelineStepTitle, deps: [], target: i0.ɵɵFactoryTarget.Component });
ClrTimelineStepTitle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: ClrTimelineStepTitle, selector: "clr-timeline-step-title", host: { properties: { "class.clr-timeline-step-title": "true", "attr.aria-hidden": "true" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrTimelineStepTitle, decorators: [{
type: Component,
args: [{
selector: 'clr-timeline-step-title',
template: `<ng-content></ng-content>`,
host: { '[class.clr-timeline-step-title]': 'true', '[attr.aria-hidden]': 'true' },
}]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtc3RlcC10aXRsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL3RpbWVsaW5lL3RpbWVsaW5lLXN0ZXAtdGl0bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7R0FJRztBQUVILE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTFDOzs7Ozs7Ozs7R0FTRztBQU1ILE1BQU0sT0FBTyxvQkFBb0I7O2lIQUFwQixvQkFBb0I7cUdBQXBCLG9CQUFvQiw4SkFIckIsMkJBQTJCOzJGQUcxQixvQkFBb0I7a0JBTGhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsSUFBSSxFQUFFLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSxFQUFFLG9CQUFvQixFQUFFLE1BQU0sRUFBRTtpQkFDbEYiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LTIwMjMgVk13YXJlLCBJbmMuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKiBUaGlzIHNvZnR3YXJlIGlzIHJlbGVhc2VkIHVuZGVyIE1JVCBsaWNlbnNlLlxuICogVGhlIGZ1bGwgbGljZW5zZSBpbmZvcm1hdGlvbiBjYW4gYmUgZm91bmQgaW4gTElDRU5TRSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBwcm9qZWN0LlxuICovXG5cbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIE5vdGU6IFdoeSBkb2VzIHRoaXMgY29tcG9uZW50IGhhdmUgYXJpYS1oaWRkZW4gYXR0cmlidXRlP1xuICpcbiAqIHRsO2RyOiB3ZSB3YW50IHNjcmVlbiByZWFkZXJzIHRvIGlnbm9yZSB0aGlzIGVsZW1lbnQgd2hlbiBpdHMgcmVhZGluZyBvdXQgdG8gYmxpbmQgdXNlcnMuXG4gKlxuICogSW4gb3JkZXIgdG8gbWFrZSBhIHRpbWVsaW5lIHN0ZXAgYWNjZXNzaWJsZSB0byBzY3JlZW4gcmVhZGVycyB3ZSBuZWVkIHRoZSB0aXRsZSByZWFkIG91dCBiZWZvcmUgdGhlXG4gKiBpY29uLiBJbiBvcmRlciB0byBkbyB0aGlzLCBDbHJUaW1lTGluZSBzdGVwIGhhcyBhIENvbnRlbnRDaGlsZCB0aGF0IHF1ZXJpZXMgZm9yIHRoZSBDbHJUaW1lbGluZVN0ZXBUaXRsZSBhbmRcbiAqIHRoZW4gYWRkcyB0aGUgcHJvamVjdGVkIHRleHQgaW50byBhIC5jbHItc3Itb25seSBlbGVtZW50IHRoYXQgaXMgYSBzaWJsaW5nIGVsZW1lbnQgdG8gdGhlIGljb24uIFNlZSB0aGVcbiAqIENsclRpbWxpbmVTdGVwIHRlbXBsYXRlIGZvciB0aGUgRE9NIHN0cnVjdHVyZS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2xyLXRpbWVsaW5lLXN0ZXAtdGl0bGUnLFxuICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxuICBob3N0OiB7ICdbY2xhc3MuY2xyLXRpbWVsaW5lLXN0ZXAtdGl0bGVdJzogJ3RydWUnLCAnW2F0dHIuYXJpYS1oaWRkZW5dJzogJ3RydWUnIH0sXG59KVxuZXhwb3J0IGNsYXNzIENsclRpbWVsaW5lU3RlcFRpdGxlIHt9XG4iXX0=