@cloukit/pagination
Version:
82 lines • 10.2 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/*!
* @license MIT
* Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io
* https://github.com/cloukit/legal
*/
import { CloukitComponentTheme } from '@cloukit/theme';
import { Ui } from './pagination.model';
export class CloukitPaginationComponentThemeDefault extends CloukitComponentTheme {
constructor() {
super();
//
// WRAPPER
//
this.buildStyle(Ui.elements.wrapper, Ui.states.normal, Ui.modifier.base)
.withStyles((/** @type {?} */ ({
display: 'flex',
})));
//
// BUTTON
//
this.buildStyle(Ui.elements.button, Ui.states.normal, Ui.modifier.base)
.withStyles((/** @type {?} */ ({
alignSelf: 'center',
display: 'inline-flex',
flexWrap: 'nowrap',
maxWidth: '100%',
color: '#0052cc',
textDecoration: 'none',
fontStyle: 'normal',
fontSize: 'inherit',
margin: 0,
outline: 'none',
textAlign: 'center',
userSelect: 'none',
verticalAlign: 'middle',
whiteSpace: 'nowrap',
boxSizing: 'border-box',
padding: '2px 6px 3px',
border: 0,
backgroundColor: 'transparent',
cursor: 'pointer',
})));
this.buildStyle(Ui.elements.button, Ui.states.active, Ui.modifier.base)
.inheritFrom(Ui.elements.button, Ui.states.normal, Ui.modifier.base)
.withStyles((/** @type {?} */ ({
backgroundColor: '#0052cc',
color: '#ffffff',
cursor: 'default',
})));
this.buildStyle(Ui.elements.button, Ui.states.normal, Ui.modifier.hover)
.inheritFrom(Ui.elements.button, Ui.states.normal, Ui.modifier.base)
.withStyles((/** @type {?} */ ({
textDecoration: 'underline',
})));
this.buildStyle(Ui.elements.button, Ui.states.disabled, Ui.modifier.base)
.inheritFrom(Ui.elements.button, Ui.states.normal, Ui.modifier.base)
.withStyles((/** @type {?} */ ({
color: '#777',
cursor: 'not-allowed',
})));
//
// FILLER
//
this.buildStyle(Ui.elements.filler, Ui.states.normal, Ui.modifier.base)
.inheritFrom(Ui.elements.button, Ui.states.normal, Ui.modifier.base)
.withStyles((/** @type {?} */ ({
color: '#555',
cursor: 'default',
})));
this.buildStyle(Ui.elements.filler, Ui.states.disabled, Ui.modifier.base)
.inheritFrom(Ui.elements.filler, Ui.states.normal, Ui.modifier.base)
.withStyles((/** @type {?} */ ({
color: '#efefef',
cursor: 'not-allowed',
})));
}
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi50aGVtZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BjbG91a2l0L3BhZ2luYXRpb24vIiwic291cmNlcyI6WyJsaWIvcGFnaW5hdGlvbi50aGVtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFLQSxPQUFPLEVBQTZCLHFCQUFxQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEYsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE1BQU0sT0FBTyxzQ0FBdUMsU0FBUSxxQkFBcUI7SUFFL0U7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQUNSLEVBQUU7UUFDRixVQUFVO1FBQ1YsRUFBRTtRQUNGLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUM7YUFDckUsVUFBVSxDQUFDLG1CQUEyQjtZQUNyQyxPQUFPLEVBQUUsTUFBTTtTQUNoQixFQUFBLENBQUMsQ0FBQztRQUVMLEVBQUU7UUFDRixTQUFTO1FBQ1QsRUFBRTtRQUNGLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUM7YUFDcEUsVUFBVSxDQUFDLG1CQUEyQjtZQUNyQyxTQUFTLEVBQUUsUUFBUTtZQUNuQixPQUFPLEVBQUUsYUFBYTtZQUN0QixRQUFRLEVBQUUsUUFBUTtZQUNsQixRQUFRLEVBQUUsTUFBTTtZQUNoQixLQUFLLEVBQUUsU0FBUztZQUNoQixjQUFjLEVBQUUsTUFBTTtZQUN0QixTQUFTLEVBQUUsUUFBUTtZQUNuQixRQUFRLEVBQUUsU0FBUztZQUNuQixNQUFNLEVBQUUsQ0FBQztZQUNULE9BQU8sRUFBRSxNQUFNO1lBQ2YsU0FBUyxF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ICogQGxpY2Vuc2UgTUlUXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTcgQmVybmhhcmQgR3LDvG5ld2FsZHQgLSBjb2RlY2xvdS5pb1xuICogaHR0cHM6Ly9naXRodWIuY29tL2Nsb3VraXQvbGVnYWxcbiAqL1xuaW1wb3J0IHsgQ2xvdWtpdEJhc2VDc3NEZWZpbml0aW9ucywgQ2xvdWtpdENvbXBvbmVudFRoZW1lIH0gZnJvbSAnQGNsb3VraXQvdGhlbWUnO1xuaW1wb3J0IHsgVWkgfSBmcm9tICcuL3BhZ2luYXRpb24ubW9kZWwnO1xuXG5leHBvcnQgY2xhc3MgQ2xvdWtpdFBhZ2luYXRpb25Db21wb25lbnRUaGVtZURlZmF1bHQgZXh0ZW5kcyBDbG91a2l0Q29tcG9uZW50VGhlbWUge1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgLy9cbiAgICAvLyBXUkFQUEVSXG4gICAgLy9cbiAgICB0aGlzLmJ1aWxkU3R5bGUoVWkuZWxlbWVudHMud3JhcHBlciwgVWkuc3RhdGVzLm5vcm1hbCwgVWkubW9kaWZpZXIuYmFzZSlcbiAgICAgIC53aXRoU3R5bGVzKDxDbG91a2l0QmFzZUNzc0RlZmluaXRpb25zPntcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgfSk7XG5cbiAgICAvL1xuICAgIC8vIEJVVFRPTlxuICAgIC8vXG4gICAgdGhpcy5idWlsZFN0eWxlKFVpLmVsZW1lbnRzLmJ1dHRvbiwgVWkuc3RhdGVzLm5vcm1hbCwgVWkubW9kaWZpZXIuYmFzZSlcbiAgICAgIC53aXRoU3R5bGVzKDxDbG91a2l0QmFzZUNzc0RlZmluaXRpb25zPntcbiAgICAgICAgYWxpZ25TZWxmOiAnY2VudGVyJyxcbiAgICAgICAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgICAgICAgZmxleFdyYXA6ICdub3dyYXAnLFxuICAgICAgICBtYXhXaWR0aDogJzEwMCUnLFxuICAgICAgICBjb2xvcjogJyMwMDUyY2MnLFxuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICAgICAgICBmb250U3R5bGU6ICdub3JtYWwnLFxuICAgICAgICBmb250U2l6ZTogJ2luaGVyaXQnLFxuICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICAgICAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgICAgICAgdXNlclNlbGVjdDogJ25vbmUnLFxuICAgICAgICB2ZXJ0aWNhbEFsaWduOiAnbWlkZGxlJyxcbiAgICAgICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgICAgICBwYWRkaW5nOiAnMnB4IDZweCAzcHgnLFxuICAgICAgICBib3JkZXI6IDAsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgICAgICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgICB9KTtcblxuICAgIHRoaXMuYnVpbGRTdHlsZShVaS5lbGVtZW50cy5idXR0b24sIFVpLnN0YXRlcy5hY3RpdmUsIFVpLm1vZGlmaWVyLmJhc2UpXG4gICAgICAuaW5oZXJpdEZyb20oVWkuZWxlbWVudHMuYnV0dG9uLCBVaS5zdGF0ZXMubm9ybWFsLCBVaS5tb2RpZmllci5iYXNlKVxuICAgICAgLndpdGhTdHlsZXMoPENsb3VraXRCYXNlQ3NzRGVmaW5pdGlvbnM+e1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjMDA1MmNjJyxcbiAgICAgICAgY29sb3I6ICcjZmZmZmZmJyxcbiAgICAgICAgY3Vyc29yOiAnZGVmYXVsdCcsXG4gICAgICB9KTtcblxuICAgIHRoaXMuYnVpbGRTdHlsZShVaS5lbGVtZW50cy5idXR0b24sIFVpLnN0YXRlcy5ub3JtYWwsIFVpLm1vZGlmaWVyLmhvdmVyKVxuICAgICAgLmluaGVyaXRGcm9tKFVpLmVsZW1lbnRzLmJ1dHRvbiwgVWkuc3RhdGVzLm5vcm1hbCwgVWkubW9kaWZpZXIuYmFzZSlcbiAgICAgIC53aXRoU3R5bGVzKDxDbG91a2l0QmFzZUNzc0RlZmluaXRpb25zPntcbiAgICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgICAgfSk7XG5cbiAgICB0aGlzLmJ1aWxkU3R5bGUoVWkuZWxlbWVudHMuYnV0dG9uLCBVaS5zdGF0ZXMuZGlzYWJsZWQsIFVpLm1vZGlmaWVyLmJhc2UpXG4gICAgICAuaW5oZXJpdEZyb20oVWkuZWxlbWVudHMuYnV0dG9uLCBVaS5zdGF0ZXMubm9ybWFsLCBVaS5tb2RpZmllci5iYXNlKVxuICAgICAgLndpdGhTdHlsZXMoPENsb3VraXRCYXNlQ3NzRGVmaW5pdGlvbnM+e1xuICAgICAgICBjb2xvcjogJyM3NzcnLFxuICAgICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCcsXG4gICAgICB9KTtcblxuICAgIC8vXG4gICAgLy8gRklMTEVSXG4gICAgLy9cbiAgICB0aGlzLmJ1aWxkU3R5bGUoVWkuZWxlbWVudHMuZmlsbGVyLCBVaS5zdGF0ZXMubm9ybWFsLCBVaS5tb2RpZmllci5iYXNlKVxuICAgICAgLmluaGVyaXRGcm9tKFVpLmVsZW1lbnRzLmJ1dHRvbiwgVWkuc3RhdGVzLm5vcm1hbCwgVWkubW9kaWZpZXIuYmFzZSlcbiAgICAgIC53aXRoU3R5bGVzKDxDbG91a2l0QmFzZUNzc0RlZmluaXRpb25zPntcbiAgICAgICAgY29sb3I6ICcjNTU1JyxcbiAgICAgICAgY3Vyc29yOiAnZGVmYXVsdCcsXG4gICAgICB9KTtcblxuICAgIHRoaXMuYnVpbGRTdHlsZShVaS5lbGVtZW50cy5maWxsZXIsIFVpLnN0YXRlcy5kaXNhYmxlZCwgVWkubW9kaWZpZXIuYmFzZSlcbiAgICAgIC5pbmhlcml0RnJvbShVaS5lbGVtZW50cy5maWxsZXIsIFVpLnN0YXRlcy5ub3JtYWwsIFVpLm1vZGlmaWVyLmJhc2UpXG4gICAgICAud2l0aFN0eWxlcyg8Q2xvdWtpdEJhc2VDc3NEZWZpbml0aW9ucz57XG4gICAgICAgIGNvbG9yOiAnI2VmZWZlZicsXG4gICAgICAgIGN1cnNvcjogJ25vdC1hbGxvd2VkJyxcbiAgICAgIH0pO1xuICB9XG5cbn1cblxuIl19