survey-creator-angular/esm2015/custom-questions/boolean-switch.component.js

Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.

import { Component } from "@angular/core";
import { RendererFactory } from "survey-core";
import { AngularComponentFactory, QuestionAngular } from "survey-angular-ui";
import * as i0 from "@angular/core";
import * as i1 from "survey-angular-ui";
export class BooleanSwitchComponent extends QuestionAngular {
}
BooleanSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BooleanSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
BooleanSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: BooleanSwitchComponent, selector: "sv-ng-boolean-switch", usesInheritance: true, ngImport: i0, template: "<div class=\"spg-boolean-switch\" role=\"checkbox\" [attr.aria-required]=\"model.a11y_input_ariaRequired\"\n  [attr.aria-label]=\"model.a11y_input_ariaLabel\" [attr.aria-labelledby]=\"model.a11y_input_ariaLabelledBy\"\n  [attr.aria-describedby]=\"model.a11y_input_ariaDescribedBy\" [attr.aria-invalid]=\"model.a11y_input_ariaInvalid\"\n  [attr.aria-errormessage]=\"model.a11y_input_ariaErrormessage\" (click)=\"model.value = !model.value\">\n  <div class=\"spg-boolean-switch__button\" tabindex=\"0\"\n    [key2click]=\"{ disableTabStop: true }\"\n    [class]=\"model.value ? 'spg-boolean-switch__button--checked' : ''\">\n    <div class=\"spg-boolean-switch__thumb\">\n      <div class=\"spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--left\"></div>\n    </div>\n    <div class=\"spg-boolean-switch__thumb\">\n      <div class=\"spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--right\"></div>\n    </div>\n  </div>\n  <div class=\"spg-boolean-switch__caption\">\n    <div class=\"spg-boolean-switch__title\">\n      <span [model]=\"model.locTitle\" sv-ng-string></span>\n    </div>\n  </div>\n</div>", components: [{ type: i1.SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }], directives: [{ type: i1.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BooleanSwitchComponent, decorators: [{
            type: Component,
            args: [{
                    selector: "sv-ng-boolean-switch",
                    templateUrl: "./boolean-switch.component.html"
                }]
        }] });
AngularComponentFactory.Instance.registerComponent("sv-boolean-switch", BooleanSwitchComponent);
RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9vbGVhbi1zd2l0Y2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2N1c3RvbS1xdWVzdGlvbnMvYm9vbGVhbi1zd2l0Y2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vc3JjL2N1c3RvbS1xdWVzdGlvbnMvYm9vbGVhbi1zd2l0Y2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZUFBZSxFQUF5QixNQUFNLGFBQWEsQ0FBQztBQUNyRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7OztBQU03RSxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsZUFBc0M7O29IQUFyRSxzQkFBc0I7d0dBQXRCLHNCQUFzQixtRkNSbkMscW1DQW1CTTs0RkRYTyxzQkFBc0I7a0JBSmxDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsV0FBVyxFQUFFLGlDQUFpQztpQkFDL0M7O0FBR0QsdUJBQXVCLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLG1CQUFtQixFQUFFLHNCQUFzQixDQUFDLENBQUM7QUFDaEcsZUFBZSxDQUFDLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FDdkMsU0FBUyxFQUNULFFBQVEsRUFDUixtQkFBbUIsQ0FDcEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBSZW5kZXJlckZhY3RvcnksIFF1ZXN0aW9uQ2hlY2tib3hNb2RlbCB9IGZyb20gXCJzdXJ2ZXktY29yZVwiO1xuaW1wb3J0IHsgQW5ndWxhckNvbXBvbmVudEZhY3RvcnksIFF1ZXN0aW9uQW5ndWxhciB9IGZyb20gXCJzdXJ2ZXktYW5ndWxhci11aVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3YtbmctYm9vbGVhbi1zd2l0Y2hcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9ib29sZWFuLXN3aXRjaC5jb21wb25lbnQuaHRtbFwiXG59KVxuZXhwb3J0IGNsYXNzIEJvb2xlYW5Td2l0Y2hDb21wb25lbnQgZXh0ZW5kcyBRdWVzdGlvbkFuZ3VsYXI8UXVlc3Rpb25DaGVja2JveE1vZGVsPiB7IH1cblxuQW5ndWxhckNvbXBvbmVudEZhY3RvcnkuSW5zdGFuY2UucmVnaXN0ZXJDb21wb25lbnQoXCJzdi1ib29sZWFuLXN3aXRjaFwiLCBCb29sZWFuU3dpdGNoQ29tcG9uZW50KTtcblJlbmRlcmVyRmFjdG9yeS5JbnN0YW5jZS5yZWdpc3RlclJlbmRlcmVyKFxuICBcImJvb2xlYW5cIixcbiAgXCJzd2l0Y2hcIixcbiAgXCJzdi1ib29sZWFuLXN3aXRjaFwiXG4pO1xuIiwiPGRpdiBjbGFzcz1cInNwZy1ib29sZWFuLXN3aXRjaFwiIHJvbGU9XCJjaGVja2JveFwiIFthdHRyLmFyaWEtcmVxdWlyZWRdPVwibW9kZWwuYTExeV9pbnB1dF9hcmlhUmVxdWlyZWRcIlxuICBbYXR0ci5hcmlhLWxhYmVsXT1cIm1vZGVsLmExMXlfaW5wdXRfYXJpYUxhYmVsXCIgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cIm1vZGVsLmExMXlfaW5wdXRfYXJpYUxhYmVsbGVkQnlcIlxuICBbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XT1cIm1vZGVsLmExMXlfaW5wdXRfYXJpYURlc2NyaWJlZEJ5XCIgW2F0dHIuYXJpYS1pbnZhbGlkXT1cIm1vZGVsLmExMXlfaW5wdXRfYXJpYUludmFsaWRcIlxuICBbYXR0ci5hcmlhLWVycm9ybWVzc2FnZV09XCJtb2RlbC5hMTF5X2lucHV0X2FyaWFFcnJvcm1lc3NhZ2VcIiAoY2xpY2spPVwibW9kZWwudmFsdWUgPSAhbW9kZWwudmFsdWVcIj5cbiAgPGRpdiBjbGFzcz1cInNwZy1ib29sZWFuLXN3aXRjaF9fYnV0dG9uXCIgdGFiaW5kZXg9XCIwXCJcbiAgICBba2V5MmNsaWNrXT1cInsgZGlzYWJsZVRhYlN0b3A6IHRydWUgfVwiXG4gICAgW2NsYXNzXT1cIm1vZGVsLnZhbHVlID8gJ3NwZy1ib29sZWFuLXN3aXRjaF9fYnV0dG9uLS1jaGVja2VkJyA6ICcnXCI+XG4gICAgPGRpdiBjbGFzcz1cInNwZy1ib29sZWFuLXN3aXRjaF9fdGh1bWJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzcGctYm9vbGVhbi1zd2l0Y2hfX3RodW1iLWNpcmNsZSBzcGctYm9vbGVhbi1zd2l0Y2hfX3RodW1iLS1sZWZ0XCI+PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInNwZy1ib29sZWFuLXN3aXRjaF9fdGh1bWJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzcGctYm9vbGVhbi1zd2l0Y2hfX3RodW1iLWNpcmNsZSBzcGctYm9vbGVhbi1zd2l0Y2hfX3RodW1iLS1yaWdodFwiPjwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInNwZy1ib29sZWFuLXN3aXRjaF9fY2FwdGlvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJzcGctYm9vbGVhbi1zd2l0Y2hfX3RpdGxlXCI+XG4gICAgICA8c3BhbiBbbW9kZWxdPVwibW9kZWwubG9jVGl0bGVcIiBzdi1uZy1zdHJpbmc+PC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==