survey-angular-ui/esm2015/components/slider/slider-label-item.component.js

A free MIT-licensed Angular UI component that renders dynamic, interactive JSON-based forms and surveys. You can use it to collect responses from users and send them to your own database.

import { Component, Input } from "@angular/core";
import { BaseAngular } from "../../base-angular";
import { AngularComponentFactory } from "../../component-factory";
import * as i0 from "@angular/core";
import * as i1 from "../../survey-string.component";
import * as i2 from "@angular/common";
export class SliderLabelItemComponent extends BaseAngular {
    // onClick(event: any): void {
    //   this.model.setValueFromClick(event.target.value);
    //   event.stopPropagation();
    // }
    getModel() {
        return this.item;
    }
}
SliderLabelItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SliderLabelItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
SliderLabelItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SliderLabelItemComponent, selector: "sv-ng-slider-label-item", inputs: { model: "model", item: "item" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n    <div [class]=\"model.getLabelCss(item.locText)\"\n      [style]=\"{ left: model.getPercent(item.value) + '%' }\"\n      (pointerup)=\"model.handleLabelPointerUp($any($event), item.value)\">\n        <div [class]=\"model.cssClasses.labelTick\"></div>\n        <div [class]=\"model.cssClasses.labelTextContainer\">\n          <div *ngIf=\"!item.showValue\" [class]=\"model.cssClasses.labelText\" [model]=\"item.locText\" sv-ng-string></div>\n          <div *ngIf=\"item.showValue\" [class]=\"model.cssClasses.labelText\">{{ item.value }}</div>\n          <div *ngIf=\"item.showValue\" [class]=\"model.cssClasses.labelTextSecondaryMode\" [model]=\"item.locText\" sv-ng-string></div>\n        </div>\n    </div>\n</ng-template>", components: [{ type: i1.SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SliderLabelItemComponent, decorators: [{
            type: Component,
            args: [{
                    selector: "sv-ng-slider-label-item",
                    templateUrl: "./slider-label-item.component.html"
                }]
        }], propDecorators: { model: [{
                type: Input
            }], item: [{
                type: Input
            }] } });
AngularComponentFactory.Instance.registerComponent("sv-slider-label-item", SliderLabelItemComponent);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLWxhYmVsLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2xpZGVyL3NsaWRlci1sYWJlbC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWRlci9zbGlkZXItbGFiZWwtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDakQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7QUFPbEUsTUFBTSxPQUFPLHdCQUF5QixTQUFRLFdBQVc7SUFJdkQsOEJBQThCO0lBQzlCLHNEQUFzRDtJQUN0RCw2QkFBNkI7SUFDN0IsSUFBSTtJQUVKLFFBQVE7UUFDTixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDbkIsQ0FBQzs7c0hBWFUsd0JBQXdCOzBHQUF4Qix3QkFBd0IsZ0lDVnJDLGt2QkFXYzs0RkRERCx3QkFBd0I7a0JBTHBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsV0FBVyxFQUFFLG9DQUFvQztpQkFDbEQ7OEJBR1UsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSzs7QUFZUix1QkFBdUIsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsc0JBQXNCLEVBQUUsd0JBQXdCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgUXVlc3Rpb25TbGlkZXJNb2RlbCwgU2xpZGVyTGFiZWxJdGVtVmFsdWUgfSBmcm9tIFwic3VydmV5LWNvcmVcIjtcbmltcG9ydCB7IEJhc2VBbmd1bGFyIH0gZnJvbSBcIi4uLy4uL2Jhc2UtYW5ndWxhclwiO1xuaW1wb3J0IHsgQW5ndWxhckNvbXBvbmVudEZhY3RvcnkgfSBmcm9tIFwiLi4vLi4vY29tcG9uZW50LWZhY3RvcnlcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2LW5nLXNsaWRlci1sYWJlbC1pdGVtXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2xpZGVyLWxhYmVsLWl0ZW0uY29tcG9uZW50Lmh0bWxcIlxufSlcblxuZXhwb3J0IGNsYXNzIFNsaWRlckxhYmVsSXRlbUNvbXBvbmVudCBleHRlbmRzIEJhc2VBbmd1bGFyIHtcbiAgQElucHV0KCkgbW9kZWwhOiBRdWVzdGlvblNsaWRlck1vZGVsO1xuICBASW5wdXQoKSBpdGVtITogU2xpZGVyTGFiZWxJdGVtVmFsdWU7XG5cbiAgLy8gb25DbGljayhldmVudDogYW55KTogdm9pZCB7XG4gIC8vICAgdGhpcy5tb2RlbC5zZXRWYWx1ZUZyb21DbGljayhldmVudC50YXJnZXQudmFsdWUpO1xuICAvLyAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAvLyB9XG5cbiAgZ2V0TW9kZWwoKSB7XG4gICAgcmV0dXJuIHRoaXMuaXRlbTtcbiAgfVxufVxuXG5Bbmd1bGFyQ29tcG9uZW50RmFjdG9yeS5JbnN0YW5jZS5yZWdpc3RlckNvbXBvbmVudChcInN2LXNsaWRlci1sYWJlbC1pdGVtXCIsIFNsaWRlckxhYmVsSXRlbUNvbXBvbmVudCk7IiwiPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cbiAgICA8ZGl2IFtjbGFzc109XCJtb2RlbC5nZXRMYWJlbENzcyhpdGVtLmxvY1RleHQpXCJcbiAgICAgIFtzdHlsZV09XCJ7IGxlZnQ6IG1vZGVsLmdldFBlcmNlbnQoaXRlbS52YWx1ZSkgKyAnJScgfVwiXG4gICAgICAocG9pbnRlcnVwKT1cIm1vZGVsLmhhbmRsZUxhYmVsUG9pbnRlclVwKCRhbnkoJGV2ZW50KSwgaXRlbS52YWx1ZSlcIj5cbiAgICAgICAgPGRpdiBbY2xhc3NdPVwibW9kZWwuY3NzQ2xhc3Nlcy5sYWJlbFRpY2tcIj48L2Rpdj5cbiAgICAgICAgPGRpdiBbY2xhc3NdPVwibW9kZWwuY3NzQ2xhc3Nlcy5sYWJlbFRleHRDb250YWluZXJcIj5cbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwiIWl0ZW0uc2hvd1ZhbHVlXCIgW2NsYXNzXT1cIm1vZGVsLmNzc0NsYXNzZXMubGFiZWxUZXh0XCIgW21vZGVsXT1cIml0ZW0ubG9jVGV4dFwiIHN2LW5nLXN0cmluZz48L2Rpdj5cbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwiaXRlbS5zaG93VmFsdWVcIiBbY2xhc3NdPVwibW9kZWwuY3NzQ2xhc3Nlcy5sYWJlbFRleHRcIj57eyBpdGVtLnZhbHVlIH19PC9kaXY+XG4gICAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0uc2hvd1ZhbHVlXCIgW2NsYXNzXT1cIm1vZGVsLmNzc0NsYXNzZXMubGFiZWxUZXh0U2Vjb25kYXJ5TW9kZVwiIFttb2RlbF09XCJpdGVtLmxvY1RleHRcIiBzdi1uZy1zdHJpbmc+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT4iXX0=