{"__symbolic":"module","version":4,"metadata":{"PaginationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"aui-pagination","template":"<nav *ngIf=\"totalPages > 1\" [attr.aria-label]= ariaNavigationLabel>\n    <!-- Basic -->\n    <ul class=\"m-pagination\" [ngClass]=\"{'m-pagination--outline': styling === 'outlined' }\" *ngIf=\"display === 'basic'\">\n        <li class=\"m-pagination__prev\">\n            <a [ngClass]=\"{'is-disabled': currentPage <= 1 }\" [href]=\"currentPage > 1 ? '#' : null\" id=\"pagination-{{ instanceId }}-prev-page\" (click)=\"prev()\" [attr.aria-label]= ariaPreviousLabel>\n                <span aria-hidden=\"true\" class=\"fa fa-angle-left\"></span>\n                <span class=\"u-screen-reader-only\">{{ariaPreviousLabel}}</span>\n            </a>\n        </li>\n        <li class=\"m-pagination__next\">\n            <a [ngClass]=\"{'is-disabled': currentPage >= totalPages }\" [href]=\"currentPage < totalPages ? '#' : null\" id=\"pagination-{{ instanceId }}-next-page\" (click)=\"next()\" [attr.aria-label]= ariaNextLabel>\n                <span aria-hidden=\"true\" class=\"fa fa-angle-right\"></span>\n                <span class=\"u-screen-reader-only\">{{ariaNextLabel}}</span>\n            </a>\n        </li>\n    </ul>\n\n    <!-- Text -->\n    <ul class=\"m-pagination\" [ngClass]=\"{'m-pagination--outline': styling === 'outlined' }\" *ngIf=\"display === 'text'\">\n        <li class=\"m-pagination__prev\">\n            <a [ngClass]=\"{'is-disabled': currentPage <= 1 }\" [href]=\"currentPage > 1 ? '#' : null\" id=\"pagination-{{ instanceId }}-prev-page\" (click)=\"prev()\" [attr.aria-label]= ariaPreviousLabel>\n                <span aria-hidden=\"true\" class=\"fa fa-angle-left\"></span>\n                <span class=\"u-screen-reader-only\">{{ariaPreviousLabel}}</span>\n            </a>\n        </li>\n        <li class=\"m-pagination__label\">{{ currentPage }} - {{ totalPages }}</li>\n        <li class=\"m-pagination__next\">\n            <a [ngClass]=\"{'is-disabled': currentPage >= totalPages }\" [href]=\"currentPage < totalPages ? '#' : null\" id=\"pagination-{{ instanceId }}-next-page\" (click)=\"next()\" [attr.aria-label]= ariaNextLabel>\n                <span aria-hidden=\"true\" class=\"fa fa-angle-right\"></span>\n                <span class=\"u-screen-reader-only\">{{ariaNextLabel}}</span>\n            </a>\n        </li>\n    </ul>\n\n    <!-- Numbers -->\n    <ul class=\"m-pagination\" [ngClass]=\"{'m-pagination--outline': styling === 'outlined' }\" *ngIf=\"display === 'numbers'\">\n        <li class=\"m-pagination__prev\">\n            <a [ngClass]=\"{'is-disabled': currentPage <= 1 }\" [href]=\"currentPage > 1 ? '#' : null\" id=\"pagination-{{ instanceId }}-prev-page\" (click)=\"prev()\" [attr.aria-label]= ariaPreviousLabel>\n                <span aria-hidden=\"true\" class=\"fa fa-angle-left\"></span>\n                <span class=\"u-screen-reader-only\">{{ariaPreviousLabel}}</span>\n            </a>\n        </li>\n        <li *ngFor=\"let number of numbers; let i = index\">\n            <a [ngClass]=\"{'is-active': number === currentPage + '' }\" href=\"#\" id=\"pagination-{{ instanceId }}-button-{{ i }}\" (click)=\"onUpdate(number)\" [attr.aria-label]=\"ariaCurrentLabel + ' ' + number\" [attr.aria-current]=\"number === currentPage + '' ? 'page' : null\">{{ number }}</a>\n        </li>\n        <li class=\"m-pagination__next\">\n            <a [ngClass]=\"{'is-disabled': currentPage >= totalPages }\" [href]=\"currentPage < totalPages ? '#' : null\" id=\"pagination-{{ instanceId }}-next-page\" (click)=\"next()\" [attr.aria-label]= ariaNextLabel>\n                <span aria-hidden=\"true\" class=\"fa fa-angle-right\"></span>\n                <span class=\"u-screen-reader-only\">{{ariaNextLabel}}</span>\n            </a>\n        </li>\n    </ul>\n</nav>\n"}]}],"members":{"ariaNavigationLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":2}}]}],"ariaPreviousLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":2}}]}],"ariaNextLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":2}}]}],"ariaCurrentLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":2}}]}],"currentPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":2}}]}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":2}}]}],"itemsPerPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":2}}]}],"styling":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":2}}]}],"totalValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":2}}]}],"update":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":2}}]}],"ngOnChanges":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"onUpdate":[{"__symbolic":"method"}],"setValues":[{"__symbolic":"method"}]}},"PaginationLabels":{"__symbolic":"interface"},"PaginationDisplay":{"__symbolic":"interface"},"PAGINATION_LABELS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":37},"arguments":["paginationLabels"]},"PAGINATION_LABELS_DEFAULT":{"PAGINATION_LABEL":"%{currentPage} of %{total}"},"PaginationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":2}],"declarations":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵa"}}],"exports":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵa"}}],"providers":[{"provide":{"__symbolic":"reference","name":"PAGINATION_LABELS"},"useValue":{"__symbolic":"reference","name":"PAGINATION_LABELS_DEFAULT"}}]}]}],"members":{},"statics":{"forChild":{"__symbolic":"function","parameters":["paginationLabels"],"value":{"ngModule":{"__symbolic":"reference","name":"PaginationModule"},"providers":[{"provide":{"__symbolic":"reference","name":"PAGINATION_LABELS"},"useValue":{"__symbolic":"reference","name":"paginationLabels"}}]}}}},"ItemCounterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"aui-item-counter","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":18},"member":"OnPush"},"template":"<div class=\"m-item-counter\">\n    {{ label | pluralizeLabel:totalAmount | interpolateLabel:{currentFrom: currentFrom, currentTo: currentTo, totalAmount: totalAmount} }}\n</div>\n","styles":[":host{-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex}"]}]}],"members":{"setClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":2},"arguments":["class.aui-item-counter"]}]}],"currentPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":2}}]}],"totalAmount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":2}}]}],"amountPerPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":2}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":31,"character":14},"arguments":[{"__symbolic":"reference","name":"ITEM_COUNTER_LABEL"}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"setFromTo":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"ItemsPerPageComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"aui-items-per-page","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":21,"character":18},"member":"OnPush"},"template":"<div class=\"m-items-per-page\">\n    <div class=\"a-input has-icon-right\" [ngClass]=\"[inputSizes[size]]\">\n        <div class=\"a-input__wrapper\">\n            <select [name]=\"id\" [id]=\"id\" [ngModel]=\"amountPerPage\" (ngModelChange)=\"setAmount($event)\">\n                <option *ngFor=\"let amountOption of selectOptions\" [value]=\"amountOption\">{{ amountOption }}</option>\n            </select>\n            <span class=\"fa fa-angle-down\"></span>\n        </div>\n\n        <label class=\"a-input__label\" [for]=\"id\">{{ label | pluralizeLabel:amountPerPage }}</label>\n    </div>\n</div>\n","styles":[":host{-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex}"]}]}],"members":{"setClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":2},"arguments":["class.aui-items-per-page"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":2}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":2}}]}],"selectOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":2}}]}],"amountPerPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":2}}]}],"returnAmount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":41,"character":3},"arguments":[{"__symbolic":"reference","name":"ITEMS_PER_PAGE_LABEL"}]}]],"parameters":[null]}],"setAmount":[{"__symbolic":"method"}]}},"sizes":{"S":"S","R":"R","L":"L"},"ITEM_COUNTER_LABEL":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":38},"arguments":["itemCounterLabels"]},"ITEMS_PER_PAGE_LABEL":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":5,"character":40},"arguments":["itemsPerPageLabels"]},"ItemCounterModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":2},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":13,"character":2},{"__symbolic":"reference","module":"@acpaas-ui/ngx-components/utils","name":"LabelsModule","line":14,"character":2}],"declarations":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵb"}}],"exports":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵb"}}],"providers":[{"provide":{"__symbolic":"reference","name":"ITEM_COUNTER_LABEL"},"useValue":{"__symbolic":"reference","name":"undefined"}},{"provide":{"__symbolic":"reference","name":"ITEMS_PER_PAGE_LABEL"},"useValue":{"__symbolic":"reference","name":"undefined"}}]}]}],"members":{},"statics":{"forChild":{"__symbolic":"function","parameters":["itemCounterLabel","itemsPerPageLabel"],"value":{"ngModule":{"__symbolic":"reference","name":"ItemCounterModule"},"providers":[{"provide":{"__symbolic":"reference","name":"ITEM_COUNTER_LABEL"},"useValue":{"__symbolic":"reference","name":"itemCounterLabel"}},{"provide":{"__symbolic":"reference","name":"ITEMS_PER_PAGE_LABEL"},"useValue":{"__symbolic":"reference","name":"itemsPerPageLabel"}}]}}}},"ɵa":[{"__symbolic":"reference","name":"PaginationComponent"}],"ɵb":[{"__symbolic":"reference","name":"ItemCounterComponent"},{"__symbolic":"reference","name":"ItemsPerPageComponent"}]},"origins":{"PaginationComponent":"./pagination/components/pagination/pagination.component","PaginationLabels":"./pagination/types/pagination.types","PaginationDisplay":"./pagination/types/pagination.types","PAGINATION_LABELS":"./pagination/pagination.conf","PAGINATION_LABELS_DEFAULT":"./pagination/pagination.conf","PaginationModule":"./pagination/pagination.module","ItemCounterComponent":"./item-counter/components/item-counter/item-counter.component","ItemsPerPageComponent":"./item-counter/components/items-per-page/items-per-page.component","sizes":"./item-counter/components/items-per-page/items-per-page.component","ITEM_COUNTER_LABEL":"./item-counter/item-counter.conf","ITEMS_PER_PAGE_LABEL":"./item-counter/item-counter.conf","ItemCounterModule":"./item-counter/item-counter.module","ɵa":"./pagination/components/index","ɵb":"./item-counter/components/index"},"importAs":"@acpaas-ui/ngx-components/pagination"}