overview-components 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/generated/locales/de.d.ts +16 -0
- package/dist/assets/generated/locales/de.d.ts.map +1 -0
- package/dist/assets/generated/locales/de.js +16 -0
- package/dist/assets/generated/locales/de.js.map +1 -0
- package/dist/assets/generated/locales/en.d.ts +16 -0
- package/dist/assets/generated/locales/en.d.ts.map +1 -0
- package/dist/assets/generated/locales/en.js +16 -0
- package/dist/assets/generated/locales/en.js.map +1 -0
- package/dist/assets/generated/locales/pl.d.ts +16 -0
- package/dist/assets/generated/locales/pl.d.ts.map +1 -0
- package/dist/assets/generated/locales/pl.js +16 -0
- package/dist/assets/generated/locales/pl.js.map +1 -0
- package/dist/assets/generated/locales/sk.d.ts +16 -0
- package/dist/assets/generated/locales/sk.d.ts.map +1 -0
- package/dist/assets/generated/locales/sk.js +16 -0
- package/dist/assets/generated/locales/sk.js.map +1 -0
- package/dist/assets/icons/iconGlyphs.d.ts +875 -0
- package/dist/assets/icons/iconGlyphs.d.ts.map +1 -0
- package/dist/assets/icons/iconGlyphs.js +663 -0
- package/dist/assets/icons/iconGlyphs.js.map +1 -0
- package/dist/assets/ilustration/no-preview.d.ts +5 -0
- package/dist/assets/ilustration/no-preview.d.ts.map +1 -0
- package/dist/assets/ilustration/no-preview.js +131 -0
- package/dist/assets/ilustration/no-preview.js.map +1 -0
- package/dist/assets/ilustration/not-found.d.ts +5 -0
- package/dist/assets/ilustration/not-found.d.ts.map +1 -0
- package/dist/assets/ilustration/not-found.js +103 -0
- package/dist/assets/ilustration/not-found.js.map +1 -0
- package/dist/components/custom-filters.d.ts +2 -0
- package/dist/components/custom-filters.d.ts.map +1 -0
- package/dist/components/custom-filters.js +19 -0
- package/dist/components/custom-filters.js.map +1 -0
- package/dist/components/lit-attachments-tab.d.ts +71 -0
- package/dist/components/lit-attachments-tab.d.ts.map +1 -0
- package/dist/components/lit-attachments-tab.js +522 -0
- package/dist/components/lit-attachments-tab.js.map +1 -0
- package/dist/components/lit-case-variables-tab.d.ts +82 -0
- package/dist/components/lit-case-variables-tab.d.ts.map +1 -0
- package/dist/components/lit-case-variables-tab.js +356 -0
- package/dist/components/lit-case-variables-tab.js.map +1 -0
- package/dist/components/lit-data-grid-tanstack.d.ts +119 -0
- package/dist/components/lit-data-grid-tanstack.d.ts.map +1 -0
- package/dist/components/lit-data-grid-tanstack.js +1175 -0
- package/dist/components/lit-data-grid-tanstack.js.map +1 -0
- package/dist/components/react-wrappers/attachments-tab.d.ts +3 -0
- package/dist/components/react-wrappers/attachments-tab.d.ts.map +1 -0
- package/dist/components/react-wrappers/attachments-tab.js +9 -0
- package/dist/components/react-wrappers/attachments-tab.js.map +1 -0
- package/dist/components/react-wrappers/case-variables-tab.d.ts +3 -0
- package/dist/components/react-wrappers/case-variables-tab.d.ts.map +1 -0
- package/dist/components/react-wrappers/case-variables-tab.js +9 -0
- package/dist/components/react-wrappers/case-variables-tab.js.map +1 -0
- package/dist/components/react-wrappers/data-grid-tanstack.d.ts +3 -0
- package/dist/components/react-wrappers/data-grid-tanstack.d.ts.map +1 -0
- package/dist/components/react-wrappers/data-grid-tanstack.js +9 -0
- package/dist/components/react-wrappers/data-grid-tanstack.js.map +1 -0
- package/dist/data/translations.d.ts +2 -0
- package/dist/data/translations.d.ts.map +1 -0
- package/dist/data/translations.js +2763 -0
- package/dist/data/translations.js.map +1 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +15 -0
- package/dist/index.js.map +1 -0
- package/dist/scripts/translate-locales.d.ts +2 -0
- package/dist/scripts/translate-locales.d.ts.map +1 -0
- package/dist/scripts/translate-locales.js +66 -0
- package/dist/scripts/translate-locales.js.map +1 -0
- package/dist/shared/filter-inputs.d.ts +45 -0
- package/dist/shared/filter-inputs.d.ts.map +1 -0
- package/dist/shared/filter-inputs.js +518 -0
- package/dist/shared/filter-inputs.js.map +1 -0
- package/dist/shared/lit-button.d.ts +24 -0
- package/dist/shared/lit-button.d.ts.map +1 -0
- package/dist/shared/lit-button.js +112 -0
- package/dist/shared/lit-button.js.map +1 -0
- package/dist/shared/lit-custom-popper.d.ts +19 -0
- package/dist/shared/lit-custom-popper.d.ts.map +1 -0
- package/dist/shared/lit-custom-popper.js +117 -0
- package/dist/shared/lit-custom-popper.js.map +1 -0
- package/dist/shared/lit-data-grid-action-buttons-popover.d.ts +33 -0
- package/dist/shared/lit-data-grid-action-buttons-popover.d.ts.map +1 -0
- package/dist/shared/lit-data-grid-action-buttons-popover.js +295 -0
- package/dist/shared/lit-data-grid-action-buttons-popover.js.map +1 -0
- package/dist/shared/lit-data-grid-export-popover.d.ts +15 -0
- package/dist/shared/lit-data-grid-export-popover.d.ts.map +1 -0
- package/dist/shared/lit-data-grid-export-popover.js +96 -0
- package/dist/shared/lit-data-grid-export-popover.js.map +1 -0
- package/dist/shared/lit-icon-button.d.ts +18 -0
- package/dist/shared/lit-icon-button.d.ts.map +1 -0
- package/dist/shared/lit-icon-button.js +81 -0
- package/dist/shared/lit-icon-button.js.map +1 -0
- package/dist/shared/lit-icon.d.ts +17 -0
- package/dist/shared/lit-icon.d.ts.map +1 -0
- package/dist/shared/lit-icon.js +284 -0
- package/dist/shared/lit-icon.js.map +1 -0
- package/dist/shared/lit-overflow-tooltip.d.ts +16 -0
- package/dist/shared/lit-overflow-tooltip.d.ts.map +1 -0
- package/dist/shared/lit-overflow-tooltip.js +86 -0
- package/dist/shared/lit-overflow-tooltip.js.map +1 -0
- package/dist/shared/lit-pill.d.ts +13 -0
- package/dist/shared/lit-pill.d.ts.map +1 -0
- package/dist/shared/lit-pill.js +88 -0
- package/dist/shared/lit-pill.js.map +1 -0
- package/dist/shared/lit-responsive-button.d.ts +27 -0
- package/dist/shared/lit-responsive-button.d.ts.map +1 -0
- package/dist/shared/lit-responsive-button.js +94 -0
- package/dist/shared/lit-responsive-button.js.map +1 -0
- package/dist/shared/lit-select.d.ts +25 -0
- package/dist/shared/lit-select.d.ts.map +1 -0
- package/dist/shared/lit-select.js +181 -0
- package/dist/shared/lit-select.js.map +1 -0
- package/dist/shared/lit-tooltip.d.ts +20 -0
- package/dist/shared/lit-tooltip.d.ts.map +1 -0
- package/dist/shared/lit-tooltip.js +123 -0
- package/dist/shared/lit-tooltip.js.map +1 -0
- package/dist/shared/styles/button-shared-styles.d.ts +3 -0
- package/dist/shared/styles/button-shared-styles.d.ts.map +1 -0
- package/dist/shared/styles/button-shared-styles.js +68 -0
- package/dist/shared/styles/button-shared-styles.js.map +1 -0
- package/dist/styles.d.ts +3 -0
- package/dist/styles.d.ts.map +1 -0
- package/dist/styles.js +169 -0
- package/dist/styles.js.map +1 -0
- package/dist/utils/date.d.ts +3 -0
- package/dist/utils/date.d.ts.map +1 -0
- package/dist/utils/date.js +16 -0
- package/dist/utils/date.js.map +1 -0
- package/dist/utils/getOverviewValue.d.ts +5 -0
- package/dist/utils/getOverviewValue.d.ts.map +1 -0
- package/dist/utils/getOverviewValue.js +178 -0
- package/dist/utils/getOverviewValue.js.map +1 -0
- package/dist/utils/localization.d.ts +7 -0
- package/dist/utils/localization.d.ts.map +1 -0
- package/dist/utils/localization.js +225 -0
- package/dist/utils/localization.js.map +1 -0
- package/package.json +59 -0
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { LitElement, html, css } from 'lit';
|
|
8
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
9
|
+
import './lit-icon.js';
|
|
10
|
+
// styles
|
|
11
|
+
import buttonStyles from './styles/button-shared-styles.js';
|
|
12
|
+
let IconButton = class IconButton extends LitElement {
|
|
13
|
+
constructor() {
|
|
14
|
+
super(...arguments);
|
|
15
|
+
// Define properties for size and variant with default values
|
|
16
|
+
this.variant = 'contained';
|
|
17
|
+
this.size = 'medium';
|
|
18
|
+
this.disabled = false;
|
|
19
|
+
this.active = false;
|
|
20
|
+
this.icon = 'add';
|
|
21
|
+
}
|
|
22
|
+
// Render method to define the component's template
|
|
23
|
+
render() {
|
|
24
|
+
const classes = `button--${this.size} button--${this.variant} ${this.active ? 'active' : ''}`;
|
|
25
|
+
const iconSize = this.size === 'large' ? '1.5rem' : this.size === 'medium' ? '1.25rem' : '1rem';
|
|
26
|
+
return html `
|
|
27
|
+
<button ?disabled=${this.disabled} class=${classes}>
|
|
28
|
+
<slot name="icon"
|
|
29
|
+
>${this.icon &&
|
|
30
|
+
html `<lit-icon size="${iconSize}" icon=${this.icon}></lit-icon>`}</slot
|
|
31
|
+
>
|
|
32
|
+
</button>
|
|
33
|
+
`;
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
// Define CSS styles for different sizes and variants
|
|
37
|
+
IconButton.styles = [
|
|
38
|
+
// styles,
|
|
39
|
+
buttonStyles,
|
|
40
|
+
css `
|
|
41
|
+
/* Base styles for icon button */
|
|
42
|
+
button {
|
|
43
|
+
cursor: pointer;
|
|
44
|
+
font-size: inherit;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
/* Size variations */
|
|
48
|
+
.button--small {
|
|
49
|
+
width: 24px;
|
|
50
|
+
height: 24px;
|
|
51
|
+
}
|
|
52
|
+
.button--medium {
|
|
53
|
+
width: 48px;
|
|
54
|
+
height: 36px;
|
|
55
|
+
}
|
|
56
|
+
.button--large {
|
|
57
|
+
width: 48px;
|
|
58
|
+
height: 48px;
|
|
59
|
+
}
|
|
60
|
+
`,
|
|
61
|
+
];
|
|
62
|
+
__decorate([
|
|
63
|
+
property({ type: String })
|
|
64
|
+
], IconButton.prototype, "variant", void 0);
|
|
65
|
+
__decorate([
|
|
66
|
+
property({ type: String })
|
|
67
|
+
], IconButton.prototype, "size", void 0);
|
|
68
|
+
__decorate([
|
|
69
|
+
property({ type: Boolean })
|
|
70
|
+
], IconButton.prototype, "disabled", void 0);
|
|
71
|
+
__decorate([
|
|
72
|
+
property({ type: Boolean, reflect: true })
|
|
73
|
+
], IconButton.prototype, "active", void 0);
|
|
74
|
+
__decorate([
|
|
75
|
+
property({ type: String })
|
|
76
|
+
], IconButton.prototype, "icon", void 0);
|
|
77
|
+
IconButton = __decorate([
|
|
78
|
+
customElement('lit-icon-button')
|
|
79
|
+
], IconButton);
|
|
80
|
+
export { IconButton };
|
|
81
|
+
//# sourceMappingURL=lit-icon-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lit-icon-button.js","sourceRoot":"","sources":["../../src/shared/lit-icon-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,eAAe,CAAC;AAEvB,SAAS;AACT,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAIrD,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QACH,6DAA6D;QACjC,YAAO,GAAuC,WAAW,CAAC;QAC1D,SAAI,GAAkC,QAAQ,CAAC;QAC9C,aAAQ,GAAa,KAAK,CAAC;QACZ,WAAM,GAAa,KAAK,CAAC;QACzC,SAAI,GAAU,KAAK,CAAC;IA0CpD,CAAC;IAdG,mDAAmD;IACnD,MAAM;QACF,MAAM,OAAO,GAAG,WAAW,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAC9F,MAAM,QAAQ,GACV,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;QACnF,OAAO,IAAI,CAAA;gCACa,IAAI,CAAC,QAAQ,UAAU,OAAO;;uBAEvC,IAAI,CAAC,IAAI;YACZ,IAAI,CAAA,mBAAmB,QAAQ,UAAU,IAAI,CAAC,IAAI,cAAc;;;SAG3E,CAAC;IACN,CAAC;;AAxCD,qDAAqD;AAC9C,iBAAM,GAAG;IACZ,UAAU;IACV,YAAY;IACZ,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;SAoBF;CACJ,AAxBY,CAwBX;AA9B0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAA2D;AAC1D;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAgD;AAC9C;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAA4B;AACZ;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAA0B;AACzC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAqB;AANvC,UAAU;IADtB,aAAa,CAAC,iBAAiB,CAAC;GACpB,UAAU,CAgDtB"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export declare const IconArray: string[];
|
|
3
|
+
export type Icon = 'account' | 'add' | 'administration' | 'arrow-left' | 'arrow-right' | 'bell' | 'bell-notify' | 'cases' | 'dark-mode' | 'documents' | 'events' | 'favorite' | 'help' | 'home' | 'leave' | 'light-mode' | 'manuals' | 'overviews' | 'planning' | 'reports' | 'roles' | 'search' | 'settings' | 'structure' | 'tasks' | 'templates' | 'users' | 'close' | 'curve-arrow' | 'administrator' | 'delegate' | 'download' | 'assume' | 'calculator' | 'check' | 'chevron-down' | 'handover' | 'flag' | 'filter' | 'favorite-add' | 'note' | 'more' | 'minus' | 'succes' | 'time' | 'trash' | 'pen' | 'unlike' | 'user' | 'puzzle' | 'informative' | 'save' | 'warning' | 'help-1' | 'accomplish' | 'add-document' | 'add-note' | 'checkbox-empty' | 'expand' | 'duplicate' | 'history' | 'instruction' | 'radio-empty' | 'print' | 'zoom-in' | 'view' | 'reading' | 'reload' | 'logs' | 'flow' | 'csv' | 'contat' | 'columns' | 'hamburger' | 'beginning' | 'signal' | 'variable' | 'up' | 'upload' | 'revision' | 'typing' | 'tasksFilled' | 'overviewsFilled' | 'homeFilled' | 'favoriteFilled' | 'flagFilled' | 'dark-modeFilled' | 'bellFilled' | 'administrationFilled' | 'administratorFilled' | 'casesFilled' | 'documentsFilled' | 'manualsFilled' | 'reportsFilled' | 'structureFilled' | 'usersFilled' | 'userFilled' | 'settingsFilled' | 'lightModeFilled' | 'leaveFilled' | 'searchFilled' | 'checkboxFilled' | 'checkFilled' | 'chevronDownFilled' | 'chevronUpFilled' | 'chevronRightFilled' | 'chevronLeftFilled' | 'logsFilled' | 'radioFilled' | 'historyFilled' | 'reguiredFilled' | 'sortFilled' | 'variableFilled' | 'dangerFilled' | 'eventsFilled' | 'helpFilled' | 'rolesFilled' | 'clean' | 'dms' | 'cog' | 'email' | 'files' | 'chevron' | 'hand' | 'hide' | 'hierarchy' | 'import' | 'index' | 'infinity' | 'infinity-2' | 'reset' | 'rest' | 'sleep' | 'sorting' | 'totake' | 'totakedelegate' | 'shredding' | 'show' | 'share' | 'table' | 'url' | 'schema' | 'stats' | 'zoomout' | 'book' | 'authentication' | 'apphealth' | 'certificate' | 'console' | 'folder' | 'hragenda' | 'script' | 'sequence' | 'serviceoperation' | 'archiveFilled' | 'templatesFilled' | 'planningFilled' | 'approval' | 'certificate1' | 'change' | 'chevrondown' | 'cursor' | 'copylink' | 'column' | 'documentsFilled' | 'filterFilled' | 'filteroff' | 'hr' | 'image' | 'lock' | 'outoftime' | 'news' | 'newsFilled' | 'morevertical' | 'spinner' | 'userFilled1' | 'tasksii' | 'rowlarge' | 'rowmedium' | 'rowmall' | 'touchid' | 'acces' | 'agenda' | 'annoncement' | 'e-mail2' | 'export' | 'faceid' | 'deviceregister' | 'lock' | 'outoftime2' | 'news' | 'qr' | 'unlock' | 'zastupovany' | 'csvFilled' | 'qrFilled' | 'knowledgeFilled' | 'hragendaFilled' | 'deviceregisterFilled' | 'agregation' | 'code' | 'flowii' | 'cursor-1' | 'drag' | 'link' | 'lang' | 'pinFilled' | 'pin' | 'play' | 'return' | 'sorting-1' | 'switch' | 'test' | 'stop' | 'zoom' | 'wrapitup' | 'web';
|
|
4
|
+
export declare class LitIcon extends LitElement {
|
|
5
|
+
icon?: Icon;
|
|
6
|
+
size?: string;
|
|
7
|
+
isActive?: Boolean;
|
|
8
|
+
private notRotateIcon;
|
|
9
|
+
static styles: import("lit").CSSResult[];
|
|
10
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
11
|
+
}
|
|
12
|
+
declare global {
|
|
13
|
+
interface HTMLElementTagNameMap {
|
|
14
|
+
'lit-icon': LitIcon;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=lit-icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lit-icon.d.ts","sourceRoot":"","sources":["../../src/shared/lit-icon.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,284 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { LitElement, html, css } from 'lit';
|
|
8
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
9
|
+
import styles from '../styles.js';
|
|
10
|
+
import glyphs from '../assets/icons/iconGlyphs.js';
|
|
11
|
+
export const IconArray = [
|
|
12
|
+
'account',
|
|
13
|
+
'add',
|
|
14
|
+
'administration',
|
|
15
|
+
'arrowLeft',
|
|
16
|
+
'arrowRight',
|
|
17
|
+
'bell',
|
|
18
|
+
'bellNotify',
|
|
19
|
+
'cases',
|
|
20
|
+
'darkMode',
|
|
21
|
+
'documents',
|
|
22
|
+
'events',
|
|
23
|
+
'favorite',
|
|
24
|
+
'help',
|
|
25
|
+
'home',
|
|
26
|
+
'leave',
|
|
27
|
+
'lightMode',
|
|
28
|
+
'manuals',
|
|
29
|
+
'overviews',
|
|
30
|
+
'planning',
|
|
31
|
+
'reports',
|
|
32
|
+
'roles',
|
|
33
|
+
'search',
|
|
34
|
+
'settings',
|
|
35
|
+
'structure',
|
|
36
|
+
'tasks',
|
|
37
|
+
'templates',
|
|
38
|
+
'users',
|
|
39
|
+
'close',
|
|
40
|
+
'curveArrow',
|
|
41
|
+
'administrator',
|
|
42
|
+
'delegate',
|
|
43
|
+
'download',
|
|
44
|
+
'assume',
|
|
45
|
+
'calculator',
|
|
46
|
+
'check',
|
|
47
|
+
'chevronDown',
|
|
48
|
+
'handover',
|
|
49
|
+
'flag',
|
|
50
|
+
'filter',
|
|
51
|
+
'favoriteAdd',
|
|
52
|
+
'note',
|
|
53
|
+
'more',
|
|
54
|
+
'minus',
|
|
55
|
+
'succes',
|
|
56
|
+
'time',
|
|
57
|
+
'trash',
|
|
58
|
+
'pen',
|
|
59
|
+
'unlike',
|
|
60
|
+
'user',
|
|
61
|
+
'puzzle',
|
|
62
|
+
'informative',
|
|
63
|
+
'save',
|
|
64
|
+
'warning',
|
|
65
|
+
'help1',
|
|
66
|
+
'accomplish',
|
|
67
|
+
'addDocument',
|
|
68
|
+
'addNote',
|
|
69
|
+
'checkbox-empty',
|
|
70
|
+
'expand',
|
|
71
|
+
'duplicate',
|
|
72
|
+
'history',
|
|
73
|
+
'instruction',
|
|
74
|
+
'radioEmpty',
|
|
75
|
+
'print',
|
|
76
|
+
'zoomIn',
|
|
77
|
+
'view',
|
|
78
|
+
'reading',
|
|
79
|
+
'reload',
|
|
80
|
+
'logs',
|
|
81
|
+
'flow',
|
|
82
|
+
'csv',
|
|
83
|
+
'contat',
|
|
84
|
+
'columns',
|
|
85
|
+
'hamburger',
|
|
86
|
+
'beginning',
|
|
87
|
+
'signal',
|
|
88
|
+
'variable',
|
|
89
|
+
'up',
|
|
90
|
+
'upload',
|
|
91
|
+
'revision',
|
|
92
|
+
'typing',
|
|
93
|
+
'tasksFilled',
|
|
94
|
+
'overviewsFilled',
|
|
95
|
+
'homeFilled',
|
|
96
|
+
'favoriteFilled',
|
|
97
|
+
'flagFilled',
|
|
98
|
+
'darkModeFilled',
|
|
99
|
+
'bellFilled',
|
|
100
|
+
'administrationFilled',
|
|
101
|
+
'administratorFilled',
|
|
102
|
+
'casesFilled',
|
|
103
|
+
'documentsFilled',
|
|
104
|
+
'manualsFilled',
|
|
105
|
+
'reportsFilled',
|
|
106
|
+
'structureFilled',
|
|
107
|
+
'usersFilled',
|
|
108
|
+
'userFilled',
|
|
109
|
+
'settingsFilled',
|
|
110
|
+
'lightModeFilled',
|
|
111
|
+
'leaveFilled',
|
|
112
|
+
'searchFilled',
|
|
113
|
+
'checkboxFilled',
|
|
114
|
+
'checkFilled',
|
|
115
|
+
'chevronDownFilled',
|
|
116
|
+
'chevronUpFilled',
|
|
117
|
+
'chevronRightFilled',
|
|
118
|
+
'chevronLeftFilled',
|
|
119
|
+
'logsFilled',
|
|
120
|
+
'radioFilled',
|
|
121
|
+
'historyFilled',
|
|
122
|
+
'reguiredFilled',
|
|
123
|
+
'sortFilled',
|
|
124
|
+
'variableFilled',
|
|
125
|
+
'dangerFilled',
|
|
126
|
+
'eventsFilled',
|
|
127
|
+
'helpFilled',
|
|
128
|
+
'rolesFilled',
|
|
129
|
+
'clean',
|
|
130
|
+
'dms',
|
|
131
|
+
'cog',
|
|
132
|
+
'email',
|
|
133
|
+
'files',
|
|
134
|
+
'chevron',
|
|
135
|
+
'hand',
|
|
136
|
+
'hide',
|
|
137
|
+
'hierarchy',
|
|
138
|
+
'import',
|
|
139
|
+
'index',
|
|
140
|
+
'infinity',
|
|
141
|
+
'infinity-2',
|
|
142
|
+
'reset',
|
|
143
|
+
'rest',
|
|
144
|
+
'sleep',
|
|
145
|
+
'sorting',
|
|
146
|
+
'totake',
|
|
147
|
+
'totakedelegate',
|
|
148
|
+
'shredding',
|
|
149
|
+
'show',
|
|
150
|
+
'share',
|
|
151
|
+
'table',
|
|
152
|
+
'url',
|
|
153
|
+
'schema',
|
|
154
|
+
'stats',
|
|
155
|
+
'zoomout',
|
|
156
|
+
'book',
|
|
157
|
+
'authentication',
|
|
158
|
+
'apphealth',
|
|
159
|
+
'certificate',
|
|
160
|
+
'console',
|
|
161
|
+
'folder',
|
|
162
|
+
'hragenda',
|
|
163
|
+
'script',
|
|
164
|
+
'sequence',
|
|
165
|
+
'serviceoperation',
|
|
166
|
+
'archiveFilled',
|
|
167
|
+
'templatesFilled',
|
|
168
|
+
'planningFilled',
|
|
169
|
+
'approval',
|
|
170
|
+
'certificate-1',
|
|
171
|
+
'change',
|
|
172
|
+
'chevrondown',
|
|
173
|
+
'cursor',
|
|
174
|
+
'copylink',
|
|
175
|
+
'column',
|
|
176
|
+
'documentsFilled',
|
|
177
|
+
'filterFilled',
|
|
178
|
+
'filteroff',
|
|
179
|
+
'hr',
|
|
180
|
+
'image',
|
|
181
|
+
'lock',
|
|
182
|
+
'outoftime',
|
|
183
|
+
'news',
|
|
184
|
+
'newsFilled',
|
|
185
|
+
'morevertical',
|
|
186
|
+
'spinner',
|
|
187
|
+
'userFilled1',
|
|
188
|
+
'tasksii',
|
|
189
|
+
'rowlarge',
|
|
190
|
+
'rowmedium',
|
|
191
|
+
'rowmall',
|
|
192
|
+
'touchid',
|
|
193
|
+
'acces',
|
|
194
|
+
'agenda',
|
|
195
|
+
'annoncement',
|
|
196
|
+
'e-mail2',
|
|
197
|
+
'export',
|
|
198
|
+
'faceid',
|
|
199
|
+
'deviceregister',
|
|
200
|
+
'lock',
|
|
201
|
+
'outoftime2',
|
|
202
|
+
'news',
|
|
203
|
+
'qr',
|
|
204
|
+
'unlock',
|
|
205
|
+
'zastupovany',
|
|
206
|
+
'csvFilled',
|
|
207
|
+
'qrFilled',
|
|
208
|
+
'knowledgeFilled',
|
|
209
|
+
'hragendaFilled',
|
|
210
|
+
'deviceregisterFilled',
|
|
211
|
+
'agregation',
|
|
212
|
+
'code',
|
|
213
|
+
'flowii',
|
|
214
|
+
'cursor-1',
|
|
215
|
+
'drag',
|
|
216
|
+
'link',
|
|
217
|
+
'lang',
|
|
218
|
+
'pinFilled',
|
|
219
|
+
'pin',
|
|
220
|
+
'play',
|
|
221
|
+
'return',
|
|
222
|
+
'sorting-1',
|
|
223
|
+
'switch',
|
|
224
|
+
'test',
|
|
225
|
+
'stop',
|
|
226
|
+
'zoom',
|
|
227
|
+
'wrapitup',
|
|
228
|
+
'web',
|
|
229
|
+
];
|
|
230
|
+
let LitIcon = class LitIcon extends LitElement {
|
|
231
|
+
constructor() {
|
|
232
|
+
super(...arguments);
|
|
233
|
+
this.icon = 'add';
|
|
234
|
+
this.size = '1.375rem';
|
|
235
|
+
this.isActive = false;
|
|
236
|
+
this.notRotateIcon = ['arrowLeft', 'arrowRight'];
|
|
237
|
+
}
|
|
238
|
+
render() {
|
|
239
|
+
const glyph = this.icon ? glyphs[this.icon] : undefined;
|
|
240
|
+
if (!glyph) {
|
|
241
|
+
return html `<span>Icon not found</span>`;
|
|
242
|
+
}
|
|
243
|
+
return html `
|
|
244
|
+
<svg
|
|
245
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
246
|
+
viewBox="0 0 512 512"
|
|
247
|
+
style="width: ${this.size || ' 1.5rem'} ; height: ${this.size || ' 1.5rem'};"
|
|
248
|
+
class="rotated"
|
|
249
|
+
fill="${this.isActive ? 'var(--color-primary-main, #76b703)' : 'currentColor'}"
|
|
250
|
+
>
|
|
251
|
+
<path d="${glyph.d}" />
|
|
252
|
+
</svg>
|
|
253
|
+
`;
|
|
254
|
+
}
|
|
255
|
+
};
|
|
256
|
+
LitIcon.styles = [
|
|
257
|
+
styles,
|
|
258
|
+
css `
|
|
259
|
+
:host {
|
|
260
|
+
display: inline-block;
|
|
261
|
+
}
|
|
262
|
+
svg {
|
|
263
|
+
position: relative;
|
|
264
|
+
top: 1.5px;
|
|
265
|
+
}
|
|
266
|
+
svg.rotated {
|
|
267
|
+
transform: scaleY(-1);
|
|
268
|
+
}
|
|
269
|
+
`,
|
|
270
|
+
];
|
|
271
|
+
__decorate([
|
|
272
|
+
property({ type: String })
|
|
273
|
+
], LitIcon.prototype, "icon", void 0);
|
|
274
|
+
__decorate([
|
|
275
|
+
property({ type: String })
|
|
276
|
+
], LitIcon.prototype, "size", void 0);
|
|
277
|
+
__decorate([
|
|
278
|
+
property({ type: Boolean, reflect: true })
|
|
279
|
+
], LitIcon.prototype, "isActive", void 0);
|
|
280
|
+
LitIcon = __decorate([
|
|
281
|
+
customElement('lit-icon')
|
|
282
|
+
], LitIcon);
|
|
283
|
+
export { LitIcon };
|
|
284
|
+
//# sourceMappingURL=lit-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lit-icon.js","sourceRoot":"","sources":["../../src/shared/lit-icon.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import './lit-tooltip.js';
|
|
3
|
+
export declare class LitOverflowTooltip extends LitElement {
|
|
4
|
+
label: string;
|
|
5
|
+
private isOverflowing;
|
|
6
|
+
private textElement;
|
|
7
|
+
private textResizeObserver;
|
|
8
|
+
private hostResizeObserver;
|
|
9
|
+
static styles: import("lit").CSSResult;
|
|
10
|
+
connectedCallback(): void;
|
|
11
|
+
disconnectedCallback(): void;
|
|
12
|
+
firstUpdated(): void;
|
|
13
|
+
private checkOverflow;
|
|
14
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=lit-overflow-tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lit-overflow-tooltip.d.ts","sourceRoot":"","sources":["../../src/shared/lit-overflow-tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,kBAAkB,CAAC;AAE1B,qBACa,kBAAmB,SAAQ,UAAU;IAClB,KAAK,SAAM;IAE9B,OAAO,CAAC,aAAa,CAAS;IAEf,OAAO,CAAC,WAAW,CAAe;IAE1D,OAAO,CAAC,kBAAkB,CAA6B;IACvD,OAAO,CAAC,kBAAkB,CAA6B;IAEvD,MAAM,CAAC,MAAM,0BAUX;IAEF,iBAAiB;IAIjB,oBAAoB;IAMpB,YAAY;IAoBZ,OAAO,CAAC,aAAa;IAWrB,MAAM;CAUT"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { LitElement, html, css } from 'lit';
|
|
8
|
+
import { customElement, property, query, state } from 'lit/decorators.js';
|
|
9
|
+
import './lit-tooltip.js';
|
|
10
|
+
let LitOverflowTooltip = class LitOverflowTooltip extends LitElement {
|
|
11
|
+
constructor() {
|
|
12
|
+
super(...arguments);
|
|
13
|
+
this.label = '';
|
|
14
|
+
this.isOverflowing = false;
|
|
15
|
+
}
|
|
16
|
+
connectedCallback() {
|
|
17
|
+
super.connectedCallback();
|
|
18
|
+
}
|
|
19
|
+
disconnectedCallback() {
|
|
20
|
+
this.textResizeObserver?.disconnect();
|
|
21
|
+
this.hostResizeObserver?.disconnect();
|
|
22
|
+
super.disconnectedCallback();
|
|
23
|
+
}
|
|
24
|
+
firstUpdated() {
|
|
25
|
+
if (this.textElement) {
|
|
26
|
+
this.textResizeObserver = new ResizeObserver(() => {
|
|
27
|
+
requestAnimationFrame(() => this.checkOverflow());
|
|
28
|
+
});
|
|
29
|
+
this.textResizeObserver.observe(this.textElement);
|
|
30
|
+
}
|
|
31
|
+
this.hostResizeObserver = new ResizeObserver(() => {
|
|
32
|
+
requestAnimationFrame(() => this.checkOverflow());
|
|
33
|
+
});
|
|
34
|
+
this.hostResizeObserver.observe(this);
|
|
35
|
+
const slotEl = this.shadowRoot?.querySelector('slot');
|
|
36
|
+
if (slotEl) {
|
|
37
|
+
slotEl.addEventListener('slotchange', () => {
|
|
38
|
+
requestAnimationFrame(() => this.checkOverflow());
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
checkOverflow() {
|
|
43
|
+
if (this.textElement) {
|
|
44
|
+
const threshold = 0;
|
|
45
|
+
const overflowing = this.textElement.scrollWidth - this.textElement.clientWidth > threshold;
|
|
46
|
+
if (overflowing !== this.isOverflowing) {
|
|
47
|
+
this.isOverflowing = overflowing;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
render() {
|
|
52
|
+
const content = html `
|
|
53
|
+
<div class="text-content">
|
|
54
|
+
<slot></slot>
|
|
55
|
+
</div>
|
|
56
|
+
`;
|
|
57
|
+
return this.isOverflowing
|
|
58
|
+
? html ` <lit-tooltip label="${this.label || ''}"> ${content} </lit-tooltip> `
|
|
59
|
+
: content;
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
LitOverflowTooltip.styles = css `
|
|
63
|
+
:host {
|
|
64
|
+
display: inline-block;
|
|
65
|
+
width: 100%;
|
|
66
|
+
}
|
|
67
|
+
.text-content {
|
|
68
|
+
overflow: hidden;
|
|
69
|
+
text-overflow: ellipsis;
|
|
70
|
+
white-space: nowrap;
|
|
71
|
+
}
|
|
72
|
+
`;
|
|
73
|
+
__decorate([
|
|
74
|
+
property({ type: String })
|
|
75
|
+
], LitOverflowTooltip.prototype, "label", void 0);
|
|
76
|
+
__decorate([
|
|
77
|
+
state()
|
|
78
|
+
], LitOverflowTooltip.prototype, "isOverflowing", void 0);
|
|
79
|
+
__decorate([
|
|
80
|
+
query('.text-content')
|
|
81
|
+
], LitOverflowTooltip.prototype, "textElement", void 0);
|
|
82
|
+
LitOverflowTooltip = __decorate([
|
|
83
|
+
customElement('lit-overflow-tooltip')
|
|
84
|
+
], LitOverflowTooltip);
|
|
85
|
+
export { LitOverflowTooltip };
|
|
86
|
+
//# sourceMappingURL=lit-overflow-tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lit-overflow-tooltip.js","sourceRoot":"","sources":["../../src/shared/lit-overflow-tooltip.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,kBAAkB,CAAC;AAGnB,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QACyB,UAAK,GAAG,EAAE,CAAC;QAEtB,kBAAa,GAAG,KAAK,CAAC;IAsE3C,CAAC;IAnDG,iBAAiB;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC9B,CAAC;IAED,oBAAoB;QAChB,IAAI,CAAC,kBAAkB,EAAE,UAAU,EAAE,CAAC;QACtC,IAAI,CAAC,kBAAkB,EAAE,UAAU,EAAE,CAAC;QACtC,KAAK,CAAC,oBAAoB,EAAE,CAAC;IACjC,CAAC;IAED,YAAY;QACR,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,kBAAkB,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBAC9C,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YACtD,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACtD,CAAC;QACD,IAAI,CAAC,kBAAkB,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YAC9C,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAEtC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QACtD,IAAI,MAAM,EAAE,CAAC;YACT,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE;gBACvC,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YACtD,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAEO,aAAa;QACjB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,MAAM,SAAS,GAAG,CAAC,CAAC;YACpB,MAAM,WAAW,GACb,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,SAAS,CAAC;YAC5E,IAAI,WAAW,KAAK,IAAI,CAAC,aAAa,EAAE,CAAC;gBACrC,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC;YACrC,CAAC;QACL,CAAC;IACL,CAAC;IAED,MAAM;QACF,MAAM,OAAO,GAAG,IAAI,CAAA;;;;SAInB,CAAC;QACF,OAAO,IAAI,CAAC,aAAa;YACrB,CAAC,CAAC,IAAI,CAAA,wBAAwB,IAAI,CAAC,KAAK,IAAI,EAAE,MAAM,OAAO,kBAAkB;YAC7E,CAAC,CAAC,OAAO,CAAC;IAClB,CAAC;;AA9DM,yBAAM,GAAG,GAAG,CAAA;;;;;;;;;;KAUlB,AAVY,CAUX;AAnB0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAY;AAEtB;IAAhB,KAAK,EAAE;yDAA+B;AAEP;IAA/B,KAAK,CAAC,eAAe,CAAC;uDAAmC;AALjD,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAyE9B"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export declare class LitPill extends LitElement {
|
|
3
|
+
count?: number | null;
|
|
4
|
+
loading: boolean;
|
|
5
|
+
static styles: import("lit").CSSResult[];
|
|
6
|
+
render(): import("lit-html").TemplateResult<1> | null;
|
|
7
|
+
}
|
|
8
|
+
declare global {
|
|
9
|
+
interface HTMLElementTagNameMap {
|
|
10
|
+
'lit-pill': LitPill;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=lit-pill.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lit-pill.d.ts","sourceRoot":"","sources":["../../src/shared/lit-pill.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,qBACa,OAAQ,SAAQ,UAAU;IACP,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,UAAS;IAE7C,MAAM,CAAC,MAAM,4BAgDX;IAEF,MAAM;CAeT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,UAAU,EAAE,OAAO,CAAC;KACvB;CACJ"}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
8
|
+
import { css, html, LitElement } from 'lit';
|
|
9
|
+
let LitPill = class LitPill extends LitElement {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(...arguments);
|
|
12
|
+
this.loading = false; // Načítavací stav
|
|
13
|
+
}
|
|
14
|
+
render() {
|
|
15
|
+
const hasCount = this.count !== undefined && this.count !== null && this.count >= 0;
|
|
16
|
+
const showSpinner = this.loading;
|
|
17
|
+
const countNumber = this.count && this.count < 100 ? this.count : '99+';
|
|
18
|
+
if (hasCount || showSpinner) {
|
|
19
|
+
return html `
|
|
20
|
+
<div class="pill--wrapper">
|
|
21
|
+
${hasCount ? html ` <div class="pill">${countNumber}</div> ` : ''}
|
|
22
|
+
${showSpinner ? html ` <div class="pill__loading-spinner"></div> ` : ''}
|
|
23
|
+
</div>
|
|
24
|
+
`;
|
|
25
|
+
}
|
|
26
|
+
return null;
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
LitPill.styles = [
|
|
30
|
+
// styles,
|
|
31
|
+
css `
|
|
32
|
+
.pill--wrapper {
|
|
33
|
+
display: flex;
|
|
34
|
+
justify-content: center;
|
|
35
|
+
align-items: center;
|
|
36
|
+
height: 20px;
|
|
37
|
+
min-width: 20px;
|
|
38
|
+
background-color: var(--color-success-main, #76b703);
|
|
39
|
+
border-radius: 50px;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.pill {
|
|
43
|
+
padding: 0 0.375rem;
|
|
44
|
+
font-size: 0.6875rem;
|
|
45
|
+
font-weight: 600;
|
|
46
|
+
color: white;
|
|
47
|
+
display: flex;
|
|
48
|
+
align-items: center;
|
|
49
|
+
justify-content: center;
|
|
50
|
+
white-space: nowrap;
|
|
51
|
+
transition: background-color 0.3s ease;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.pill:disabled {
|
|
55
|
+
background-color: var(--color-primary-disabled, #d0d3db);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.pill__loading-spinner {
|
|
59
|
+
width: 20px;
|
|
60
|
+
height: 20px;
|
|
61
|
+
border: 2px solid var(--color-divider, #d0d3db);
|
|
62
|
+
border-top: 2px solid var(--color-primary-main, #76b703);
|
|
63
|
+
border-radius: 50%;
|
|
64
|
+
animation: spin 1s linear infinite;
|
|
65
|
+
position: absolute;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
@keyframes spin {
|
|
69
|
+
0% {
|
|
70
|
+
transform: rotate(0deg);
|
|
71
|
+
}
|
|
72
|
+
100% {
|
|
73
|
+
transform: rotate(360deg);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
`,
|
|
77
|
+
];
|
|
78
|
+
__decorate([
|
|
79
|
+
property({ type: Number })
|
|
80
|
+
], LitPill.prototype, "count", void 0);
|
|
81
|
+
__decorate([
|
|
82
|
+
property({ type: Boolean })
|
|
83
|
+
], LitPill.prototype, "loading", void 0);
|
|
84
|
+
LitPill = __decorate([
|
|
85
|
+
customElement('lit-pill')
|
|
86
|
+
], LitPill);
|
|
87
|
+
export { LitPill };
|
|
88
|
+
//# sourceMappingURL=lit-pill.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lit-pill.js","sourceRoot":"","sources":["../../src/shared/lit-pill.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIrC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAE0B,YAAO,GAAG,KAAK,CAAC,CAAC,kBAAkB;IAmEpE,CAAC;IAfG,MAAM;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;QACpF,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC;QACjC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QACxE,IAAI,QAAQ,IAAI,WAAW,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAA;;sBAED,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,WAAW,SAAS,CAAC,CAAC,CAAC,EAAE;sBAC9D,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,6CAA6C,CAAC,CAAC,CAAC,EAAE;;aAE7E,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;;AAhEM,cAAM,GAAG;IACZ,UAAU;IACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA6CF;CACJ,AAhDY,CAgDX;AAnD0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAAuB;AACrB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCAAiB;AAFpC,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAqEnB"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import './lit-icon-button.js';
|
|
3
|
+
import './lit-button.js';
|
|
4
|
+
import type { Icon } from './lit-icon.js';
|
|
5
|
+
import { ButtonVariant } from './lit-button.js';
|
|
6
|
+
export declare class LitResponsiveButton extends LitElement {
|
|
7
|
+
variant?: ButtonVariant;
|
|
8
|
+
size?: 'small' | 'medium' | 'large';
|
|
9
|
+
label?: string;
|
|
10
|
+
icon?: Icon;
|
|
11
|
+
fullWidth?: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
count?: number | undefined;
|
|
14
|
+
onClick?: (event: MouseEvent) => void;
|
|
15
|
+
active?: boolean;
|
|
16
|
+
private isSmallScreen;
|
|
17
|
+
connectedCallback(): void;
|
|
18
|
+
disconnectedCallback(): void;
|
|
19
|
+
private updateScreenSize;
|
|
20
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
21
|
+
}
|
|
22
|
+
declare global {
|
|
23
|
+
interface HTMLElementTagNameMap {
|
|
24
|
+
'lit-responsive-button': LitResponsiveButton;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=lit-responsive-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lit-responsive-button.d.ts","sourceRoot":"","sources":["../../src/shared/lit-responsive-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAa,MAAM,iBAAiB,CAAC;AAE3D,qBACa,mBAAoB,SAAQ,UAAU;IACnB,OAAO,CAAC,EAAE,aAAa,CAAe;IACtC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAY;IAC1B,IAAI,CAAC,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAS;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAa;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAS;IAE7C,OAAO,CAAC,aAAa,CAAS;IAEvC,iBAAiB;IAMjB,oBAAoB;IAKpB,OAAO,CAAC,gBAAgB;IAIxB,MAAM;CAwBT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,uBAAuB,EAAE,mBAAmB,CAAC;KAChD;CACJ"}
|