{"version":3,"names":["kdxPaginationCss","StPagination","render","h","class"],"sources":["src/components/shared/kdx-pagination/kdx-pagination.scss?tag=kdx-pagination","src/components/shared/kdx-pagination/kdx-pagination.tsx"],"sourcesContent":[".kdx-pagination {\r\n    text-align: center;\r\n\r\n    ul {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        text-align: center;\r\n\r\n        li {\r\n            display: inline-block;\r\n            padding: 0;\r\n            margin: 0 8px;\r\n\r\n            a {\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                background-color: #FFF;\r\n                border: 1px solid #DEDEDE;\r\n                min-height: 50px;\r\n                min-width: 50px;\r\n                border-radius: 3px;\r\n                text-decoration: none;\r\n                font-weight: 700;\r\n                box-shadow: none;           \r\n                @include text-size(20);\r\n                @include transitionDefault(all);\r\n\r\n                svg {\r\n                    @include svg-format(15px, 15px, $primary);\r\n                    @include transitionDefault(fill);\r\n                }\r\n\r\n                &[disabled] {\r\n                    pointer-events: none;\r\n                    background-color: #DEDEDE;\r\n\r\n                    svg {\r\n                        fill: #FFF;\r\n                    }\r\n                }\r\n\r\n                &.active {\r\n                    pointer-events: none;\r\n                    background-color: $pagingActive;\r\n                    color: $pagingActiveText;\r\n                }\r\n\r\n                &:not(.active):hover, &:not(.active):focus {                    \r\n                    background-color: $pagingHover;\r\n                    color: $pagingHoverText;\r\n                    @include transitionDefault(all);\r\n\r\n                    svg {\r\n                        fill: #FFF;\r\n                        @include transitionDefault(fill);\r\n                    }\r\n                }\r\n            }\r\n\r\n            &:before {\r\n                display: none;\r\n            }\r\n\r\n            &:first-child {\r\n                margin: 0 8px 0 0;\r\n            }\r\n\r\n            &:last-child {\r\n                margin: 0 0 0 8px;\r\n            }\r\n        }\r\n    }\r\n    .paging-status {\r\n        font-style: italic;\r\n        margin-top: 24px;\r\n        color: #3B3B3B;\r\n    }\r\n}\r\n\r\n\r\n\r\n@include media-breakpoint-down(md) {\r\n    .kdx-pagination {\r\n        \r\n        ul {\r\n            li {\r\n                margin: 0 2px;\r\n\r\n                a {\r\n                    min-width: 30px;\r\n                    min-height: 30px;\r\n                    @include text-size(12);\r\n                    @include line-height(17);\r\n                }\r\n            }\r\n        }\r\n        .paging-status {\r\n            @include text-size(10);\r\n            @include line-height(24);\r\n            margin-top: 16px;\r\n        }\r\n    }\r\n}","import { Component, h, ComponentInterface } from '@stencil/core';\r\n\r\n\r\n@Component({\r\n  tag: 'kdx-pagination',\r\n  styleUrl: 'kdx-pagination.scss',\r\n  shadow: false\r\n})\r\nexport class StPagination implements ComponentInterface {\r\n  \r\n  render() {\r\n    return (\r\n      <div class=\"kdx-pagination\">\r\n        <slot />\r\n      </div>\r\n    );\r\n  }\r\n}"],"mappings":"2CAAA,MAAMA,EAAmB,2qE,MCQZC,EAAY,M,yBAEvB,MAAAC,GACE,OACEC,EAAA,OAAKC,MAAM,kBACTD,EAAA,a"}