{"__symbolic":"module","version":4,"metadata":{"RatingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":14},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":7,"character":28}],"exports":[{"__symbolic":"reference","name":"RatingComponent"}],"declarations":[{"__symbolic":"reference","name":"RatingComponent"},{"__symbolic":"reference","name":"SVGStar"},{"__symbolic":"reference","name":"SVGStarHollow"}]}]}],"members":{}},"CUSTOM_RATING_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":5,"character":13},"useExisting":{"__symbolic":"reference","name":"RatingComponent"},"multi":true},"RatingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sebng-rating","providers":[{"__symbolic":"reference","name":"CUSTOM_RATING_VALUE_ACCESSOR"}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":19},"member":"None"},"template":"<div class=\"rating-container\" [ngClass]=\"className\">\n    <div class=\"star-rating\" [class.read-only]=\"readOnly\" role=\"radiogroup\">\n        <span\n            class=\"star-holder\"\n            *ngFor=\"let item of getList(); let i = index\"\n            (mouseenter)=\"onMouseEnter(i)\"\n            (mouseleave)=\"onMouseLeave(i)\"\n            [id]=\"randomIds[i]\"\n            role=\"radio\"\n            [tabindex]=\"setTabIndex(i)\"\n            [attr.aria-checked]=\"value > i\"\n            (keyup)=\"onKeyup($event, i)\"\n            (keydown)=\"onKeydown($event)\"\n            (click)=\"onClick(i + 1)\"\n            #radioItemRefs\n        >\n            <span class=\"star-icon\" [attr.key]=\"i\" [attr.aria-labelledby]=\"randomIds[i]\">\n                <svg-star\n                    *ngIf=\"!useHollow\"\n                    [width]=\"iconWidth\"\n                    [height]=\"iconHeight\"\n                    [fill]=\"colors[0]\"\n                    [title]=\"tooltipList && tooltipList.length ? tooltipList[i] : null\"\n                >\n                </svg-star>\n                <svg-star-hollow\n                    *ngIf=\"useHollow\"\n                    [width]=\"iconWidth\"\n                    [height]=\"iconHeight\"\n                    [fill]=\"colors[0]\"\n                    [title]=\"tooltipList && tooltipList.length ? tooltipList[i] : null\"\n                >\n                </svg-star-hollow>\n                <span class=\"selected-star-holder\" [ngStyle]=\"{ width: getActiveList()[i] }\">\n                    <svg-star\n                        [width]=\"iconWidth\"\n                        [height]=\"iconHeight\"\n                        [fill]=\"colors[1]\"\n                        [title]=\"tooltipList && tooltipList.length ? tooltipList[i] : null\"\n                    >\n                    </svg-star>\n                </span>\n            </span>\n        </span>\n        <div class=\"displayValue\" *ngIf=\"showValue && !showTextValue\">{{ value }}</div>\n        <div class=\"displayTextValue\" *ngIf=\"showTextValue && tooltipList && tooltipList.length\">{{ displayValue }}</div>\n    </div>\n</div>\n","styles":[".rating-container{position:relative}.rating-container .star-cover{position:absolute;top:0;bottom:0;left:0;right:0}.rating-container .star-rating{display:inline-block}.rating-container .star-rating .star-holder{cursor:pointer}.rating-container .star-rating .star-holder .star-icon{display:inline-block;position:relative}.rating-container .star-rating .star-holder .star-icon .selected-star-holder{display:inline-block;overflow:hidden;width:0%;position:absolute;top:0;left:0;right:0;bottom:0;transition:width .2s}.rating-container .star-rating .star-holder .star-icon .selected-star-holder .selected-star{position:absolute;left:0;right:0;top:0;bottom:0}.rating-container .star-rating .star-holder .star-icon .selected-star-holder.active{width:100%}.rating-container .star-rating.read-only .star-holder{cursor:default}.rating-container .star-rating .displayValue,.rating-container .star-rating .displayTextValue{text-align:center}\n"]}]}],"members":{"iconWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"iconHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"readOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"tooltipList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"useHollow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"showValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"showTextValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"colors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5}}]}],"radios":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":57,"character":5},"arguments":["radioItemRefs"]}]}],"ngOnInit":[{"__symbolic":"method"}],"getList":[{"__symbolic":"method"}],"setTabIndex":[{"__symbolic":"method"}],"setRateValue":[{"__symbolic":"method"}],"getActiveList":[{"__symbolic":"method"}],"getTextValue":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onMouseEnter":[{"__symbolic":"method"}],"onKeydown":[{"__symbolic":"method"}],"onMouseLeave":[{"__symbolic":"method"}],"onKeyup":[{"__symbolic":"method"}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":211,"character":5}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}},"SVGStar":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"svg-star","template":"<svg\n    [attr.width]=\"width\"\n    [attr.height]=\"height\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n    <title *ngIf=\"title\">{{ title }}</title>\n    <defs>\n        <path\n            id=\"path-selected-1\"\n            d=\"m20,7.29836c-0.1,-0.2 -0.3,-0.3 -0.5,-0.3l-6.9,0l-2.1,-6.59836c-0.1,-0.3 -0.3,-0.4 -0.5,-0.4c-0.2,0 -0.4,0.1 -0.5,0.3l-2.1,6.69836l-6.9,0c-0.2,0 -0.4,0.1 -0.5,0.3c0,0.2 0,0.5 0.2,0.6l5.6,3.90164l-2.1,6.5c-0.1,0.2 -0.06934,0.35791 0.13066,0.55791c0.1,0.1 0.36934,0.14209 0.56934,0.04209l5.6,-4l5.6,4c0.1,0.1 0.5,0.1 0.6,0c0.2,-0.1 0.2,-0.4 0.2,-0.6l-2.1,-6.5l5.6,-3.90164c0.1,-0.1 0.1,-0.4 0.1,-0.6z\"\n        />\n    </defs>\n    <g>\n        <rect fill=\"none\" height=\"6.61537\" width=\"6.61537\" y=\"-1\" x=\"-1\" />\n    </g>\n    <g>\n        <title *ngIf=\"title\">{{title}}</title>\n        <g fill-rule=\"evenodd\" fill=\"none\">\n            <g>\n                <g>\n                    <mask transform=\"translate(2,2)\">\n                        <use xlink:href=\"#path-selected-1\" />\n                    </mask>\n                    <use x=\"2\" y=\"2\" xlink:href=\"#path-selected-1\" [attr.fill]=\"fill\" />\n                </g>\n            </g>\n        </g>\n    </g>\n</svg>\n"}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5}}]}],"fill":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}]}},"SVGStarHollow":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"svg-star-hollow","template":"<svg\n    [attr.width]=\"width\"\n    [attr.height]=\"height\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n    <title *ngIf=\"title\">{{ title }}</title>\n    <defs>\n        <path\n            id=\"path-1-unselected\"\n            d=\"m10.29796,13.734l4.71501,3.2844l-1.90297,-5.3504c-0.067,-0.207 0.007,-0.432 0.183,-0.56l4.72728,-3.108l-5.82128,0c-0.217,0 -0.408,-0.376 -0.475,-0.582l-1.72455,-5.41103l-1.80945,5.41203c-0.067,0.205 -0.259,0.581 -0.476,0.581l-5.714,0l4.621,3.108c0.176,0.128 0.25,0.353 0.183,0.56l-1.7939,5.3504l4.70186,-3.2844c0.087,-0.064 0.19,-0.095 0.293,-0.095c0.103,0 0.206,0.031 0.293,0.095zm9.70204,-6.43564c-0.1,-0.2 -0.3,-0.3 -0.5,-0.3l-6.9,0l-2.1,-6.59836c-0.1,-0.3 -0.3,-0.4 -0.5,-0.4c-0.2,0 -0.4,0.1 -0.5,0.3l-2.1,6.69836l-6.9,0c-0.2,0 -0.4,0.1 -0.5,0.3c0,0.2 0,0.5 0.2,0.6l5.6,3.90164l-2.1,6.5c-0.1,0.2 -0.06934,0.35791 0.13066,0.55791c0.1,0.1 0.36934,0.14209 0.56934,0.04209l5.6,-4l5.6,4c0.1,0.1 0.5,0.1 0.6,0c0.2,-0.1 0.2,-0.4 0.2,-0.6l-2.1,-6.5l5.6,-3.90164c0.1,-0.1 0.1,-0.4 0.1,-0.6z\"\n        />\n    </defs>\n    <g>\n        <rect fill=\"none\" height=\"6.61537\" width=\"6.61537\" y=\"-1\" x=\"-1\" />\n    </g>\n    <g>\n        <title *ngIf=\"title\">{{title}}</title>\n        <g fill-rule=\"evenodd\" fill=\"none\">\n            <g>\n                <g>\n                    <mask transform=\"translate(2,2)\">\n                        <use xlink:href=\"#path-1-unselected\" />\n                    </mask>\n                    <use x=\"2\" y=\"2\" xlink:href=\"#path-1-unselected\" [attr.fill]=\"fill\" />\n                </g>\n            </g>\n        </g>\n    </g>\n</svg>\n"}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"fill":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}]}}},"origins":{"RatingModule":"./rating.module","CUSTOM_RATING_VALUE_ACCESSOR":"./rating.component","RatingComponent":"./rating.component","SVGStar":"./svgStar","SVGStarHollow":"./svgStar"},"importAs":"@sebgroup/ng-components/lib/rating"}