[{"__symbolic":"module","version":3,"metadata":{"AdmDateRangePickerContainer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"entryComponents":[{"__symbolic":"reference","module":"./component.selector","name":"DateRangePickerComponent"}],"selector":"adm-date-range-picker","styles":["@keyframes scaleIt { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } } date-range-picker, adm-date-range-picker { display: inline-block; position: relative; font-size: 14px; } .adm-date-picker__label { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; white-space: nowrap; } .adm-date-picker__holder { position: absolute; left: 0; top: 100%; margin-top: 10px; width: 505px; z-index: 999; } .adm-date-picker__calendar { background: rgba(250, 250, 250, 0.7); } .adm-date-picker__calendar__item { text-align: center; display: inline-block; vertical-align: top; border-right: 1px solid rgba(207, 211, 215, 0.5); padding: 15px 20px; color: #555; } .adm-date-picker__calendar__item:last-child { border-right: none; } .adm-date-picker__calendar__title { text-transform: uppercase; margin-bottom: 15px; line-height: 22px; } .adm-date-picker__calendar__title b { margin-left: 3px; } .adm-date-picker__calendar__title .adm-btn { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; cursor: pointer; display: inline-block; padding: 0; background: transparent; border: none; line-height: 1; color: #00beef; transition: transform .1s ease-in; } .adm-date-picker__calendar__title .adm-btn:hover { transform: scale(1.1); } .adm-date-picker__calendar__title .adm-btn .material-icons { font-size: 20px; vertical-align: middle; } .adm-date-picker__calendar__title .adm-btn.is__left { float: left; } .adm-date-picker__calendar__title .adm-btn.is__right { float: right; } .adm-date-picker__calendar__wrap { display: inline-block; border: 1px solid #cfd3d7; background: #fff; border-radius: 3px; box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.11); } .adm-date-picker__calendar__wrap .adm-date-picker__info { display: block; position: relative; overflow: hidden; border-bottom: 1px solid #cfd3d7; padding: 13px 20px; } .adm-date-picker__calendar__wrap .adm-date-picker__info ul { margin: 0; padding: 0; } .adm-date-picker__calendar__wrap .adm-date-picker__info ul li { display: inline-block; vertical-align: middle; list-style-type: none; margin: 0 10px; } .adm-date-picker__calendar__wrap .adm-date-picker__info ul li:first-child { margin-left: 0; } .adm-date-picker__calendar__wrap .adm-date-picker__info ul li:last-child { margin-right: 0; } .adm-date-picker__calendar__wrap .adm-date-picker__info ul li button { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; cursor: pointer; border-bottom: 1px dashed transparent; } .adm-date-picker__calendar__wrap .adm-date-picker__info ul li button:hover { border-color: initial; } .adm-date-picker__calendar__table__holder { height: 180px; margin-bottom: 10px; } .adm-date-picker__calendar__table { border-collapse: collapse; } .adm-date-picker__calendar__head { color: #c8c8c8; width: 100%; border-bottom: 1px solid; } .adm-date-picker__calendar__week > * { height: 30px; width: 30px; cursor: pointer; user-select: none; transition: background .1s ease; position: relative; border: 1px solid transparent; border-width: 2px 0; box-sizing: border-box; z-index: 1; vertical-align: middle; } .adm-date-picker__calendar__week > *.is__today:before { content: ''; display: inline-block; width: 3px; height: 3px; position: absolute; top: .3em; right: .3em; background: #00beef; border-radius: 50%; } .adm-date-picker__calendar__week > *.is__start-date, .adm-date-picker__calendar__week > *.is__end-date { color: #fff; animation: scaleIt 0.1s 1 cubic-bezier(0.65, 0.05, 0.36, 1); } .adm-date-picker__calendar__week > *.is__start-date:after, .adm-date-picker__calendar__week > *.is__end-date:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #00beef; z-index: -1; } .adm-date-picker__calendar__week > *.is__start-date, .adm-date-picker__calendar__week > *.is__end-date { border: none; } .adm-date-picker__calendar__week > *.is__start-date:after { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .adm-date-picker__calendar__week > *.is__end-date:after { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .adm-date-picker__calendar__week > *.is__between-range, .adm-date-picker__calendar__week > *.is__between-start-and-hover { background: rgba(0, 190, 239, 0.2); } .adm-date-picker__calendar__range { text-align: left; } .adm-date-picker__calendar__controls { display: block; border-top: 1px solid #cfd3d7; padding: 10px 10px; } .adm-date-picker__calendar__controls ul { position: relative; overflow: hidden; clear: both; margin: 0; padding: 0; } .adm-date-picker__calendar__controls ul li { list-style-type: none; float: right; } .adm-date-picker__calendar__controls ul li:first-child { float: left; } .adm-date-picker__calendar__controls ul li .adm-btn { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; border-radius: 3px; padding: 8px 10px; cursor: pointer; line-height: 1; } .adm-date-picker__calendar__controls ul li .adm-btn:hover { color: #46bb00; } .adm-date-picker__calendar__controls ul li .adm-btn__apply { background: #46bb00; color: #fff; border: 1px solid transparent; } .adm-date-picker__calendar__controls ul li .adm-btn__apply:hover { background: transparent; border-color: #46bb00; } "],"host":{"class":"adm-date-picker","$quoted$":["class"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"AdmDateRangePickerContainer"},"multi":true}],"template":"\n        <button adm class=\"adm-date-picker__label\" type=\"button\" (click)=\"toggle();\">{{label}}</button>\n        <div class=\"adm-date-picker__holder\" *ngIf=\"isOpen\">\n            <date-range-picker-selector (apply)=\"onApply($event);\"\n                                        [initialDate]=\"value\"\n                                        [enableReset]=\"enableResetBtn\"\n                                        [ranges]=\"datePeriods\"\n                                        [format]=\"format\"></date-range-picker-selector>\n        </div>\n    "}]}],"members":{"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"enableResetBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"datePeriods":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./service.calendar","name":"Calendar"}]}],"toggle":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"onApply":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"onDocumentClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document: click",[]]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"AdmDateRangePickerContainer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"entryComponents":[{"__symbolic":"reference","module":"./component.selector","name":"DateRangePickerComponent"}],"selector":"adm-date-range-picker","styles":["@keyframes scaleIt { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } } date-range-picker, adm-date-range-picker { display: inline-block; position: relative; font-size: 14px; } .adm-date-picker__label { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; white-space: nowrap; } .adm-date-picker__holder { position: absolute; left: 0; top: 100%; margin-top: 10px; width: 505px; z-index: 999; } .adm-date-picker__calendar { background: rgba(250, 250, 250, 0.7); } .adm-date-picker__calendar__item { text-align: center; display: inline-block; vertical-align: top; border-right: 1px solid rgba(207, 211, 215, 0.5); padding: 15px 20px; color: #555; } .adm-date-picker__calendar__item:last-child { border-right: none; } .adm-date-picker__calendar__title { text-transform: uppercase; margin-bottom: 15px; line-height: 22px; } .adm-date-picker__calendar__title b { margin-left: 3px; } .adm-date-picker__calendar__title .adm-btn { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; cursor: pointer; display: inline-block; padding: 0; background: transparent; border: none; line-height: 1; color: #00beef; transition: transform .1s ease-in; } .adm-date-picker__calendar__title .adm-btn:hover { transform: scale(1.1); } .adm-date-picker__calendar__title .adm-btn .material-icons { font-size: 20px; vertical-align: middle; } .adm-date-picker__calendar__title .adm-btn.is__left { float: left; } .adm-date-picker__calendar__title .adm-btn.is__right { float: right; } .adm-date-picker__calendar__wrap { display: inline-block; border: 1px solid #cfd3d7; background: #fff; border-radius: 3px; box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.11); } .adm-date-picker__calendar__wrap .adm-date-picker__info { display: block; position: relative; overflow: hidden; border-bottom: 1px solid #cfd3d7; padding: 13px 20px; } .adm-date-picker__calendar__wrap .adm-date-picker__info ul { margin: 0; padding: 0; } .adm-date-picker__calendar__wrap .adm-date-picker__info ul li { display: inline-block; vertical-align: middle; list-style-type: none; margin: 0 10px; } .adm-date-picker__calendar__wrap .adm-date-picker__info ul li:first-child { margin-left: 0; } .adm-date-picker__calendar__wrap .adm-date-picker__info ul li:last-child { margin-right: 0; } .adm-date-picker__calendar__wrap .adm-date-picker__info ul li button { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; cursor: pointer; border-bottom: 1px dashed transparent; } .adm-date-picker__calendar__wrap .adm-date-picker__info ul li button:hover { border-color: initial; } .adm-date-picker__calendar__table__holder { height: 180px; margin-bottom: 10px; } .adm-date-picker__calendar__table { border-collapse: collapse; } .adm-date-picker__calendar__head { color: #c8c8c8; width: 100%; border-bottom: 1px solid; } .adm-date-picker__calendar__week > * { height: 30px; width: 30px; cursor: pointer; user-select: none; transition: background .1s ease; position: relative; border: 1px solid transparent; border-width: 2px 0; box-sizing: border-box; z-index: 1; vertical-align: middle; } .adm-date-picker__calendar__week > *.is__today:before { content: ''; display: inline-block; width: 3px; height: 3px; position: absolute; top: .3em; right: .3em; background: #00beef; border-radius: 50%; } .adm-date-picker__calendar__week > *.is__start-date, .adm-date-picker__calendar__week > *.is__end-date { color: #fff; animation: scaleIt 0.1s 1 cubic-bezier(0.65, 0.05, 0.36, 1); } .adm-date-picker__calendar__week > *.is__start-date:after, .adm-date-picker__calendar__week > *.is__end-date:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #00beef; z-index: -1; } .adm-date-picker__calendar__week > *.is__start-date, .adm-date-picker__calendar__week > *.is__end-date { border: none; } .adm-date-picker__calendar__week > *.is__start-date:after { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .adm-date-picker__calendar__week > *.is__end-date:after { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .adm-date-picker__calendar__week > *.is__between-range, .adm-date-picker__calendar__week > *.is__between-start-and-hover { background: rgba(0, 190, 239, 0.2); } .adm-date-picker__calendar__range { text-align: left; } .adm-date-picker__calendar__controls { display: block; border-top: 1px solid #cfd3d7; padding: 10px 10px; } .adm-date-picker__calendar__controls ul { position: relative; overflow: hidden; clear: both; margin: 0; padding: 0; } .adm-date-picker__calendar__controls ul li { list-style-type: none; float: right; } .adm-date-picker__calendar__controls ul li:first-child { float: left; } .adm-date-picker__calendar__controls ul li .adm-btn { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; border-radius: 3px; padding: 8px 10px; cursor: pointer; line-height: 1; } .adm-date-picker__calendar__controls ul li .adm-btn:hover { color: #46bb00; } .adm-date-picker__calendar__controls ul li .adm-btn__apply { background: #46bb00; color: #fff; border: 1px solid transparent; } .adm-date-picker__calendar__controls ul li .adm-btn__apply:hover { background: transparent; border-color: #46bb00; } "],"host":{"class":"adm-date-picker"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"AdmDateRangePickerContainer"},"multi":true}],"template":"\n        <button adm class=\"adm-date-picker__label\" type=\"button\" (click)=\"toggle();\">{{label}}</button>\n        <div class=\"adm-date-picker__holder\" *ngIf=\"isOpen\">\n            <date-range-picker-selector (apply)=\"onApply($event);\"\n                                        [initialDate]=\"value\"\n                                        [enableReset]=\"enableResetBtn\"\n                                        [ranges]=\"datePeriods\"\n                                        [format]=\"format\"></date-range-picker-selector>\n        </div>\n    "}]}],"members":{"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"enableResetBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"datePeriods":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./service.calendar","name":"Calendar"}]}],"toggle":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"onApply":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"onDocumentClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document: click",[]]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}}}}]