@tekdi/sunbird-quml-player/esm2022/lib/icon/next-active/next-active.component.mjs

The QuML player library components are powered by Angular. This player is primarily designed to be used on Sunbird consumption platforms (mobile app, web portal, offline desktop app) to drive reusability and maintainability, hence reducing the redundant d

import { Component } from '@angular/core';
import * as i0 from "@angular/core";
export class NextActiveComponent {
    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NextActiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NextActiveComponent, selector: "quml-next-active", ngImport: i0, template: " <svg width=\"60px\" height=\"36px\" viewBox=\"0 0 60 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>Next</title>\n    <defs>\n        <rect id=\"path-1\" x=\"0\" y=\"0\" width=\"60\" height=\"36\" rx=\"18\"></rect>\n        <filter x=\"-5.8%\" y=\"-9.7%\" width=\"111.7%\" height=\"119.4%\" filterUnits=\"objectBoundingBox\" id=\"filter-2\">\n            <feGaussianBlur stdDeviation=\"3\" in=\"SourceAlpha\" result=\"shadowBlurInner1\"></feGaussianBlur>\n            <feOffset dx=\"0\" dy=\"1\" in=\"shadowBlurInner1\" result=\"shadowOffsetInner1\"></feOffset>\n            <feComposite in=\"shadowOffsetInner1\" in2=\"SourceAlpha\" operator=\"arithmetic\" k2=\"-1\" k3=\"1\"\n                result=\"shadowInnerInner1\"></feComposite>\n            <feColorMatrix values=\"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0\" type=\"matrix\" in=\"shadowInnerInner1\">\n            </feColorMatrix>\n        </filter>\n        <rect id=\"path-3\" x=\"0\" y=\"0\" width=\"54\" height=\"30\" rx=\"15\"></rect>\n        <filter x=\"-2.8%\" y=\"-5.0%\" width=\"105.6%\" height=\"110.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-4\">\n            <feGaussianBlur stdDeviation=\"0.5\" in=\"SourceGraphic\"></feGaussianBlur>\n        </filter>\n        <filter x=\"-5.6%\" y=\"-10.0%\" width=\"111.1%\" height=\"120.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-5\">\n            <feGaussianBlur stdDeviation=\"1\" in=\"SourceAlpha\" result=\"shadowBlurInner1\"></feGaussianBlur>\n            <feOffset dx=\"0\" dy=\"-1\" in=\"shadowBlurInner1\" result=\"shadowOffsetInner1\"></feOffset>\n            <feComposite in=\"shadowOffsetInner1\" in2=\"SourceAlpha\" operator=\"arithmetic\" k2=\"-1\" k3=\"1\"\n                result=\"shadowInnerInner1\"></feComposite>\n            <feColorMatrix values=\"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0\" type=\"matrix\" in=\"shadowInnerInner1\">\n            </feColorMatrix>\n        </filter>\n    </defs>\n    <g id=\"button/next2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group\">\n            <g id=\"Group-Copy\">\n                <g id=\"Rectangle-5-Copy\" opacity=\"0.1\" fill-rule=\"nonzero\">\n                    <use fill=\"#CCCCCC\" xlink:href=\"#path-1\"></use>\n                    <use fill=\"black\" fill-opacity=\"1\" filter=\"url(#filter-2)\" xlink:href=\"#path-1\"></use>\n                </g>\n                <g id=\"Group-2\" transform=\"translate(3.000000, 3.000000)\">\n                    <g id=\"Rectangle-5-Copy-2\" fill-rule=\"nonzero\" filter=\"url(#filter-4)\">\n                        <use fill=\"#FFD655\" xlink:href=\"#path-3\"></use>\n                        <use fill=\"black\" fill-opacity=\"1\" filter=\"url(#filter-5)\" xlink:href=\"#path-3\"></use>\n                    </g>\n                    <polygon id=\"Shape\" fill=\"#666\"\n                        transform=\"translate(27.295000, 15.000000) scale(-1, 1) translate(-27.295000, -15.000000) \"\n                        points=\"31 10.41 29.59 9 23.59 15 29.59 21 31 19.59 26.42 15\"></polygon>\n                </g>\n            </g>\n            <g id=\"Icon-24px\"\n                transform=\"translate(30.000000, 18.000000) scale(-1, 1) translate(-30.000000, -18.000000) translate(26.000000, 12.000000)\">\n            </g>\n        </g>\n    </g>\n</svg> " }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NextActiveComponent, decorators: [{
            type: Component,
            args: [{ selector: 'quml-next-active', template: " <svg width=\"60px\" height=\"36px\" viewBox=\"0 0 60 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>Next</title>\n    <defs>\n        <rect id=\"path-1\" x=\"0\" y=\"0\" width=\"60\" height=\"36\" rx=\"18\"></rect>\n        <filter x=\"-5.8%\" y=\"-9.7%\" width=\"111.7%\" height=\"119.4%\" filterUnits=\"objectBoundingBox\" id=\"filter-2\">\n            <feGaussianBlur stdDeviation=\"3\" in=\"SourceAlpha\" result=\"shadowBlurInner1\"></feGaussianBlur>\n            <feOffset dx=\"0\" dy=\"1\" in=\"shadowBlurInner1\" result=\"shadowOffsetInner1\"></feOffset>\n            <feComposite in=\"shadowOffsetInner1\" in2=\"SourceAlpha\" operator=\"arithmetic\" k2=\"-1\" k3=\"1\"\n                result=\"shadowInnerInner1\"></feComposite>\n            <feColorMatrix values=\"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0\" type=\"matrix\" in=\"shadowInnerInner1\">\n            </feColorMatrix>\n        </filter>\n        <rect id=\"path-3\" x=\"0\" y=\"0\" width=\"54\" height=\"30\" rx=\"15\"></rect>\n        <filter x=\"-2.8%\" y=\"-5.0%\" width=\"105.6%\" height=\"110.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-4\">\n            <feGaussianBlur stdDeviation=\"0.5\" in=\"SourceGraphic\"></feGaussianBlur>\n        </filter>\n        <filter x=\"-5.6%\" y=\"-10.0%\" width=\"111.1%\" height=\"120.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-5\">\n            <feGaussianBlur stdDeviation=\"1\" in=\"SourceAlpha\" result=\"shadowBlurInner1\"></feGaussianBlur>\n            <feOffset dx=\"0\" dy=\"-1\" in=\"shadowBlurInner1\" result=\"shadowOffsetInner1\"></feOffset>\n            <feComposite in=\"shadowOffsetInner1\" in2=\"SourceAlpha\" operator=\"arithmetic\" k2=\"-1\" k3=\"1\"\n                result=\"shadowInnerInner1\"></feComposite>\n            <feColorMatrix values=\"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0\" type=\"matrix\" in=\"shadowInnerInner1\">\n            </feColorMatrix>\n        </filter>\n    </defs>\n    <g id=\"button/next2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group\">\n            <g id=\"Group-Copy\">\n                <g id=\"Rectangle-5-Copy\" opacity=\"0.1\" fill-rule=\"nonzero\">\n                    <use fill=\"#CCCCCC\" xlink:href=\"#path-1\"></use>\n                    <use fill=\"black\" fill-opacity=\"1\" filter=\"url(#filter-2)\" xlink:href=\"#path-1\"></use>\n                </g>\n                <g id=\"Group-2\" transform=\"translate(3.000000, 3.000000)\">\n                    <g id=\"Rectangle-5-Copy-2\" fill-rule=\"nonzero\" filter=\"url(#filter-4)\">\n                        <use fill=\"#FFD655\" xlink:href=\"#path-3\"></use>\n                        <use fill=\"black\" fill-opacity=\"1\" filter=\"url(#filter-5)\" xlink:href=\"#path-3\"></use>\n                    </g>\n                    <polygon id=\"Shape\" fill=\"#666\"\n                        transform=\"translate(27.295000, 15.000000) scale(-1, 1) translate(-27.295000, -15.000000) \"\n                        points=\"31 10.41 29.59 9 23.59 15 29.59 21 31 19.59 26.42 15\"></polygon>\n                </g>\n            </g>\n            <g id=\"Icon-24px\"\n                transform=\"translate(30.000000, 18.000000) scale(-1, 1) translate(-30.000000, -18.000000) translate(26.000000, 12.000000)\">\n            </g>\n        </g>\n    </g>\n</svg> " }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmV4dC1hY3RpdmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcXVtbC1saWJyYXJ5L3NyYy9saWIvaWNvbi9uZXh0LWFjdGl2ZS9uZXh0LWFjdGl2ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9xdW1sLWxpYnJhcnkvc3JjL2xpYi9pY29uL25leHQtYWN0aXZlL25leHQtYWN0aXZlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTTFDLE1BQU0sT0FBTyxtQkFBbUI7a0lBQW5CLG1CQUFtQjtzSEFBbkIsbUJBQW1CLHdEQ05oQyx1MkdBZ0RPOzs0RkQxQ00sbUJBQW1CO2tCQUovQixTQUFTOytCQUNFLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdxdW1sLW5leHQtYWN0aXZlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25leHQtYWN0aXZlLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBOZXh0QWN0aXZlQ29tcG9uZW50IHt9XG4iLCIgPHN2ZyB3aWR0aD1cIjYwcHhcIiBoZWlnaHQ9XCIzNnB4XCIgdmlld0JveD1cIjAgMCA2MCAzNlwiIHZlcnNpb249XCIxLjFcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICB4bWxuczp4bGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIj5cbiAgICA8dGl0bGU+TmV4dDwvdGl0bGU+XG4gICAgPGRlZnM+XG4gICAgICAgIDxyZWN0IGlkPVwicGF0aC0xXCIgeD1cIjBcIiB5PVwiMFwiIHdpZHRoPVwiNjBcIiBoZWlnaHQ9XCIzNlwiIHJ4PVwiMThcIj48L3JlY3Q+XG4gICAgICAgIDxmaWx0ZXIgeD1cIi01LjglXCIgeT1cIi05LjclXCIgd2lkdGg9XCIxMTEuNyVcIiBoZWlnaHQ9XCIxMTkuNCVcIiBmaWx0ZXJVbml0cz1cIm9iamVjdEJvdW5kaW5nQm94XCIgaWQ9XCJmaWx0ZXItMlwiPlxuICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj1cIjNcIiBpbj1cIlNvdXJjZUFscGhhXCIgcmVzdWx0PVwic2hhZG93Qmx1cklubmVyMVwiPjwvZmVHYXVzc2lhbkJsdXI+XG4gICAgICAgICAgICA8ZmVPZmZzZXQgZHg9XCIwXCIgZHk9XCIxXCIgaW49XCJzaGFkb3dCbHVySW5uZXIxXCIgcmVzdWx0PVwic2hhZG93T2Zmc2V0SW5uZXIxXCI+PC9mZU9mZnNldD5cbiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbj1cInNoYWRvd09mZnNldElubmVyMVwiIGluMj1cIlNvdXJjZUFscGhhXCIgb3BlcmF0b3I9XCJhcml0aG1ldGljXCIgazI9XCItMVwiIGszPVwiMVwiXG4gICAgICAgICAgICAgICAgcmVzdWx0PVwic2hhZG93SW5uZXJJbm5lcjFcIj48L2ZlQ29tcG9zaXRlPlxuICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdmFsdWVzPVwiMCAwIDAgMCAwICAgMCAwIDAgMCAwICAgMCAwIDAgMCAwICAwIDAgMCAwLjUgMFwiIHR5cGU9XCJtYXRyaXhcIiBpbj1cInNoYWRvd0lubmVySW5uZXIxXCI+XG4gICAgICAgICAgICA8L2ZlQ29sb3JNYXRyaXg+XG4gICAgICAgIDwvZmlsdGVyPlxuICAgICAgICA8cmVjdCBpZD1cInBhdGgtM1wiIHg9XCIwXCIgeT1cIjBcIiB3aWR0aD1cIjU0XCIgaGVpZ2h0PVwiMzBcIiByeD1cIjE1XCI+PC9yZWN0PlxuICAgICAgICA8ZmlsdGVyIHg9XCItMi44JVwiIHk9XCItNS4wJVwiIHdpZHRoPVwiMTA1LjYlXCIgaGVpZ2h0PVwiMTEwLjAlXCIgZmlsdGVyVW5pdHM9XCJvYmplY3RCb3VuZGluZ0JveFwiIGlkPVwiZmlsdGVyLTRcIj5cbiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249XCIwLjVcIiBpbj1cIlNvdXJjZUdyYXBoaWNcIj48L2ZlR2F1c3NpYW5CbHVyPlxuICAgICAgICA8L2ZpbHRlcj5cbiAgICAgICAgPGZpbHRlciB4PVwiLTUuNiVcIiB5PVwiLTEwLjAlXCIgd2lkdGg9XCIxMTEuMSVcIiBoZWlnaHQ9XCIxMjAuMCVcIiBmaWx0ZXJVbml0cz1cIm9iamVjdEJvdW5kaW5nQm94XCIgaWQ9XCJmaWx0ZXItNVwiPlxuICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj1cIjFcIiBpbj1cIlNvdXJjZUFscGhhXCIgcmVzdWx0PVwic2hhZG93Qmx1cklubmVyMVwiPjwvZmVHYXVzc2lhbkJsdXI+XG4gICAgICAgICAgICA8ZmVPZmZzZXQgZHg9XCIwXCIgZHk9XCItMVwiIGluPVwic2hhZG93Qmx1cklubmVyMVwiIHJlc3VsdD1cInNoYWRvd09mZnNldElubmVyMVwiPjwvZmVPZmZzZXQ+XG4gICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW49XCJzaGFkb3dPZmZzZXRJbm5lcjFcIiBpbjI9XCJTb3VyY2VBbHBoYVwiIG9wZXJhdG9yPVwiYXJpdGhtZXRpY1wiIGsyPVwiLTFcIiBrMz1cIjFcIlxuICAgICAgICAgICAgICAgIHJlc3VsdD1cInNoYWRvd0lubmVySW5uZXIxXCI+PC9mZUNvbXBvc2l0ZT5cbiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHZhbHVlcz1cIjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC41IDBcIiB0eXBlPVwibWF0cml4XCIgaW49XCJzaGFkb3dJbm5lcklubmVyMVwiPlxuICAgICAgICAgICAgPC9mZUNvbG9yTWF0cml4PlxuICAgICAgICA8L2ZpbHRlcj5cbiAgICA8L2RlZnM+XG4gICAgPGcgaWQ9XCJidXR0b24vbmV4dDJcIiBzdHJva2U9XCJub25lXCIgc3Ryb2tlLXdpZHRoPVwiMVwiIGZpbGw9XCJub25lXCIgZmlsbC1ydWxlPVwiZXZlbm9kZFwiPlxuICAgICAgICA8ZyBpZD1cIkdyb3VwXCI+XG4gICAgICAgICAgICA8ZyBpZD1cIkdyb3VwLUNvcHlcIj5cbiAgICAgICAgICAgICAgICA8ZyBpZD1cIlJlY3RhbmdsZS01LUNvcHlcIiBvcGFjaXR5PVwiMC4xXCIgZmlsbC1ydWxlPVwibm9uemVyb1wiPlxuICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9XCIjQ0NDQ0NDXCIgeGxpbms6aHJlZj1cIiNwYXRoLTFcIj48L3VzZT5cbiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPVwiYmxhY2tcIiBmaWxsLW9wYWNpdHk9XCIxXCIgZmlsdGVyPVwidXJsKCNmaWx0ZXItMilcIiB4bGluazpocmVmPVwiI3BhdGgtMVwiPjwvdXNlPlxuICAgICAgICAgICAgICAgIDwvZz5cbiAgICAgICAgICAgICAgICA8ZyBpZD1cIkdyb3VwLTJcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMy4wMDAwMDAsIDMuMDAwMDAwKVwiPlxuICAgICAgICAgICAgICAgICAgICA8ZyBpZD1cIlJlY3RhbmdsZS01LUNvcHktMlwiIGZpbGwtcnVsZT1cIm5vbnplcm9cIiBmaWx0ZXI9XCJ1cmwoI2ZpbHRlci00KVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPVwiI0ZGRDY1NVwiIHhsaW5rOmhyZWY9XCIjcGF0aC0zXCI+PC91c2U+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9XCJibGFja1wiIGZpbGwtb3BhY2l0eT1cIjFcIiBmaWx0ZXI9XCJ1cmwoI2ZpbHRlci01KVwiIHhsaW5rOmhyZWY9XCIjcGF0aC0zXCI+PC91c2U+XG4gICAgICAgICAgICAgICAgICAgIDwvZz5cbiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9XCJTaGFwZVwiIGZpbGw9XCIjNjY2XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgyNy4yOTUwMDAsIDE1LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMjcuMjk1MDAwLCAtMTUuMDAwMDAwKSBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgcG9pbnRzPVwiMzEgMTAuNDEgMjkuNTkgOSAyMy41OSAxNSAyOS41OSAyMSAzMSAxOS41OSAyNi40MiAxNVwiPjwvcG9seWdvbj5cbiAgICAgICAgICAgICAgICA8L2c+XG4gICAgICAgICAgICA8L2c+XG4gICAgICAgICAgICA8ZyBpZD1cIkljb24tMjRweFwiXG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDMwLjAwMDAwMCwgMTguMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0zMC4wMDAwMDAsIC0xOC4wMDAwMDApIHRyYW5zbGF0ZSgyNi4wMDAwMDAsIDEyLjAwMDAwMClcIj5cbiAgICAgICAgICAgIDwvZz5cbiAgICAgICAgPC9nPlxuICAgIDwvZz5cbjwvc3ZnPiAiXX0=