@scion/components 13.0.0
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/README.md +40 -0
- package/_components.scss +1 -0
- package/_index.scss +23 -0
- package/dimension/dimension.directive.d.ts +43 -0
- package/dimension/dimension.module.d.ts +13 -0
- package/dimension/package.json +10 -0
- package/dimension/public_api.d.ts +2 -0
- package/dimension/scion-components-dimension.d.ts +5 -0
- package/esm2020/dimension/dimension.directive.mjs +83 -0
- package/esm2020/dimension/dimension.module.mjs +40 -0
- package/esm2020/dimension/public_api.mjs +17 -0
- package/esm2020/dimension/scion-components-dimension.mjs +5 -0
- package/esm2020/public-api.mjs +11 -0
- package/esm2020/sashbox/element-ref.directive.mjs +27 -0
- package/esm2020/sashbox/public_api.mjs +18 -0
- package/esm2020/sashbox/sash-initializer.directive.mjs +32 -0
- package/esm2020/sashbox/sash.directive.mjs +144 -0
- package/esm2020/sashbox/sashbox-accessor.mjs +6 -0
- package/esm2020/sashbox/sashbox.component.mjs +278 -0
- package/esm2020/sashbox/sashbox.module.mjs +71 -0
- package/esm2020/sashbox/scion-components-sashbox.mjs +5 -0
- package/esm2020/scion-components.mjs +5 -0
- package/esm2020/splitter/public_api.mjs +17 -0
- package/esm2020/splitter/scion-components-splitter.mjs +5 -0
- package/esm2020/splitter/splitter.component.mjs +227 -0
- package/esm2020/splitter/splitter.module.mjs +44 -0
- package/esm2020/throbber/ellipsis-throbber/ellipsis-throbber.component.mjs +25 -0
- package/esm2020/throbber/public_api.mjs +17 -0
- package/esm2020/throbber/ripple-throbber/ripple-throbber.component.mjs +25 -0
- package/esm2020/throbber/roller-throbber/roller-throbber.component.mjs +25 -0
- package/esm2020/throbber/scion-components-throbber.mjs +5 -0
- package/esm2020/throbber/spinner-throbber/spinner-throbber.component.mjs +26 -0
- package/esm2020/throbber/throbber.component.mjs +67 -0
- package/esm2020/throbber/throbber.module.mjs +50 -0
- package/esm2020/viewport/native-scrollbar-track-size-provider.service.mjs +114 -0
- package/esm2020/viewport/public_api.mjs +20 -0
- package/esm2020/viewport/scion-components-viewport.mjs +5 -0
- package/esm2020/viewport/scrollable.directive.mjs +93 -0
- package/esm2020/viewport/scrollbar/scrollbar.component.mjs +322 -0
- package/esm2020/viewport/viewport.component.mjs +265 -0
- package/esm2020/viewport/viewport.module.mjs +52 -0
- package/fesm2015/scion-components-dimension.mjs +137 -0
- package/fesm2015/scion-components-dimension.mjs.map +1 -0
- package/fesm2015/scion-components-sashbox.mjs +556 -0
- package/fesm2015/scion-components-sashbox.mjs.map +1 -0
- package/fesm2015/scion-components-splitter.mjs +286 -0
- package/fesm2015/scion-components-splitter.mjs.map +1 -0
- package/fesm2015/scion-components-throbber.mjs +216 -0
- package/fesm2015/scion-components-throbber.mjs.map +1 -0
- package/fesm2015/scion-components-viewport.mjs +846 -0
- package/fesm2015/scion-components-viewport.mjs.map +1 -0
- package/fesm2015/scion-components.mjs +4 -0
- package/fesm2015/scion-components.mjs.map +1 -0
- package/fesm2020/scion-components-dimension.mjs +137 -0
- package/fesm2020/scion-components-dimension.mjs.map +1 -0
- package/fesm2020/scion-components-sashbox.mjs +556 -0
- package/fesm2020/scion-components-sashbox.mjs.map +1 -0
- package/fesm2020/scion-components-splitter.mjs +284 -0
- package/fesm2020/scion-components-splitter.mjs.map +1 -0
- package/fesm2020/scion-components-throbber.mjs +216 -0
- package/fesm2020/scion-components-throbber.mjs.map +1 -0
- package/fesm2020/scion-components-viewport.mjs +842 -0
- package/fesm2020/scion-components-viewport.mjs.map +1 -0
- package/fesm2020/scion-components.mjs +14 -0
- package/fesm2020/scion-components.mjs.map +1 -0
- package/package.json +93 -0
- package/public-api.d.ts +4 -0
- package/sashbox/element-ref.directive.d.ts +12 -0
- package/sashbox/package.json +10 -0
- package/sashbox/public_api.d.ts +3 -0
- package/sashbox/sash-initializer.directive.d.ts +14 -0
- package/sashbox/sash.directive.d.ts +60 -0
- package/sashbox/sashbox-accessor.d.ts +10 -0
- package/sashbox/sashbox.component.d.ts +90 -0
- package/sashbox/sashbox.module.d.ts +33 -0
- package/sashbox/scion-components-sashbox.d.ts +5 -0
- package/scion-components.d.ts +5 -0
- package/splitter/package.json +10 -0
- package/splitter/public_api.d.ts +2 -0
- package/splitter/scion-components-splitter.d.ts +5 -0
- package/splitter/splitter.component.d.ts +104 -0
- package/splitter/splitter.module.d.ts +17 -0
- package/throbber/ellipsis-throbber/ellipsis-throbber.component.d.ts +10 -0
- package/throbber/package.json +10 -0
- package/throbber/public_api.d.ts +2 -0
- package/throbber/ripple-throbber/ripple-throbber.component.d.ts +10 -0
- package/throbber/roller-throbber/roller-throbber.component.d.ts +10 -0
- package/throbber/scion-components-throbber.d.ts +5 -0
- package/throbber/spinner-throbber/spinner-throbber.component.d.ts +11 -0
- package/throbber/throbber.component.d.ts +43 -0
- package/throbber/throbber.module.d.ts +15 -0
- package/viewport/_index.scss +1 -0
- package/viewport/_scrollbar.scss +44 -0
- package/viewport/native-scrollbar-track-size-provider.service.d.ts +42 -0
- package/viewport/package.json +10 -0
- package/viewport/public_api.d.ts +5 -0
- package/viewport/scion-components-viewport.d.ts +5 -0
- package/viewport/scrollable.directive.d.ts +39 -0
- package/viewport/scrollbar/scrollbar.component.d.ts +106 -0
- package/viewport/viewport.component.d.ts +160 -0
- package/viewport/viewport.module.d.ts +14 -0
|
@@ -0,0 +1,227 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2018-2019 Swiss Federal Railways
|
|
3
|
+
*
|
|
4
|
+
* This program and the accompanying materials are made
|
|
5
|
+
* available under the terms of the Eclipse Public License 2.0
|
|
6
|
+
* which is available at https://www.eclipse.org/legal/epl-2.0/
|
|
7
|
+
*
|
|
8
|
+
* SPDX-License-Identifier: EPL-2.0
|
|
9
|
+
*/
|
|
10
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Inject, Input, NgZone, Output, ViewChild } from '@angular/core';
|
|
11
|
+
import { fromEvent, merge, Subject } from 'rxjs';
|
|
12
|
+
import { DOCUMENT } from '@angular/common';
|
|
13
|
+
import { tapFirst } from '@scion/toolkit/operators';
|
|
14
|
+
import { first, takeUntil } from 'rxjs/operators';
|
|
15
|
+
import * as i0 from "@angular/core";
|
|
16
|
+
/**
|
|
17
|
+
* Represents a splitter, a visual element that allows the user to control the size of elements next to it.
|
|
18
|
+
*
|
|
19
|
+
* The splitter has a handle that the user can move depending on the orientation of the splitter.
|
|
20
|
+
*
|
|
21
|
+
* Note that this control neither does change the size of adjacent elements nor does it (re-)position itself, but emits the distance by
|
|
22
|
+
* which the user has theoretically moved the splitter. You must subscribe to these events and change your layout accordingly.
|
|
23
|
+
*
|
|
24
|
+
* In the toolkit, {@link SciSashboxComponent} uses this splitter to divide a layout into several resizable sections.
|
|
25
|
+
* Another use case would be a resizable sidebar panel.
|
|
26
|
+
*
|
|
27
|
+
* ### Usage:
|
|
28
|
+
*
|
|
29
|
+
* ```html
|
|
30
|
+
* <sci-splitter (move)="onSplitterMove($event.distance)"></sci-splitter>
|
|
31
|
+
* ```
|
|
32
|
+
*
|
|
33
|
+
* ### Theme override:
|
|
34
|
+
* The default style of the splitter is made up of shades of gray.
|
|
35
|
+
* You can control the appearance by overriding the following CSS variables:
|
|
36
|
+
*
|
|
37
|
+
* - --sci-splitter-bgcolor: Sets the background color of the splitter.
|
|
38
|
+
* - --sci-splitter-bgcolor_hover: Sets the background color of the splitter when hovering it.
|
|
39
|
+
* - --sci-splitter-size: Sets the size of the splitter along the main axis.
|
|
40
|
+
* - --sci-splitter-size_hover: Sets the size of the splitter along the main axis when hovering it.
|
|
41
|
+
* - --sci-splitter-touch-target-size: Sets the touch target size to move the splitter (accessibility).
|
|
42
|
+
* - --sci-splitter-cross-axis-size: Sets the splitter size along the cross axis.
|
|
43
|
+
* - --sci-splitter-border-radius: Sets the border radius of the splitter.
|
|
44
|
+
* - --sci-splitter-opacity_active: Sets the opacity of the splitter while the user moves the splitter.
|
|
45
|
+
* - --sci-splitter-opacity_hover: Sets the opacity of the splitter when hovering it.
|
|
46
|
+
*
|
|
47
|
+
* Example:
|
|
48
|
+
*
|
|
49
|
+
* ```scss
|
|
50
|
+
* sci-splitter {
|
|
51
|
+
* --sci-splitter-bgcolor: black;
|
|
52
|
+
* --sci-splitter-bgcolor_hover: black;
|
|
53
|
+
* }
|
|
54
|
+
* ```
|
|
55
|
+
*
|
|
56
|
+
* @dynamic ignore 'strictMetadataEmit' errors due to the usage of {@link Document} as ambient type for DI.
|
|
57
|
+
*/
|
|
58
|
+
export class SciSplitterComponent {
|
|
59
|
+
constructor(_zone, _cd, _document) {
|
|
60
|
+
this._zone = _zone;
|
|
61
|
+
this._cd = _cd;
|
|
62
|
+
this._document = _document;
|
|
63
|
+
this._destroy$ = new Subject();
|
|
64
|
+
/* @docs-private */
|
|
65
|
+
this.moving = false;
|
|
66
|
+
/**
|
|
67
|
+
* Controls whether to render a vertical or horizontal splitter.
|
|
68
|
+
* By default, if not specified, renders a vertical splitter.
|
|
69
|
+
*/
|
|
70
|
+
this.orientation = 'vertical';
|
|
71
|
+
/**
|
|
72
|
+
* Emits when starting to move the splitter.
|
|
73
|
+
*/
|
|
74
|
+
this.start = new EventEmitter(); // eslint-disable-line @angular-eslint/no-output-native
|
|
75
|
+
/**
|
|
76
|
+
* Emits the distance in pixels when the splitter is moved.
|
|
77
|
+
* The event is emitted outside of the Angular zone.
|
|
78
|
+
*/
|
|
79
|
+
this.move = new EventEmitter();
|
|
80
|
+
/**
|
|
81
|
+
* Emits when ending to move the splitter.
|
|
82
|
+
*/
|
|
83
|
+
this.end = new EventEmitter(); // eslint-disable-line @angular-eslint/no-output-native
|
|
84
|
+
/**
|
|
85
|
+
* Emits when to reset the splitter position.
|
|
86
|
+
*/
|
|
87
|
+
this.reset = new EventEmitter(); // eslint-disable-line @angular-eslint/no-output-native
|
|
88
|
+
}
|
|
89
|
+
get isVertical() {
|
|
90
|
+
return !this.isHorizontal;
|
|
91
|
+
}
|
|
92
|
+
get isHorizontal() {
|
|
93
|
+
return this.orientation === 'horizontal';
|
|
94
|
+
}
|
|
95
|
+
/* @docs-private */
|
|
96
|
+
get splitterCursor() {
|
|
97
|
+
return this.isVertical ? 'ew-resize' : 'ns-resize';
|
|
98
|
+
}
|
|
99
|
+
/* @docs-private */
|
|
100
|
+
ngOnInit() {
|
|
101
|
+
fromEvent(this.touchTargetElementRef.nativeElement, 'dblclick')
|
|
102
|
+
.pipe(takeUntil(this._destroy$))
|
|
103
|
+
.subscribe(() => this.onReset());
|
|
104
|
+
fromEvent(this.touchTargetElementRef.nativeElement, 'touchstart')
|
|
105
|
+
.pipe(takeUntil(this._destroy$))
|
|
106
|
+
.subscribe((event) => this.onTouchStart(event));
|
|
107
|
+
fromEvent(this.touchTargetElementRef.nativeElement, 'mousedown')
|
|
108
|
+
.pipe(takeUntil(this._destroy$))
|
|
109
|
+
.subscribe((event) => this.onMouseDown(event));
|
|
110
|
+
}
|
|
111
|
+
onReset() {
|
|
112
|
+
this.reset.emit();
|
|
113
|
+
}
|
|
114
|
+
onTouchStart(startEvent) {
|
|
115
|
+
this.installMoveListener({
|
|
116
|
+
startEvent: startEvent,
|
|
117
|
+
moveEventNames: ['touchmove'],
|
|
118
|
+
endEventNames: ['touchend', 'touchcancel'],
|
|
119
|
+
eventPositionFn: (touchEvent) => {
|
|
120
|
+
const touch = touchEvent.touches[0];
|
|
121
|
+
if (this.isVertical) {
|
|
122
|
+
return { screenPos: touch.screenX, clientPos: touch.clientX, pagePos: touch.pageX };
|
|
123
|
+
}
|
|
124
|
+
else {
|
|
125
|
+
return { screenPos: touch.screenY, clientPos: touch.clientY, pagePos: touch.pageY };
|
|
126
|
+
}
|
|
127
|
+
},
|
|
128
|
+
});
|
|
129
|
+
}
|
|
130
|
+
onMouseDown(startEvent) {
|
|
131
|
+
if (startEvent.button !== 0) {
|
|
132
|
+
return;
|
|
133
|
+
}
|
|
134
|
+
this.installMoveListener({
|
|
135
|
+
startEvent: startEvent,
|
|
136
|
+
moveEventNames: ['mousemove', 'sci-mousemove'],
|
|
137
|
+
endEventNames: ['mouseup', 'sci-mouseup'],
|
|
138
|
+
eventPositionFn: (mouseEvent) => {
|
|
139
|
+
if (this.isVertical) {
|
|
140
|
+
return { screenPos: mouseEvent.screenX, clientPos: mouseEvent.clientX, pagePos: mouseEvent.pageX };
|
|
141
|
+
}
|
|
142
|
+
else {
|
|
143
|
+
return { screenPos: mouseEvent.screenY, clientPos: mouseEvent.clientY, pagePos: mouseEvent.pageY };
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
});
|
|
147
|
+
}
|
|
148
|
+
installMoveListener(config) {
|
|
149
|
+
const startEvent = config.startEvent;
|
|
150
|
+
startEvent.preventDefault();
|
|
151
|
+
this._zone.runOutsideAngular(() => {
|
|
152
|
+
// install listeners on document level to allow fast dragging the splitter.
|
|
153
|
+
const moveEvent$ = merge(...config.moveEventNames.map(eventName => fromEvent(this._document, eventName)));
|
|
154
|
+
const endEvent$ = merge(...config.endEventNames.map(eventName => fromEvent(this._document, eventName)));
|
|
155
|
+
let lastClientPos = config.eventPositionFn(startEvent).clientPos;
|
|
156
|
+
// Apply cursor on document level to prevent flickering while moving the splitter
|
|
157
|
+
const oldDocumentCursor = this._document.body.style.cursor;
|
|
158
|
+
this._document.body.style.cursor = this.splitterCursor;
|
|
159
|
+
// Listen for 'move' events until stop moving the splitter
|
|
160
|
+
moveEvent$
|
|
161
|
+
.pipe(tapFirst(() => this._zone.run(() => {
|
|
162
|
+
this.moving = true;
|
|
163
|
+
this.start.next();
|
|
164
|
+
this._cd.markForCheck();
|
|
165
|
+
})), takeUntil(merge(endEvent$, this._destroy$)))
|
|
166
|
+
.subscribe((moveEvent) => {
|
|
167
|
+
const eventPos = config.eventPositionFn(moveEvent);
|
|
168
|
+
const newClientPos = eventPos.clientPos;
|
|
169
|
+
const distance = newClientPos - lastClientPos;
|
|
170
|
+
lastClientPos = newClientPos;
|
|
171
|
+
NgZone.assertNotInAngularZone();
|
|
172
|
+
this.move.emit({ distance, position: eventPos });
|
|
173
|
+
});
|
|
174
|
+
// Listen for 'end' events; call 'stop propagation' to not close overlays
|
|
175
|
+
endEvent$
|
|
176
|
+
.pipe(first(), takeUntil(this._destroy$))
|
|
177
|
+
.subscribe((endEvent) => {
|
|
178
|
+
endEvent.stopPropagation();
|
|
179
|
+
this._document.body.style.cursor = oldDocumentCursor;
|
|
180
|
+
this.moving && this._zone.run(() => {
|
|
181
|
+
this.end.next();
|
|
182
|
+
this.moving = false;
|
|
183
|
+
this._cd.markForCheck();
|
|
184
|
+
});
|
|
185
|
+
});
|
|
186
|
+
});
|
|
187
|
+
}
|
|
188
|
+
/* @docs-private */
|
|
189
|
+
ngOnDestroy() {
|
|
190
|
+
this._destroy$.next();
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
SciSplitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SciSplitterComponent, deps: [{ token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
|
|
194
|
+
SciSplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: SciSplitterComponent, selector: "sci-splitter", inputs: { orientation: "orientation" }, outputs: { start: "start", move: "move", end: "end", reset: "reset" }, host: { properties: { "class.moving": "this.moving", "class.vertical": "this.isVertical", "class.horizontal": "this.isHorizontal", "style.cursor": "this.splitterCursor" } }, viewQueries: [{ propertyName: "touchTargetElementRef", first: true, predicate: ["touch_target"], descendants: true, static: true }], ngImport: i0, template: "<div #touch_target class=\"touch-target\">\n <div class=\"handle\"></div>\n</div>\n", styles: [":host{--sci-splitter-bgcolor: #d2d2d2;--sci-splitter-bgcolor_hover: var(--sci-splitter-bgcolor);--sci-splitter-size: 1px;--sci-splitter-size_hover: 8px;--sci-splitter-touch-target-size: 15px;--sci-splitter-cross-axis-size: 100%;--sci-splitter-border-radius: 0;--sci-splitter-opacity_active: 1;--sci-splitter-opacity_hover: .3;display:grid;position:relative;background-color:var(--sci-splitter-bgcolor);border-radius:var(--sci-splitter-border-radius);place-items:center;align-self:center}:host>div.touch-target{position:absolute;display:grid;place-items:center;pointer-events:auto}:host>div.touch-target>div.handle{position:absolute;background-color:var(--sci-splitter-bgcolor);border-radius:var(--sci-splitter-border-radius);opacity:var(--sci-splitter-opacity_hover);transition-property:width,height;transition-timing-function:ease-in;transition-duration:75ms}:host.vertical{width:var(--sci-splitter-size);height:var(--sci-splitter-cross-axis-size)}:host.vertical>div.touch-target{width:var(--sci-splitter-touch-target-size);height:100%}:host.vertical>div.touch-target>div.handle{width:var(--sci-splitter-size);height:100%}:host.horizontal{height:var(--sci-splitter-size);width:var(--sci-splitter-cross-axis-size)}:host.horizontal>div.touch-target{width:100%;height:var(--sci-splitter-touch-target-size)}:host.horizontal>div.touch-target>div.handle{width:100%;height:var(--sci-splitter-size)}:host>div.touch-target:active>div.handle{opacity:var(--sci-splitter-opacity_active)}:host.vertical.moving>div.touch-target>div.handle,:host.vertical>div.touch-target:hover>div.handle{background-color:var(--sci-splitter-bgcolor_hover);width:var(--sci-splitter-size_hover)}:host.horizontal.moving>div.touch-target>div.handle,:host.horizontal>div.touch-target:hover>div.handle{background-color:var(--sci-splitter-bgcolor_hover);height:var(--sci-splitter-size_hover)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
195
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SciSplitterComponent, decorators: [{
|
|
196
|
+
type: Component,
|
|
197
|
+
args: [{ selector: 'sci-splitter', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #touch_target class=\"touch-target\">\n <div class=\"handle\"></div>\n</div>\n", styles: [":host{--sci-splitter-bgcolor: #d2d2d2;--sci-splitter-bgcolor_hover: var(--sci-splitter-bgcolor);--sci-splitter-size: 1px;--sci-splitter-size_hover: 8px;--sci-splitter-touch-target-size: 15px;--sci-splitter-cross-axis-size: 100%;--sci-splitter-border-radius: 0;--sci-splitter-opacity_active: 1;--sci-splitter-opacity_hover: .3;display:grid;position:relative;background-color:var(--sci-splitter-bgcolor);border-radius:var(--sci-splitter-border-radius);place-items:center;align-self:center}:host>div.touch-target{position:absolute;display:grid;place-items:center;pointer-events:auto}:host>div.touch-target>div.handle{position:absolute;background-color:var(--sci-splitter-bgcolor);border-radius:var(--sci-splitter-border-radius);opacity:var(--sci-splitter-opacity_hover);transition-property:width,height;transition-timing-function:ease-in;transition-duration:75ms}:host.vertical{width:var(--sci-splitter-size);height:var(--sci-splitter-cross-axis-size)}:host.vertical>div.touch-target{width:var(--sci-splitter-touch-target-size);height:100%}:host.vertical>div.touch-target>div.handle{width:var(--sci-splitter-size);height:100%}:host.horizontal{height:var(--sci-splitter-size);width:var(--sci-splitter-cross-axis-size)}:host.horizontal>div.touch-target{width:100%;height:var(--sci-splitter-touch-target-size)}:host.horizontal>div.touch-target>div.handle{width:100%;height:var(--sci-splitter-size)}:host>div.touch-target:active>div.handle{opacity:var(--sci-splitter-opacity_active)}:host.vertical.moving>div.touch-target>div.handle,:host.vertical>div.touch-target:hover>div.handle{background-color:var(--sci-splitter-bgcolor_hover);width:var(--sci-splitter-size_hover)}:host.horizontal.moving>div.touch-target>div.handle,:host.horizontal>div.touch-target:hover>div.handle{background-color:var(--sci-splitter-bgcolor_hover);height:var(--sci-splitter-size_hover)}\n"] }]
|
|
198
|
+
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: Document, decorators: [{
|
|
199
|
+
type: Inject,
|
|
200
|
+
args: [DOCUMENT]
|
|
201
|
+
}] }]; }, propDecorators: { moving: [{
|
|
202
|
+
type: HostBinding,
|
|
203
|
+
args: ['class.moving']
|
|
204
|
+
}], isVertical: [{
|
|
205
|
+
type: HostBinding,
|
|
206
|
+
args: ['class.vertical']
|
|
207
|
+
}], isHorizontal: [{
|
|
208
|
+
type: HostBinding,
|
|
209
|
+
args: ['class.horizontal']
|
|
210
|
+
}], orientation: [{
|
|
211
|
+
type: Input
|
|
212
|
+
}], start: [{
|
|
213
|
+
type: Output
|
|
214
|
+
}], move: [{
|
|
215
|
+
type: Output
|
|
216
|
+
}], end: [{
|
|
217
|
+
type: Output
|
|
218
|
+
}], reset: [{
|
|
219
|
+
type: Output
|
|
220
|
+
}], splitterCursor: [{
|
|
221
|
+
type: HostBinding,
|
|
222
|
+
args: ['style.cursor']
|
|
223
|
+
}], touchTargetElementRef: [{
|
|
224
|
+
type: ViewChild,
|
|
225
|
+
args: ['touch_target', { static: true }]
|
|
226
|
+
}] } });
|
|
227
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsaXR0ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2Npb24vY29tcG9uZW50cy9zcGxpdHRlci9zcmMvc3BsaXR0ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2Npb24vY29tcG9uZW50cy9zcGxpdHRlci9zcmMvc3BsaXR0ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7O0dBUUc7QUFFSCxPQUFPLEVBQUMsdUJBQXVCLEVBQXFCLFNBQVMsRUFBYyxZQUFZLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFxQixNQUFNLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hMLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUMvQyxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDekMsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ2xELE9BQU8sRUFBQyxLQUFLLEVBQUUsU0FBUyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7O0FBRWhEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXlDRztBQU9ILE1BQU0sT0FBTyxvQkFBb0I7SUE0RC9CLFlBQW9CLEtBQWEsRUFDYixHQUFzQixFQUNKLFNBQW1CO1FBRnJDLFVBQUssR0FBTCxLQUFLLENBQVE7UUFDYixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUNKLGNBQVMsR0FBVCxTQUFTLENBQVU7UUE1RGpELGNBQVMsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1FBRXhDLG1CQUFtQjtRQUVaLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFZdEI7OztXQUdHO1FBRUksZ0JBQVcsR0FBOEIsVUFBVSxDQUFD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V0FBVzt1QkFBQyxjQUFjO2dCQU9wQixxQkFBcUI7c0JBRDNCLFNBQVM7dUJBQUMsY0FBYyxFQUFFLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTgtMjAxOSBTd2lzcyBGZWRlcmFsIFJhaWx3YXlzXG4gKlxuICogVGhpcyBwcm9ncmFtIGFuZCB0aGUgYWNjb21wYW55aW5nIG1hdGVyaWFscyBhcmUgbWFkZVxuICogYXZhaWxhYmxlIHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjBcbiAqIHdoaWNoIGlzIGF2YWlsYWJsZSBhdCBodHRwczovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wL1xuICpcbiAqICBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogRVBMLTIuMFxuICovXG5cbmltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIEluamVjdCwgSW5wdXQsIE5nWm9uZSwgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7ZnJvbUV2ZW50LCBtZXJnZSwgU3ViamVjdH0gZnJvbSAncnhqcyc7XG5pbXBvcnQge0RPQ1VNRU5UfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHt0YXBGaXJzdH0gZnJvbSAnQHNjaW9uL3Rvb2xraXQvb3BlcmF0b3JzJztcbmltcG9ydCB7Zmlyc3QsIHRha2VVbnRpbH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG4vKipcbiAqIFJlcHJlc2VudHMgYSBzcGxpdHRlciwgYSB2aXN1YWwgZWxlbWVudCB0aGF0IGFsbG93cyB0aGUgdXNlciB0byBjb250cm9sIHRoZSBzaXplIG9mIGVsZW1lbnRzIG5leHQgdG8gaXQuXG4gKlxuICogVGhlIHNwbGl0dGVyIGhhcyBhIGhhbmRsZSB0aGF0IHRoZSB1c2VyIGNhbiBtb3ZlIGRlcGVuZGluZyBvbiB0aGUgb3JpZW50YXRpb24gb2YgdGhlIHNwbGl0dGVyLlxuICpcbiAqIE5vdGUgdGhhdCB0aGlzIGNvbnRyb2wgbmVpdGhlciBkb2VzIGNoYW5nZSB0aGUgc2l6ZSBvZiBhZGphY2VudCBlbGVtZW50cyBub3IgZG9lcyBpdCAocmUtKXBvc2l0aW9uIGl0c2VsZiwgYnV0IGVtaXRzIHRoZSBkaXN0YW5jZSBieVxuICogd2hpY2ggdGhlIHVzZXIgaGFzIHRoZW9yZXRpY2FsbHkgbW92ZWQgdGhlIHNwbGl0dGVyLiBZb3UgbXVzdCBzdWJzY3JpYmUgdG8gdGhlc2UgZXZlbnRzIGFuZCBjaGFuZ2UgeW91ciBsYXlvdXQgYWNjb3JkaW5nbHkuXG4gKlxuICogSW4gdGhlIHRvb2xraXQsIHtAbGluayBTY2lTYXNoYm94Q29tcG9uZW50fSB1c2VzIHRoaXMgc3BsaXR0ZXIgdG8gZGl2aWRlIGEgbGF5b3V0IGludG8gc2V2ZXJhbCByZXNpemFibGUgc2VjdGlvbnMuXG4gKiBBbm90aGVyIHVzZSBjYXNlIHdvdWxkIGJlIGEgcmVzaXphYmxlIHNpZGViYXIgcGFuZWwuXG4gKlxuICogIyMjIFVzYWdlOlxuICpcbiAqIGBgYGh0bWxcbiAqIDxzY2ktc3BsaXR0ZXIgKG1vdmUpPVwib25TcGxpdHRlck1vdmUoJGV2ZW50LmRpc3RhbmNlKVwiPjwvc2NpLXNwbGl0dGVyPlxuICogYGBgXG4gKlxuICogIyMjIFRoZW1lIG92ZXJyaWRlOlxuICogVGhlIGRlZmF1bHQgc3R5bGUgb2YgdGhlIHNwbGl0dGVyIGlzIG1hZGUgdXAgb2Ygc2hhZGVzIG9mIGdyYXkuXG4gKiBZb3UgY2FuIGNvbnRyb2wgdGhlIGFwcGVhcmFuY2UgYnkgb3ZlcnJpZGluZyB0aGUgZm9sbG93aW5nIENTUyB2YXJpYWJsZXM6XG4gKlxuICogLSAtLXNjaS1zcGxpdHRlci1iZ2NvbG9yOiBTZXRzIHRoZSBiYWNrZ3JvdW5kIGNvbG9yIG9mIHRoZSBzcGxpdHRlci5cbiAqIC0gLS1zY2ktc3BsaXR0ZXItYmdjb2xvcl9ob3ZlcjogU2V0cyB0aGUgYmFja2dyb3VuZCBjb2xvciBvZiB0aGUgc3BsaXR0ZXIgd2hlbiBob3ZlcmluZyBpdC5cbiAqIC0gLS1zY2ktc3BsaXR0ZXItc2l6ZTogU2V0cyB0aGUgc2l6ZSBvZiB0aGUgc3BsaXR0ZXIgYWxvbmcgdGhlIG1haW4gYXhpcy5cbiAqIC0gLS1zY2ktc3BsaXR0ZXItc2l6ZV9ob3ZlcjogU2V0cyB0aGUgc2l6ZSBvZiB0aGUgc3BsaXR0ZXIgYWxvbmcgdGhlIG1haW4gYXhpcyB3aGVuIGhvdmVyaW5nIGl0LlxuICogLSAtLXNjaS1zcGxpdHRlci10b3VjaC10YXJnZXQtc2l6ZTogU2V0cyB0aGUgdG91Y2ggdGFyZ2V0IHNpemUgdG8gbW92ZSB0aGUgc3BsaXR0ZXIgKGFjY2Vzc2liaWxpdHkpLlxuICogLSAtLXNjaS1zcGxpdHRlci1jcm9zcy1heGlzLXNpemU6IFNldHMgdGhlIHNwbGl0dGVyIHNpemUgYWxvbmcgdGhlIGNyb3NzIGF4aXMuXG4gKiAtIC0tc2NpLXNwbGl0dGVyLWJvcmRlci1yYWRpdXM6IFNldHMgdGhlIGJvcmRlciByYWRpdXMgb2YgdGhlIHNwbGl0dGVyLlxuICogLSAtLXNjaS1zcGxpdHRlci1vcGFjaXR5X2FjdGl2ZTogU2V0cyB0aGUgb3BhY2l0eSBvZiB0aGUgc3BsaXR0ZXIgd2hpbGUgdGhlIHVzZXIgbW92ZXMgdGhlIHNwbGl0dGVyLlxuICogLSAtLXNjaS1zcGxpdHRlci1vcGFjaXR5X2hvdmVyOiBTZXRzIHRoZSBvcGFjaXR5IG9mIHRoZSBzcGxpdHRlciB3aGVuIGhvdmVyaW5nIGl0LlxuICpcbiAqIEV4YW1wbGU6XG4gKlxuICogYGBgc2Nzc1xuICogc2NpLXNwbGl0dGVyIHtcbiAqICAgLS1zY2ktc3BsaXR0ZXItYmdjb2xvcjogYmxhY2s7XG4gKiAgIC0tc2NpLXNwbGl0dGVyLWJnY29sb3JfaG92ZXI6IGJsYWNrO1xuICogfVxuICogYGBgXG4gKlxuICogQGR5bmFtaWMgaWdub3JlICdzdHJpY3RNZXRhZGF0YUVtaXQnIGVycm9ycyBkdWUgdG8gdGhlIHVzYWdlIG9mIHtAbGluayBEb2N1bWVudH0gYXMgYW1iaWVudCB0eXBlIGZvciBESS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2NpLXNwbGl0dGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NwbGl0dGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3BsaXR0ZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNjaVNwbGl0dGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuXG4gIHByaXZhdGUgX2Rlc3Ryb3kkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICAvKiBAZG9jcy1wcml2YXRlICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MubW92aW5nJylcbiAgcHVibGljIG1vdmluZyA9IGZhbHNlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MudmVydGljYWwnKVxuICBwdWJsaWMgZ2V0IGlzVmVydGljYWwoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICF0aGlzLmlzSG9yaXpvbnRhbDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuaG9yaXpvbnRhbCcpXG4gIHB1YmxpYyBnZXQgaXNIb3Jpem9udGFsKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLm9yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCc7XG4gIH1cblxuICAvKipcbiAgICogQ29udHJvbHMgd2hldGhlciB0byByZW5kZXIgYSB2ZXJ0aWNhbCBvciBob3Jpem9udGFsIHNwbGl0dGVyLlxuICAgKiBCeSBkZWZhdWx0LCBpZiBub3Qgc3BlY2lmaWVkLCByZW5kZXJzIGEgdmVydGljYWwgc3BsaXR0ZXIuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgb3JpZW50YXRpb246ICd2ZXJ0aWNhbCcgfCAnaG9yaXpvbnRhbCcgPSAndmVydGljYWwnO1xuXG4gIC8qKlxuICAgKiBFbWl0cyB3aGVuIHN0YXJ0aW5nIHRvIG1vdmUgdGhlIHNwbGl0dGVyLlxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBzdGFydCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTsgLy8gZXNsaW50LWRpc2FibGUtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW5hdGl2ZVxuXG4gIC8qKlxuICAgKiBFbWl0cyB0aGUgZGlzdGFuY2UgaW4gcGl4ZWxzIHdoZW4gdGhlIHNwbGl0dGVyIGlzIG1vdmVkLlxuICAgKiBUaGUgZXZlbnQgaXMgZW1pdHRlZCBvdXRzaWRlIG9mIHRoZSBBbmd1bGFyIHpvbmUuXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIG1vdmUgPSBuZXcgRXZlbnRFbWl0dGVyPFNwbGl0dGVyTW92ZUV2ZW50PigpO1xuXG4gIC8qKlxuICAgKiBFbWl0cyB3aGVuIGVuZGluZyB0byBtb3ZlIHRoZSBzcGxpdHRlci5cbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgZW5kID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpOyAvLyBlc2xpbnQtZGlzYWJsZS1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtbmF0aXZlXG5cbiAgLyoqXG4gICAqIEVtaXRzIHdoZW4gdG8gcmVzZXQgdGhlIHNwbGl0dGVyIHBvc2l0aW9uLlxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyByZXNldCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTsgLy8gZXNsaW50LWRpc2FibGUtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW5hdGl2ZVxuXG4gIC8qIEBkb2NzLXByaXZhdGUgKi9cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5jdXJzb3InKVxuICBwdWJsaWMgZ2V0IHNwbGl0dGVyQ3Vyc29yKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuaXNWZXJ0aWNhbCA/ICdldy1yZXNpemUnIDogJ25zLXJlc2l6ZSc7XG4gIH1cblxuICAvKiBAZG9jcy1wcml2YXRlICovXG4gIEBWaWV3Q2hpbGQoJ3RvdWNoX3RhcmdldCcsIHtzdGF0aWM6IHRydWV9KVxuICBwdWJsaWMgdG91Y2hUYXJnZXRFbGVtZW50UmVmITogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfem9uZTogTmdab25lLFxuICAgICAgICAgICAgICBwcml2YXRlIF9jZDogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgICAgICAgICAgIEBJbmplY3QoRE9DVU1FTlQpIHByaXZhdGUgX2RvY3VtZW50OiBEb2N1bWVudCkge1xuICB9XG5cbiAgLyogQGRvY3MtcHJpdmF0ZSAqL1xuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgZnJvbUV2ZW50KHRoaXMudG91Y2hUYXJnZXRFbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdkYmxjbGljaycpXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5fZGVzdHJveSQpKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB0aGlzLm9uUmVzZXQoKSk7XG5cbiAgICBmcm9tRXZlbnQ8VG91Y2hFdmVudD4odGhpcy50b3VjaFRhcmdldEVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ3RvdWNoc3RhcnQnKVxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kkKSlcbiAgICAgIC5zdWJzY3JpYmUoKGV2ZW50OiBUb3VjaEV2ZW50KSA9PiB0aGlzLm9uVG91Y2hTdGFydChldmVudCkpO1xuXG4gICAgZnJvbUV2ZW50PE1vdXNlRXZlbnQ+KHRoaXMudG91Y2hUYXJnZXRFbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdtb3VzZWRvd24nKVxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kkKSlcbiAgICAgIC5zdWJzY3JpYmUoKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB0aGlzLm9uTW91c2VEb3duKGV2ZW50KSk7XG4gIH1cblxuICBwcml2YXRlIG9uUmVzZXQoKTogdm9pZCB7XG4gICAgdGhpcy5yZXNldC5lbWl0KCk7XG4gIH1cblxuICBwcml2YXRlIG9uVG91Y2hTdGFydChzdGFydEV2ZW50OiBUb3VjaEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5pbnN0YWxsTW92ZUxpc3RlbmVyKHtcbiAgICAgICAgc3RhcnRFdmVudDogc3RhcnRFdmVudCxcbiAgICAgICAgbW92ZUV2ZW50TmFtZXM6IFsndG91Y2htb3ZlJ10sXG4gICAgICAgIGVuZEV2ZW50TmFtZXM6IFsndG91Y2hlbmQnLCAndG91Y2hjYW5jZWwnXSxcbiAgICAgICAgZXZlbnRQb3NpdGlvbkZuOiAodG91Y2hFdmVudDogVG91Y2hFdmVudCk6IEV2ZW50UG9zaXRpb24gPT4ge1xuICAgICAgICAgIGNvbnN0IHRvdWNoOiBUb3VjaCA9IHRvdWNoRXZlbnQudG91Y2hlc1swXTtcbiAgICAgICAgICBpZiAodGhpcy5pc1ZlcnRpY2FsKSB7XG4gICAgICAgICAgICByZXR1cm4ge3NjcmVlblBvczogdG91Y2guc2NyZWVuWCwgY2xpZW50UG9zOiB0b3VjaC5jbGllbnRYLCBwYWdlUG9zOiB0b3VjaC5wYWdlWH07XG4gICAgICAgICAgfVxuICAgICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgcmV0dXJuIHtzY3JlZW5Qb3M6IHRvdWNoLnNjcmVlblksIGNsaWVudFBvczogdG91Y2guY2xpZW50WSwgcGFnZVBvczogdG91Y2gucGFnZVl9O1xuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgb25Nb3VzZURvd24oc3RhcnRFdmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIGlmIChzdGFydEV2ZW50LmJ1dHRvbiAhPT0gMCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuaW5zdGFsbE1vdmVMaXN0ZW5lcih7XG4gICAgICAgIHN0YXJ0RXZlbnQ6IHN0YXJ0RXZlbnQsXG4gICAgICAgIG1vdmVFdmVudE5hbWVzOiBbJ21vdXNlbW92ZScsICdzY2ktbW91c2Vtb3ZlJ10sXG4gICAgICAgIGVuZEV2ZW50TmFtZXM6IFsnbW91c2V1cCcsICdzY2ktbW91c2V1cCddLFxuICAgICAgICBldmVudFBvc2l0aW9uRm46IChtb3VzZUV2ZW50OiBNb3VzZUV2ZW50KTogRXZlbnRQb3NpdGlvbiA9PiB7XG4gICAgICAgICAgaWYgKHRoaXMuaXNWZXJ0aWNhbCkge1xuICAgICAgICAgICAgcmV0dXJuIHtzY3JlZW5Qb3M6IG1vdXNlRXZlbnQuc2NyZWVuWCwgY2xpZW50UG9zOiBtb3VzZUV2ZW50LmNsaWVudFgsIHBhZ2VQb3M6IG1vdXNlRXZlbnQucGFnZVh9O1xuICAgICAgICAgIH1cbiAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIHJldHVybiB7c2NyZWVuUG9zOiBtb3VzZUV2ZW50LnNjcmVlblksIGNsaWVudFBvczogbW91c2VFdmVudC5jbGllbnRZLCBwYWdlUG9zOiBtb3VzZUV2ZW50LnBhZ2VZfTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICk7XG4gIH1cblxuICBwcml2YXRlIGluc3RhbGxNb3ZlTGlzdGVuZXI8RVZFTlQgZXh0ZW5kcyBFdmVudD4oY29uZmlnOiB7c3RhcnRFdmVudDogRVZFTlQ7IG1vdmVFdmVudE5hbWVzOiBzdHJpbmdbXTsgZW5kRXZlbnROYW1lczogc3RyaW5nW107IGV2ZW50UG9zaXRpb25GbjogKGV2ZW50OiBFVkVOVCkgPT4gRXZlbnRQb3NpdGlvbn0pOiB2b2lkIHtcbiAgICBjb25zdCBzdGFydEV2ZW50ID0gY29uZmlnLnN0YXJ0RXZlbnQ7XG5cbiAgICBzdGFydEV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICB0aGlzLl96b25lLnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+IHtcbiAgICAgIC8vIGluc3RhbGwgbGlzdGVuZXJzIG9uIGRvY3VtZW50IGxldmVsIHRvIGFsbG93IGZhc3QgZHJhZ2dpbmcgdGhlIHNwbGl0dGVyLlxuICAgICAgY29uc3QgbW92ZUV2ZW50JCA9IG1lcmdlKC4uLmNvbmZpZy5tb3ZlRXZlbnROYW1lcy5tYXAoZXZlbnROYW1lID0+IGZyb21FdmVudDxFVkVOVD4odGhpcy5fZG9jdW1lbnQsIGV2ZW50TmFtZSkpKTtcbiAgICAgIGNvbnN0IGVuZEV2ZW50JCA9IG1lcmdlKC4uLmNvbmZpZy5lbmRFdmVudE5hbWVzLm1hcChldmVudE5hbWUgPT4gZnJvbUV2ZW50PEVWRU5UPih0aGlzLl9kb2N1bWVudCwgZXZlbnROYW1lKSkpO1xuICAgICAgbGV0IGxhc3RDbGllbnRQb3MgPSBjb25maWcuZXZlbnRQb3NpdGlvbkZuKHN0YXJ0RXZlbnQpLmNsaWVudFBvcztcblxuICAgICAgLy8gQXBwbHkgY3Vyc29yIG9uIGRvY3VtZW50IGxldmVsIHRvIHByZXZlbnQgZmxpY2tlcmluZyB3aGlsZSBtb3ZpbmcgdGhlIHNwbGl0dGVyXG4gICAgICBjb25zdCBvbGREb2N1bWVudEN1cnNvciA9IHRoaXMuX2RvY3VtZW50LmJvZHkuc3R5bGUuY3Vyc29yO1xuICAgICAgdGhpcy5fZG9jdW1lbnQuYm9keS5zdHlsZS5jdXJzb3IgPSB0aGlzLnNwbGl0dGVyQ3Vyc29yO1xuXG4gICAgICAvLyBMaXN0ZW4gZm9yICdtb3ZlJyBldmVudHMgdW50aWwgc3RvcCBtb3ZpbmcgdGhlIHNwbGl0dGVyXG4gICAgICBtb3ZlRXZlbnQkXG4gICAgICAgIC5waXBlKFxuICAgICAgICAgIHRhcEZpcnN0KCgpID0+IHRoaXMuX3pvbmUucnVuKCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMubW92aW5nID0gdHJ1ZTtcbiAgICAgICAgICAgIHRoaXMuc3RhcnQubmV4dCgpO1xuICAgICAgICAgICAgdGhpcy5fY2QubWFya0ZvckNoZWNrKCk7XG4gICAgICAgICAgfSkpLFxuICAgICAgICAgIHRha2VVbnRpbChtZXJnZShlbmRFdmVudCQsIHRoaXMuX2Rlc3Ryb3kkKSksXG4gICAgICAgIClcbiAgICAgICAgLnN1YnNjcmliZSgobW92ZUV2ZW50OiBFVkVOVCkgPT4ge1xuICAgICAgICAgIGNvbnN0IGV2ZW50UG9zID0gY29uZmlnLmV2ZW50UG9zaXRpb25Gbihtb3ZlRXZlbnQpO1xuICAgICAgICAgIGNvbnN0IG5ld0NsaWVudFBvcyA9IGV2ZW50UG9zLmNsaWVudFBvcztcbiAgICAgICAgICBjb25zdCBkaXN0YW5jZSA9IG5ld0NsaWVudFBvcyAtIGxhc3RDbGllbnRQb3M7XG4gICAgICAgICAgbGFzdENsaWVudFBvcyA9IG5ld0NsaWVudFBvcztcblxuICAgICAgICAgIE5nWm9uZS5hc3NlcnROb3RJbkFuZ3VsYXJab25lKCk7XG4gICAgICAgICAgdGhpcy5tb3ZlLmVtaXQoe2Rpc3RhbmNlLCBwb3NpdGlvbjogZXZlbnRQb3N9KTtcbiAgICAgICAgfSk7XG5cbiAgICAgIC8vIExpc3RlbiBmb3IgJ2VuZCcgZXZlbnRzOyBjYWxsICdzdG9wIHByb3BhZ2F0aW9uJyB0byBub3QgY2xvc2Ugb3ZlcmxheXNcbiAgICAgIGVuZEV2ZW50JFxuICAgICAgICAucGlwZShmaXJzdCgpLCB0YWtlVW50aWwodGhpcy5fZGVzdHJveSQpKVxuICAgICAgICAuc3Vic2NyaWJlKChlbmRFdmVudDogRVZFTlQpID0+IHtcbiAgICAgICAgICBlbmRFdmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICB0aGlzLl9kb2N1bWVudC5ib2R5LnN0eWxlLmN1cnNvciA9IG9sZERvY3VtZW50Q3Vyc29yO1xuICAgICAgICAgIHRoaXMubW92aW5nICYmIHRoaXMuX3pvbmUucnVuKCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuZW5kLm5leHQoKTtcbiAgICAgICAgICAgIHRoaXMubW92aW5nID0gZmFsc2U7XG4gICAgICAgICAgICB0aGlzLl9jZC5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgICB9KTtcbiAgICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICAvKiBAZG9jcy1wcml2YXRlICovXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9kZXN0cm95JC5uZXh0KCk7XG4gIH1cbn1cblxuZXhwb3J0IGludGVyZmFjZSBFdmVudFBvc2l0aW9uIHtcbiAgY2xpZW50UG9zOiBudW1iZXI7XG4gIHBhZ2VQb3M6IG51bWJlcjtcbiAgc2NyZWVuUG9zOiBudW1iZXI7XG59XG5cbi8qKlxuICogRXZlbnQgdGhhdCBpcyBlbWl0dGVkIHdoZW4gbW92aW5nIHRoZSBzcGxpdHRlci5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBTcGxpdHRlck1vdmVFdmVudCB7XG4gIC8qKlxuICAgKiBUaGUgZGlzdGFuY2UgaW4gcGl4ZWxzIGJ5IHdoaWNoIHRoZSB1c2VyIGhhcyBtb3ZlZCB0aGUgc3BsaXR0ZXIgc2luY2UgdGhlIGxhc3QgZW1pc3Npb24uXG4gICAqL1xuICBkaXN0YW5jZTogbnVtYmVyO1xuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIHdoZXJlIHRoZSBtb3VzZSBvciB0b3VjaCBldmVudCBoYXMgb2NjdXJyZWQuXG4gICAqL1xuICBwb3NpdGlvbjogRXZlbnRQb3NpdGlvbjtcbn1cbiIsIjxkaXYgI3RvdWNoX3RhcmdldCBjbGFzcz1cInRvdWNoLXRhcmdldFwiPlxuICA8ZGl2IGNsYXNzPVwiaGFuZGxlXCI+PC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2018-2019 Swiss Federal Railways
|
|
3
|
+
*
|
|
4
|
+
* This program and the accompanying materials are made
|
|
5
|
+
* available under the terms of the Eclipse Public License 2.0
|
|
6
|
+
* which is available at https://www.eclipse.org/legal/epl-2.0/
|
|
7
|
+
*
|
|
8
|
+
* SPDX-License-Identifier: EPL-2.0
|
|
9
|
+
*/
|
|
10
|
+
import { NgModule } from '@angular/core';
|
|
11
|
+
import { CommonModule } from '@angular/common';
|
|
12
|
+
import { SciSplitterComponent } from './splitter.component';
|
|
13
|
+
import * as i0 from "@angular/core";
|
|
14
|
+
/**
|
|
15
|
+
* Provides a splitter, a visual element that allows the user to control the size of elements next to it.
|
|
16
|
+
*
|
|
17
|
+
* ### Usage:
|
|
18
|
+
*
|
|
19
|
+
* ```html
|
|
20
|
+
* <sci-splitter (move)="onSplitterMove($event.distance)"></sci-splitter>
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
23
|
+
export class SciSplitterModule {
|
|
24
|
+
}
|
|
25
|
+
SciSplitterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SciSplitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
26
|
+
SciSplitterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SciSplitterModule, declarations: [SciSplitterComponent], imports: [CommonModule], exports: [SciSplitterComponent] });
|
|
27
|
+
SciSplitterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SciSplitterModule, imports: [[
|
|
28
|
+
CommonModule,
|
|
29
|
+
]] });
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SciSplitterModule, decorators: [{
|
|
31
|
+
type: NgModule,
|
|
32
|
+
args: [{
|
|
33
|
+
declarations: [
|
|
34
|
+
SciSplitterComponent,
|
|
35
|
+
],
|
|
36
|
+
imports: [
|
|
37
|
+
CommonModule,
|
|
38
|
+
],
|
|
39
|
+
exports: [
|
|
40
|
+
SciSplitterComponent,
|
|
41
|
+
],
|
|
42
|
+
}]
|
|
43
|
+
}] });
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsaXR0ZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2Npb24vY29tcG9uZW50cy9zcGxpdHRlci9zcmMvc3BsaXR0ZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7OztHQVFHO0FBRUgsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sc0JBQXNCLENBQUM7O0FBRTFEOzs7Ozs7OztHQVFHO0FBWUgsTUFBTSxPQUFPLGlCQUFpQjs7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQVQxQixvQkFBb0IsYUFHcEIsWUFBWSxhQUdaLG9CQUFvQjsrR0FHWCxpQkFBaUIsWUFQbkI7WUFDUCxZQUFZO1NBQ2I7MkZBS1UsaUJBQWlCO2tCQVg3QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixvQkFBb0I7cUJBQ3JCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxvQkFBb0I7cUJBQ3JCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxOC0yMDE5IFN3aXNzIEZlZGVyYWwgUmFpbHdheXNcbiAqXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlXG4gKiBhdmFpbGFibGUgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBFY2xpcHNlIFB1YmxpYyBMaWNlbnNlIDIuMFxuICogd2hpY2ggaXMgYXZhaWxhYmxlIGF0IGh0dHBzOi8vd3d3LmVjbGlwc2Uub3JnL2xlZ2FsL2VwbC0yLjAvXG4gKlxuICogIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBFUEwtMi4wXG4gKi9cblxuaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7U2NpU3BsaXR0ZXJDb21wb25lbnR9IGZyb20gJy4vc3BsaXR0ZXIuY29tcG9uZW50JztcblxuLyoqXG4gKiBQcm92aWRlcyBhIHNwbGl0dGVyLCBhIHZpc3VhbCBlbGVtZW50IHRoYXQgYWxsb3dzIHRoZSB1c2VyIHRvIGNvbnRyb2wgdGhlIHNpemUgb2YgZWxlbWVudHMgbmV4dCB0byBpdC5cbiAqXG4gKiAjIyMgVXNhZ2U6XG4gKlxuICogYGBgaHRtbFxuICogPHNjaS1zcGxpdHRlciAobW92ZSk9XCJvblNwbGl0dGVyTW92ZSgkZXZlbnQuZGlzdGFuY2UpXCI+PC9zY2ktc3BsaXR0ZXI+XG4gKiBgYGBcbiAqL1xuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU2NpU3BsaXR0ZXJDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBTY2lTcGxpdHRlckNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2NpU3BsaXR0ZXJNb2R1bGUge1xufVxuIl19
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2018-2019 Swiss Federal Railways
|
|
3
|
+
*
|
|
4
|
+
* This program and the accompanying materials are made
|
|
5
|
+
* available under the terms of the Eclipse Public License 2.0
|
|
6
|
+
* which is available at https://www.eclipse.org/legal/epl-2.0/
|
|
7
|
+
*
|
|
8
|
+
* SPDX-License-Identifier: EPL-2.0
|
|
9
|
+
*/
|
|
10
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
11
|
+
import * as i0 from "@angular/core";
|
|
12
|
+
/**
|
|
13
|
+
* Represents a throbber as an ellipsis consisting of three horizontally arranged points that appear one after the other.
|
|
14
|
+
*
|
|
15
|
+
* Throbber type: `ellipsis`
|
|
16
|
+
*/
|
|
17
|
+
export class SciEllipsisThrobberComponent {
|
|
18
|
+
}
|
|
19
|
+
SciEllipsisThrobberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SciEllipsisThrobberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
SciEllipsisThrobberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: SciEllipsisThrobberComponent, selector: "sci-ellipsis-throbber", ngImport: i0, template: "<div class=\"point\"></div>\n<div class=\"point\"></div>\n<div class=\"point\"></div>\n", styles: [":host{display:inline-flex;justify-content:space-between;font-size:var(--sci-throbber-size);width:1em;box-sizing:border-box}:host>div.point{flex:none;border-radius:50%;width:.3em;height:.3em;animation:sci-ellipsis-throbber var(--sci-throbber-duration) ease-in-out infinite;background-color:var(--sci-throbber-color)}:host>div.point:nth-child(1){animation-delay:calc(var(--sci-throbber-duration) / -6)}:host>div.point:nth-child(2){animation-delay:calc(var(--sci-throbber-duration) / -12)}@keyframes sci-ellipsis-throbber{0%{transform:scale(0)}40%{transform:scale(1)}80%,to{transform:scale(0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SciEllipsisThrobberComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
23
|
+
args: [{ selector: 'sci-ellipsis-throbber', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"point\"></div>\n<div class=\"point\"></div>\n<div class=\"point\"></div>\n", styles: [":host{display:inline-flex;justify-content:space-between;font-size:var(--sci-throbber-size);width:1em;box-sizing:border-box}:host>div.point{flex:none;border-radius:50%;width:.3em;height:.3em;animation:sci-ellipsis-throbber var(--sci-throbber-duration) ease-in-out infinite;background-color:var(--sci-throbber-color)}:host>div.point:nth-child(1){animation-delay:calc(var(--sci-throbber-duration) / -6)}:host>div.point:nth-child(2){animation-delay:calc(var(--sci-throbber-duration) / -12)}@keyframes sci-ellipsis-throbber{0%{transform:scale(0)}40%{transform:scale(1)}80%,to{transform:scale(0)}}\n"] }]
|
|
24
|
+
}] });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxsaXBzaXMtdGhyb2JiZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2Npb24vY29tcG9uZW50cy90aHJvYmJlci9zcmMvZWxsaXBzaXMtdGhyb2JiZXIvZWxsaXBzaXMtdGhyb2JiZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2Npb24vY29tcG9uZW50cy90aHJvYmJlci9zcmMvZWxsaXBzaXMtdGhyb2JiZXIvZWxsaXBzaXMtdGhyb2JiZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7O0dBUUc7QUFFSCxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQUVqRTs7OztHQUlHO0FBT0gsTUFBTSxPQUFPLDRCQUE0Qjs7eUhBQTVCLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLDZEQ3ZCekMseUZBR0E7MkZEb0JhLDRCQUE0QjtrQkFOeEMsU0FBUzsrQkFDRSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LTIwMTkgU3dpc3MgRmVkZXJhbCBSYWlsd2F5c1xuICpcbiAqIFRoaXMgcHJvZ3JhbSBhbmQgdGhlIGFjY29tcGFueWluZyBtYXRlcmlhbHMgYXJlIG1hZGVcbiAqIGF2YWlsYWJsZSB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEVjbGlwc2UgUHVibGljIExpY2Vuc2UgMi4wXG4gKiB3aGljaCBpcyBhdmFpbGFibGUgYXQgaHR0cHM6Ly93d3cuZWNsaXBzZS5vcmcvbGVnYWwvZXBsLTIuMC9cbiAqXG4gKiAgU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcbiAqL1xuXG5pbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFJlcHJlc2VudHMgYSB0aHJvYmJlciBhcyBhbiBlbGxpcHNpcyBjb25zaXN0aW5nIG9mIHRocmVlIGhvcml6b250YWxseSBhcnJhbmdlZCBwb2ludHMgdGhhdCBhcHBlYXIgb25lIGFmdGVyIHRoZSBvdGhlci5cbiAqXG4gKiBUaHJvYmJlciB0eXBlOiBgZWxsaXBzaXNgXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NjaS1lbGxpcHNpcy10aHJvYmJlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9lbGxpcHNpcy10aHJvYmJlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2VsbGlwc2lzLXRocm9iYmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTY2lFbGxpcHNpc1Rocm9iYmVyQ29tcG9uZW50IHtcbn1cbiIsIjxkaXYgY2xhc3M9XCJwb2ludFwiPjwvZGl2PlxuPGRpdiBjbGFzcz1cInBvaW50XCI+PC9kaXY+XG48ZGl2IGNsYXNzPVwicG9pbnRcIj48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2018-2019 Swiss Federal Railways
|
|
3
|
+
*
|
|
4
|
+
* This program and the accompanying materials are made
|
|
5
|
+
* available under the terms of the Eclipse Public License 2.0
|
|
6
|
+
* which is available at https://www.eclipse.org/legal/epl-2.0/
|
|
7
|
+
*
|
|
8
|
+
* SPDX-License-Identifier: EPL-2.0
|
|
9
|
+
*/
|
|
10
|
+
/*
|
|
11
|
+
* Secondary entrypoint: '@scion/components/throbber'
|
|
12
|
+
*
|
|
13
|
+
* @see https://github.com/ng-packagr/ng-packagr/blob/master/docs/secondary-entrypoints.md
|
|
14
|
+
*/
|
|
15
|
+
export { SciThrobberModule } from './throbber.module';
|
|
16
|
+
export { SciThrobberComponent } from './throbber.component';
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NjaW9uL2NvbXBvbmVudHMvdGhyb2JiZXIvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7O0dBUUc7QUFFSDs7OztHQUlHO0FBQ0gsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sbUJBQW1CLENBQUM7QUFDcEQsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LTIwMTkgU3dpc3MgRmVkZXJhbCBSYWlsd2F5c1xuICpcbiAqIFRoaXMgcHJvZ3JhbSBhbmQgdGhlIGFjY29tcGFueWluZyBtYXRlcmlhbHMgYXJlIG1hZGVcbiAqIGF2YWlsYWJsZSB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEVjbGlwc2UgUHVibGljIExpY2Vuc2UgMi4wXG4gKiB3aGljaCBpcyBhdmFpbGFibGUgYXQgaHR0cHM6Ly93d3cuZWNsaXBzZS5vcmcvbGVnYWwvZXBsLTIuMC9cbiAqXG4gKiAgU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcbiAqL1xuXG4vKlxuICogU2Vjb25kYXJ5IGVudHJ5cG9pbnQ6ICdAc2Npb24vY29tcG9uZW50cy90aHJvYmJlcidcbiAqXG4gKiBAc2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9uZy1wYWNrYWdyL25nLXBhY2thZ3IvYmxvYi9tYXN0ZXIvZG9jcy9zZWNvbmRhcnktZW50cnlwb2ludHMubWRcbiAqL1xuZXhwb3J0IHtTY2lUaHJvYmJlck1vZHVsZX0gZnJvbSAnLi90aHJvYmJlci5tb2R1bGUnO1xuZXhwb3J0IHtTY2lUaHJvYmJlckNvbXBvbmVudH0gZnJvbSAnLi90aHJvYmJlci5jb21wb25lbnQnO1xuIl19
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2018-2019 Swiss Federal Railways
|
|
3
|
+
*
|
|
4
|
+
* This program and the accompanying materials are made
|
|
5
|
+
* available under the terms of the Eclipse Public License 2.0
|
|
6
|
+
* which is available at https://www.eclipse.org/legal/epl-2.0/
|
|
7
|
+
*
|
|
8
|
+
* SPDX-License-Identifier: EPL-2.0
|
|
9
|
+
*/
|
|
10
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
11
|
+
import * as i0 from "@angular/core";
|
|
12
|
+
/**
|
|
13
|
+
* Represents a throbber with a rippled, centric wave effect, similar to throwing a stone into water.
|
|
14
|
+
*
|
|
15
|
+
* Throbber type: `ripple`
|
|
16
|
+
*/
|
|
17
|
+
export class SciRippleThrobberComponent {
|
|
18
|
+
}
|
|
19
|
+
SciRippleThrobberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SciRippleThrobberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
SciRippleThrobberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: SciRippleThrobberComponent, selector: "sci-ripple-throbber", ngImport: i0, template: "<div class=\"circle\"></div>\n<div class=\"circle\"></div>\n", styles: [":host{display:inline-block;position:relative;font-size:var(--sci-throbber-size);width:1em;height:1em;box-sizing:border-box}:host>div.circle{position:absolute;width:1em;height:1em;border-radius:50%;border:0 solid var(--sci-throbber-color);animation:sci-ripple-throbber var(--sci-throbber-duration) cubic-bezier(0,.2,.8,1) infinite}:host>div.circle:nth-child(1){animation-delay:calc(var(--sci-throbber-duration) / -2)}@keyframes sci-ripple-throbber{0%{transform:scale(0);opacity:0;border-width:0}25%{opacity:1;border-width:.1em}50%{opacity:.75}to{transform:scale(1);opacity:0;border-width:.05em}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SciRippleThrobberComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
23
|
+
args: [{ selector: 'sci-ripple-throbber', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"circle\"></div>\n<div class=\"circle\"></div>\n", styles: [":host{display:inline-block;position:relative;font-size:var(--sci-throbber-size);width:1em;height:1em;box-sizing:border-box}:host>div.circle{position:absolute;width:1em;height:1em;border-radius:50%;border:0 solid var(--sci-throbber-color);animation:sci-ripple-throbber var(--sci-throbber-duration) cubic-bezier(0,.2,.8,1) infinite}:host>div.circle:nth-child(1){animation-delay:calc(var(--sci-throbber-duration) / -2)}@keyframes sci-ripple-throbber{0%{transform:scale(0);opacity:0;border-width:0}25%{opacity:1;border-width:.1em}50%{opacity:.75}to{transform:scale(1);opacity:0;border-width:.05em}}\n"] }]
|
|
24
|
+
}] });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlwcGxlLXRocm9iYmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NjaW9uL2NvbXBvbmVudHMvdGhyb2JiZXIvc3JjL3JpcHBsZS10aHJvYmJlci9yaXBwbGUtdGhyb2JiZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2Npb24vY29tcG9uZW50cy90aHJvYmJlci9zcmMvcmlwcGxlLXRocm9iYmVyL3JpcHBsZS10aHJvYmJlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7R0FRRztBQUVILE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBRWpFOzs7O0dBSUc7QUFPSCxNQUFNLE9BQU8sMEJBQTBCOzt1SEFBMUIsMEJBQTBCOzJHQUExQiwwQkFBMEIsMkRDdkJ2Qyw4REFFQTsyRkRxQmEsMEJBQTBCO2tCQU50QyxTQUFTOytCQUNFLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxOC0yMDE5IFN3aXNzIEZlZGVyYWwgUmFpbHdheXNcbiAqXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlXG4gKiBhdmFpbGFibGUgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBFY2xpcHNlIFB1YmxpYyBMaWNlbnNlIDIuMFxuICogd2hpY2ggaXMgYXZhaWxhYmxlIGF0IGh0dHBzOi8vd3d3LmVjbGlwc2Uub3JnL2xlZ2FsL2VwbC0yLjAvXG4gKlxuICogIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBFUEwtMi4wXG4gKi9cblxuaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBSZXByZXNlbnRzIGEgdGhyb2JiZXIgd2l0aCBhIHJpcHBsZWQsIGNlbnRyaWMgd2F2ZSBlZmZlY3QsIHNpbWlsYXIgdG8gdGhyb3dpbmcgYSBzdG9uZSBpbnRvIHdhdGVyLlxuICpcbiAqIFRocm9iYmVyIHR5cGU6IGByaXBwbGVgXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NjaS1yaXBwbGUtdGhyb2JiZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcmlwcGxlLXRocm9iYmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcmlwcGxlLXRocm9iYmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTY2lSaXBwbGVUaHJvYmJlckNvbXBvbmVudCB7XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2lyY2xlXCI+PC9kaXY+XG48ZGl2IGNsYXNzPVwiY2lyY2xlXCI+PC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2018-2019 Swiss Federal Railways
|
|
3
|
+
*
|
|
4
|
+
* This program and the accompanying materials are made
|
|
5
|
+
* available under the terms of the Eclipse Public License 2.0
|
|
6
|
+
* which is available at https://www.eclipse.org/legal/epl-2.0/
|
|
7
|
+
*
|
|
8
|
+
* SPDX-License-Identifier: EPL-2.0
|
|
9
|
+
*/
|
|
10
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
11
|
+
import * as i0 from "@angular/core";
|
|
12
|
+
/**
|
|
13
|
+
* Represents a circular throbber with points rotating around the center of a circle. Points have a delayed acceleration, which leads to an accordion effect.
|
|
14
|
+
*
|
|
15
|
+
* Throbber type: `roller`
|
|
16
|
+
*/
|
|
17
|
+
export class SciRollerThrobberComponent {
|
|
18
|
+
}
|
|
19
|
+
SciRollerThrobberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SciRollerThrobberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
SciRollerThrobberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: SciRollerThrobberComponent, selector: "sci-roller-throbber", ngImport: i0, template: "<div class=\"point\"></div>\n<div class=\"point\"></div>\n<div class=\"point\"></div>\n<div class=\"point\"></div>\n<div class=\"point\"></div>\n<div class=\"point\"></div>\n<div class=\"point\"></div>\n<div class=\"point\"></div>", styles: [":host{display:inline-flex;justify-content:center;position:relative;font-size:var(--sci-throbber-size);width:1em;height:1em;box-sizing:border-box}:host>div.point{flex:none;position:absolute;transform-origin:.05em .5em;width:.1em;height:.1em;border-radius:50%;background-color:var(--sci-throbber-color)}:host>div.point:nth-child(1){animation:sci-roller-throbber-1 var(--sci-throbber-duration) cubic-bezier(.5,0,.5,1) infinite;animation-delay:calc(var(--sci-throbber-duration) * -.02)}@keyframes sci-roller-throbber-1{0%{transform:rotate(-105deg)}to{transform:rotate(255deg)}}:host>div.point:nth-child(2){animation:sci-roller-throbber-2 var(--sci-throbber-duration) cubic-bezier(.5,0,.5,1) infinite;animation-delay:calc(var(--sci-throbber-duration) * -.04)}@keyframes sci-roller-throbber-2{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}:host>div.point:nth-child(3){animation:sci-roller-throbber-3 var(--sci-throbber-duration) cubic-bezier(.5,0,.5,1) infinite;animation-delay:calc(var(--sci-throbber-duration) * -.06)}@keyframes sci-roller-throbber-3{0%{transform:rotate(-75deg)}to{transform:rotate(285deg)}}:host>div.point:nth-child(4){animation:sci-roller-throbber-4 var(--sci-throbber-duration) cubic-bezier(.5,0,.5,1) infinite;animation-delay:calc(var(--sci-throbber-duration) * -.08)}@keyframes sci-roller-throbber-4{0%{transform:rotate(-60deg)}to{transform:rotate(300deg)}}:host>div.point:nth-child(5){animation:sci-roller-throbber-5 var(--sci-throbber-duration) cubic-bezier(.5,0,.5,1) infinite;animation-delay:calc(var(--sci-throbber-duration) * -.1)}@keyframes sci-roller-throbber-5{0%{transform:rotate(-45deg)}to{transform:rotate(315deg)}}:host>div.point:nth-child(6){animation:sci-roller-throbber-6 var(--sci-throbber-duration) cubic-bezier(.5,0,.5,1) infinite;animation-delay:calc(var(--sci-throbber-duration) * -.12)}@keyframes sci-roller-throbber-6{0%{transform:rotate(-30deg)}to{transform:rotate(330deg)}}:host>div.point:nth-child(7){animation:sci-roller-throbber-7 var(--sci-throbber-duration) cubic-bezier(.5,0,.5,1) infinite;animation-delay:calc(var(--sci-throbber-duration) * -.14)}@keyframes sci-roller-throbber-7{0%{transform:rotate(-15deg)}to{transform:rotate(345deg)}}:host>div.point:nth-child(8){animation:sci-roller-throbber-8 var(--sci-throbber-duration) cubic-bezier(.5,0,.5,1) infinite;animation-delay:calc(var(--sci-throbber-duration) * -.16)}@keyframes sci-roller-throbber-8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SciRollerThrobberComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
23
|
+
args: [{ selector: 'sci-roller-throbber', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"point\"></div>\n<div class=\"point\"></div>\n<div class=\"point\"></div>\n<div class=\"point\"></div>\n<div class=\"point\"></div>\n<div class=\"point\"></div>\n<div class=\"point\"></div>\n<div class=\"point\"></div>", styles: [":host{display:inline-flex;justify-content:center;position:relative;font-size:var(--sci-throbber-size);width:1em;height:1em;box-sizing:border-box}:host>div.point{flex:none;position:absolute;transform-origin:.05em .5em;width:.1em;height:.1em;border-radius:50%;background-color:var(--sci-throbber-color)}:host>div.point:nth-child(1){animation:sci-roller-throbber-1 var(--sci-throbber-duration) cubic-bezier(.5,0,.5,1) infinite;animation-delay:calc(var(--sci-throbber-duration) * -.02)}@keyframes sci-roller-throbber-1{0%{transform:rotate(-105deg)}to{transform:rotate(255deg)}}:host>div.point:nth-child(2){animation:sci-roller-throbber-2 var(--sci-throbber-duration) cubic-bezier(.5,0,.5,1) infinite;animation-delay:calc(var(--sci-throbber-duration) * -.04)}@keyframes sci-roller-throbber-2{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}:host>div.point:nth-child(3){animation:sci-roller-throbber-3 var(--sci-throbber-duration) cubic-bezier(.5,0,.5,1) infinite;animation-delay:calc(var(--sci-throbber-duration) * -.06)}@keyframes sci-roller-throbber-3{0%{transform:rotate(-75deg)}to{transform:rotate(285deg)}}:host>div.point:nth-child(4){animation:sci-roller-throbber-4 var(--sci-throbber-duration) cubic-bezier(.5,0,.5,1) infinite;animation-delay:calc(var(--sci-throbber-duration) * -.08)}@keyframes sci-roller-throbber-4{0%{transform:rotate(-60deg)}to{transform:rotate(300deg)}}:host>div.point:nth-child(5){animation:sci-roller-throbber-5 var(--sci-throbber-duration) cubic-bezier(.5,0,.5,1) infinite;animation-delay:calc(var(--sci-throbber-duration) * -.1)}@keyframes sci-roller-throbber-5{0%{transform:rotate(-45deg)}to{transform:rotate(315deg)}}:host>div.point:nth-child(6){animation:sci-roller-throbber-6 var(--sci-throbber-duration) cubic-bezier(.5,0,.5,1) infinite;animation-delay:calc(var(--sci-throbber-duration) * -.12)}@keyframes sci-roller-throbber-6{0%{transform:rotate(-30deg)}to{transform:rotate(330deg)}}:host>div.point:nth-child(7){animation:sci-roller-throbber-7 var(--sci-throbber-duration) cubic-bezier(.5,0,.5,1) infinite;animation-delay:calc(var(--sci-throbber-duration) * -.14)}@keyframes sci-roller-throbber-7{0%{transform:rotate(-15deg)}to{transform:rotate(345deg)}}:host>div.point:nth-child(8){animation:sci-roller-throbber-8 var(--sci-throbber-duration) cubic-bezier(.5,0,.5,1) infinite;animation-delay:calc(var(--sci-throbber-duration) * -.16)}@keyframes sci-roller-throbber-8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
24
|
+
}] });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9sbGVyLXRocm9iYmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NjaW9uL2NvbXBvbmVudHMvdGhyb2JiZXIvc3JjL3JvbGxlci10aHJvYmJlci9yb2xsZXItdGhyb2JiZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2Npb24vY29tcG9uZW50cy90aHJvYmJlci9zcmMvcm9sbGVyLXRocm9iYmVyL3JvbGxlci10aHJvYmJlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7R0FRRztBQUVILE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBRWpFOzs7O0dBSUc7QUFPSCxNQUFNLE9BQU8sMEJBQTBCOzt1SEFBMUIsMEJBQTBCOzJHQUExQiwwQkFBMEIsMkRDdkJ2Qyx3T0FPeUI7MkZEZ0JaLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDRSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTgtMjAxOSBTd2lzcyBGZWRlcmFsIFJhaWx3YXlzXG4gKlxuICogVGhpcyBwcm9ncmFtIGFuZCB0aGUgYWNjb21wYW55aW5nIG1hdGVyaWFscyBhcmUgbWFkZVxuICogYXZhaWxhYmxlIHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjBcbiAqIHdoaWNoIGlzIGF2YWlsYWJsZSBhdCBodHRwczovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wL1xuICpcbiAqICBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogRVBMLTIuMFxuICovXG5cbmltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogUmVwcmVzZW50cyBhIGNpcmN1bGFyIHRocm9iYmVyIHdpdGggcG9pbnRzIHJvdGF0aW5nIGFyb3VuZCB0aGUgY2VudGVyIG9mIGEgY2lyY2xlLiBQb2ludHMgaGF2ZSBhIGRlbGF5ZWQgYWNjZWxlcmF0aW9uLCB3aGljaCBsZWFkcyB0byBhbiBhY2NvcmRpb24gZWZmZWN0LlxuICpcbiAqIFRocm9iYmVyIHR5cGU6IGByb2xsZXJgXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NjaS1yb2xsZXItdGhyb2JiZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcm9sbGVyLXRocm9iYmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcm9sbGVyLXRocm9iYmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTY2lSb2xsZXJUaHJvYmJlckNvbXBvbmVudCB7XG59XG4iLCI8ZGl2IGNsYXNzPVwicG9pbnRcIj48L2Rpdj5cbjxkaXYgY2xhc3M9XCJwb2ludFwiPjwvZGl2PlxuPGRpdiBjbGFzcz1cInBvaW50XCI+PC9kaXY+XG48ZGl2IGNsYXNzPVwicG9pbnRcIj48L2Rpdj5cbjxkaXYgY2xhc3M9XCJwb2ludFwiPjwvZGl2PlxuPGRpdiBjbGFzcz1cInBvaW50XCI+PC9kaXY+XG48ZGl2IGNsYXNzPVwicG9pbnRcIj48L2Rpdj5cbjxkaXYgY2xhc3M9XCJwb2ludFwiPjwvZGl2PiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public_api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Npb24tY29tcG9uZW50cy10aHJvYmJlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NjaW9uL2NvbXBvbmVudHMvdGhyb2JiZXIvc3JjL3NjaW9uLWNvbXBvbmVudHMtdGhyb2JiZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2018-2019 Swiss Federal Railways
|
|
3
|
+
*
|
|
4
|
+
* This program and the accompanying materials are made
|
|
5
|
+
* available under the terms of the Eclipse Public License 2.0
|
|
6
|
+
* which is available at https://www.eclipse.org/legal/epl-2.0/
|
|
7
|
+
*
|
|
8
|
+
* SPDX-License-Identifier: EPL-2.0
|
|
9
|
+
*/
|
|
10
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
11
|
+
import * as i0 from "@angular/core";
|
|
12
|
+
/**
|
|
13
|
+
* Represents a classic spinner throbber with strokes arranged radially. The strokes light up one after the other in clockwise direction
|
|
14
|
+
* and then then fade out again.
|
|
15
|
+
*
|
|
16
|
+
* Throbber type: `spinner`
|
|
17
|
+
*/
|
|
18
|
+
export class SciSpinnerThrobberComponent {
|
|
19
|
+
}
|
|
20
|
+
SciSpinnerThrobberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SciSpinnerThrobberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
+
SciSpinnerThrobberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: SciSpinnerThrobberComponent, selector: "sci-spinner-throbber", ngImport: i0, template: "<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>", styles: [":host{display:inline-flex;justify-content:center;position:relative;font-size:var(--sci-throbber-size);width:1em;height:1em;box-sizing:border-box}:host>div.stroke{flex:none;position:absolute;transform-origin:.0375em .5em;width:.075em;height:.25em;opacity:0;border-radius:20%;background-color:var(--sci-throbber-color);animation:sci-spinner-throbber var(--sci-throbber-duration) linear infinite}:host>div.stroke:nth-child(1){transform:rotate(0);animation-delay:calc(var(--sci-throbber-duration) * .0833333333)}:host>div.stroke:nth-child(2){transform:rotate(30deg);animation-delay:calc(var(--sci-throbber-duration) * .1666666667)}:host>div.stroke:nth-child(3){transform:rotate(60deg);animation-delay:calc(var(--sci-throbber-duration) * .25)}:host>div.stroke:nth-child(4){transform:rotate(90deg);animation-delay:calc(var(--sci-throbber-duration) * .3333333333)}:host>div.stroke:nth-child(5){transform:rotate(120deg);animation-delay:calc(var(--sci-throbber-duration) * .4166666667)}:host>div.stroke:nth-child(6){transform:rotate(150deg);animation-delay:calc(var(--sci-throbber-duration) * .5)}:host>div.stroke:nth-child(7){transform:rotate(180deg);animation-delay:calc(var(--sci-throbber-duration) * .5833333333)}:host>div.stroke:nth-child(8){transform:rotate(210deg);animation-delay:calc(var(--sci-throbber-duration) * .6666666667)}:host>div.stroke:nth-child(9){transform:rotate(240deg);animation-delay:calc(var(--sci-throbber-duration) * .75)}:host>div.stroke:nth-child(10){transform:rotate(270deg);animation-delay:calc(var(--sci-throbber-duration) * .8333333333)}:host>div.stroke:nth-child(11){transform:rotate(300deg);animation-delay:calc(var(--sci-throbber-duration) * .9166666667)}:host>div.stroke:nth-child(12){transform:rotate(330deg);animation-delay:calc(var(--sci-throbber-duration) * 1)}@keyframes sci-spinner-throbber{0%{opacity:1}to{opacity:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SciSpinnerThrobberComponent, decorators: [{
|
|
23
|
+
type: Component,
|
|
24
|
+
args: [{ selector: 'sci-spinner-throbber', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>\n<div class=\"stroke\"></div>", styles: [":host{display:inline-flex;justify-content:center;position:relative;font-size:var(--sci-throbber-size);width:1em;height:1em;box-sizing:border-box}:host>div.stroke{flex:none;position:absolute;transform-origin:.0375em .5em;width:.075em;height:.25em;opacity:0;border-radius:20%;background-color:var(--sci-throbber-color);animation:sci-spinner-throbber var(--sci-throbber-duration) linear infinite}:host>div.stroke:nth-child(1){transform:rotate(0);animation-delay:calc(var(--sci-throbber-duration) * .0833333333)}:host>div.stroke:nth-child(2){transform:rotate(30deg);animation-delay:calc(var(--sci-throbber-duration) * .1666666667)}:host>div.stroke:nth-child(3){transform:rotate(60deg);animation-delay:calc(var(--sci-throbber-duration) * .25)}:host>div.stroke:nth-child(4){transform:rotate(90deg);animation-delay:calc(var(--sci-throbber-duration) * .3333333333)}:host>div.stroke:nth-child(5){transform:rotate(120deg);animation-delay:calc(var(--sci-throbber-duration) * .4166666667)}:host>div.stroke:nth-child(6){transform:rotate(150deg);animation-delay:calc(var(--sci-throbber-duration) * .5)}:host>div.stroke:nth-child(7){transform:rotate(180deg);animation-delay:calc(var(--sci-throbber-duration) * .5833333333)}:host>div.stroke:nth-child(8){transform:rotate(210deg);animation-delay:calc(var(--sci-throbber-duration) * .6666666667)}:host>div.stroke:nth-child(9){transform:rotate(240deg);animation-delay:calc(var(--sci-throbber-duration) * .75)}:host>div.stroke:nth-child(10){transform:rotate(270deg);animation-delay:calc(var(--sci-throbber-duration) * .8333333333)}:host>div.stroke:nth-child(11){transform:rotate(300deg);animation-delay:calc(var(--sci-throbber-duration) * .9166666667)}:host>div.stroke:nth-child(12){transform:rotate(330deg);animation-delay:calc(var(--sci-throbber-duration) * 1)}@keyframes sci-spinner-throbber{0%{opacity:1}to{opacity:0}}\n"] }]
|
|
25
|
+
}] });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci10aHJvYmJlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zY2lvbi9jb21wb25lbnRzL3Rocm9iYmVyL3NyYy9zcGlubmVyLXRocm9iYmVyL3NwaW5uZXItdGhyb2JiZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2Npb24vY29tcG9uZW50cy90aHJvYmJlci9zcmMvc3Bpbm5lci10aHJvYmJlci9zcGlubmVyLXRocm9iYmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7OztHQVFHO0FBRUgsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFFakU7Ozs7O0dBS0c7QUFPSCxNQUFNLE9BQU8sMkJBQTJCOzt3SEFBM0IsMkJBQTJCOzRHQUEzQiwyQkFBMkIsNERDeEJ4Qyx3V0FXMEI7MkZEYWIsMkJBQTJCO2tCQU52QyxTQUFTOytCQUNFLHNCQUFzQixtQkFHZix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxOC0yMDE5IFN3aXNzIEZlZGVyYWwgUmFpbHdheXNcbiAqXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlXG4gKiBhdmFpbGFibGUgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBFY2xpcHNlIFB1YmxpYyBMaWNlbnNlIDIuMFxuICogd2hpY2ggaXMgYXZhaWxhYmxlIGF0IGh0dHBzOi8vd3d3LmVjbGlwc2Uub3JnL2xlZ2FsL2VwbC0yLjAvXG4gKlxuICogIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBFUEwtMi4wXG4gKi9cblxuaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBSZXByZXNlbnRzIGEgY2xhc3NpYyBzcGlubmVyIHRocm9iYmVyIHdpdGggc3Ryb2tlcyBhcnJhbmdlZCByYWRpYWxseS4gVGhlIHN0cm9rZXMgbGlnaHQgdXAgb25lIGFmdGVyIHRoZSBvdGhlciBpbiBjbG9ja3dpc2UgZGlyZWN0aW9uXG4gKiBhbmQgdGhlbiB0aGVuIGZhZGUgb3V0IGFnYWluLlxuICpcbiAqIFRocm9iYmVyIHR5cGU6IGBzcGlubmVyYFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzY2ktc3Bpbm5lci10aHJvYmJlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGlubmVyLXRocm9iYmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Bpbm5lci10aHJvYmJlci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2NpU3Bpbm5lclRocm9iYmVyQ29tcG9uZW50IHtcbn1cbiIsIjxkaXYgY2xhc3M9XCJzdHJva2VcIj48L2Rpdj5cbjxkaXYgY2xhc3M9XCJzdHJva2VcIj48L2Rpdj5cbjxkaXYgY2xhc3M9XCJzdHJva2VcIj48L2Rpdj5cbjxkaXYgY2xhc3M9XCJzdHJva2VcIj48L2Rpdj5cbjxkaXYgY2xhc3M9XCJzdHJva2VcIj48L2Rpdj5cbjxkaXYgY2xhc3M9XCJzdHJva2VcIj48L2Rpdj5cbjxkaXYgY2xhc3M9XCJzdHJva2VcIj48L2Rpdj5cbjxkaXYgY2xhc3M9XCJzdHJva2VcIj48L2Rpdj5cbjxkaXYgY2xhc3M9XCJzdHJva2VcIj48L2Rpdj5cbjxkaXYgY2xhc3M9XCJzdHJva2VcIj48L2Rpdj5cbjxkaXYgY2xhc3M9XCJzdHJva2VcIj48L2Rpdj5cbjxkaXYgY2xhc3M9XCJzdHJva2VcIj48L2Rpdj4iXX0=
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2018-2019 Swiss Federal Railways
|
|
3
|
+
*
|
|
4
|
+
* This program and the accompanying materials are made
|
|
5
|
+
* available under the terms of the Eclipse Public License 2.0
|
|
6
|
+
* which is available at https://www.eclipse.org/legal/epl-2.0/
|
|
7
|
+
*
|
|
8
|
+
* SPDX-License-Identifier: EPL-2.0
|
|
9
|
+
*/
|
|
10
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
11
|
+
import * as i0 from "@angular/core";
|
|
12
|
+
import * as i1 from "./ellipsis-throbber/ellipsis-throbber.component";
|
|
13
|
+
import * as i2 from "./ripple-throbber/ripple-throbber.component";
|
|
14
|
+
import * as i3 from "./roller-throbber/roller-throbber.component";
|
|
15
|
+
import * as i4 from "./spinner-throbber/spinner-throbber.component";
|
|
16
|
+
import * as i5 from "@angular/common";
|
|
17
|
+
/**
|
|
18
|
+
* Animated graphical control to indicate the execution of an action.
|
|
19
|
+
*
|
|
20
|
+
* Choose between different throbber presentations by setting the `type` property: `ellipsis`, `ripple`, `roller`, `spinner`.
|
|
21
|
+
*
|
|
22
|
+
* ### CSS styling:
|
|
23
|
+
*
|
|
24
|
+
* You can override the following CSS variables:
|
|
25
|
+
*
|
|
26
|
+
* - sci-throbber-color: Sets the color of the throbber (by default, uses `lightgray`).
|
|
27
|
+
* - sci-throbber-size: Defines the size of the throbber. Most throbbers are quadratic having the same width and height.
|
|
28
|
+
* For non-quadratic throbbers, the size usually specifies the height (by default, uses `50px`).
|
|
29
|
+
* - sci-throbber-duration: Sets the duration of a single animation cycle (by default, uses `1.25s`).
|
|
30
|
+
*
|
|
31
|
+
* Example:
|
|
32
|
+
*
|
|
33
|
+
* ```css
|
|
34
|
+
*
|
|
35
|
+
* sci-throbber {
|
|
36
|
+
* --sci-throbber-color: blue;
|
|
37
|
+
* --sci-throbber-size: 50px;
|
|
38
|
+
* --sci-throbber-duration: 1s
|
|
39
|
+
* }
|
|
40
|
+
* ```
|
|
41
|
+
*/
|
|
42
|
+
export class SciThrobberComponent {
|
|
43
|
+
constructor() {
|
|
44
|
+
/**
|
|
45
|
+
* Chooses between different throbber presentation. If not set, uses `spinner` type.
|
|
46
|
+
*
|
|
47
|
+
* - **ellipsis**
|
|
48
|
+
* Represents a throbber as an ellipsis consisting of three horizontally arranged points that appear one after the other.
|
|
49
|
+
* - **ripple**
|
|
50
|
+
* Represents a throbber with a rippled, centric wave effect, similar to throwing a stone into water.
|
|
51
|
+
* - **roller**
|
|
52
|
+
* Represents a circular throbber with points rotating around the center of a circle. Points have a delayed acceleration, which leads to an accordion effect.
|
|
53
|
+
* - **spinner** (default)
|
|
54
|
+
* Represents a classic spinner throbber with strokes arranged radially. The strokes light up one after the other in clockwise direction and then then fade out again.
|
|
55
|
+
*/
|
|
56
|
+
this.type = 'spinner';
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
SciThrobberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SciThrobberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
60
|
+
SciThrobberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: SciThrobberComponent, selector: "sci-throbber", inputs: { type: "type" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <sci-ellipsis-throbber *ngSwitchCase=\"'ellipsis'\"></sci-ellipsis-throbber>\n <sci-ripple-throbber *ngSwitchCase=\"'ripple'\"></sci-ripple-throbber>\n <sci-roller-throbber *ngSwitchCase=\"'roller'\"></sci-roller-throbber>\n <sci-spinner-throbber *ngSwitchCase=\"'spinner'\"></sci-spinner-throbber>\n <sci-spinner-throbber *ngSwitchDefault></sci-spinner-throbber>\n</ng-container>", styles: [":host{display:inline-grid;--sci-throbber-color: lightgray;--sci-throbber-size: 50px;--sci-throbber-duration: 1.25s}\n"], components: [{ type: i1.SciEllipsisThrobberComponent, selector: "sci-ellipsis-throbber" }, { type: i2.SciRippleThrobberComponent, selector: "sci-ripple-throbber" }, { type: i3.SciRollerThrobberComponent, selector: "sci-roller-throbber" }, { type: i4.SciSpinnerThrobberComponent, selector: "sci-spinner-throbber" }], directives: [{ type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SciThrobberComponent, decorators: [{
|
|
62
|
+
type: Component,
|
|
63
|
+
args: [{ selector: 'sci-throbber', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"type\">\n <sci-ellipsis-throbber *ngSwitchCase=\"'ellipsis'\"></sci-ellipsis-throbber>\n <sci-ripple-throbber *ngSwitchCase=\"'ripple'\"></sci-ripple-throbber>\n <sci-roller-throbber *ngSwitchCase=\"'roller'\"></sci-roller-throbber>\n <sci-spinner-throbber *ngSwitchCase=\"'spinner'\"></sci-spinner-throbber>\n <sci-spinner-throbber *ngSwitchDefault></sci-spinner-throbber>\n</ng-container>", styles: [":host{display:inline-grid;--sci-throbber-color: lightgray;--sci-throbber-size: 50px;--sci-throbber-duration: 1.25s}\n"] }]
|
|
64
|
+
}], propDecorators: { type: [{
|
|
65
|
+
type: Input
|
|
66
|
+
}] } });
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhyb2JiZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2Npb24vY29tcG9uZW50cy90aHJvYmJlci9zcmMvdGhyb2JiZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2Npb24vY29tcG9uZW50cy90aHJvYmJlci9zcmMvdGhyb2JiZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7O0dBUUc7QUFFSCxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQUV4RTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBd0JHO0FBT0gsTUFBTSxPQUFPLG9CQUFvQjtJQU5qQztRQVFFOzs7Ozs7Ozs7OztXQVdHO1FBRUksU0FBSSxHQUFpRCxTQUFTLENBQUM7S0FDdkU7O2lIQWhCWSxvQkFBb0I7cUdBQXBCLG9CQUFvQiw4RUMzQ2pDLHdhQU1lOzJGRHFDRixvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0UsY0FBYyxtQkFHUCx1QkFBdUIsQ0FBQyxNQUFNOzhCQWlCeEMsSUFBSTtzQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxOC0yMDE5IFN3aXNzIEZlZGVyYWwgUmFpbHdheXNcbiAqXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlXG4gKiBhdmFpbGFibGUgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBFY2xpcHNlIFB1YmxpYyBMaWNlbnNlIDIuMFxuICogd2hpY2ggaXMgYXZhaWxhYmxlIGF0IGh0dHBzOi8vd3d3LmVjbGlwc2Uub3JnL2xlZ2FsL2VwbC0yLjAvXG4gKlxuICogIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBFUEwtMi4wXG4gKi9cblxuaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQW5pbWF0ZWQgZ3JhcGhpY2FsIGNvbnRyb2wgdG8gaW5kaWNhdGUgdGhlIGV4ZWN1dGlvbiBvZiBhbiBhY3Rpb24uXG4gKlxuICogQ2hvb3NlIGJldHdlZW4gZGlmZmVyZW50IHRocm9iYmVyIHByZXNlbnRhdGlvbnMgYnkgc2V0dGluZyB0aGUgYHR5cGVgIHByb3BlcnR5OiBgZWxsaXBzaXNgLCBgcmlwcGxlYCwgYHJvbGxlcmAsIGBzcGlubmVyYC5cbiAqXG4gKiAjIyMgQ1NTIHN0eWxpbmc6XG4gKlxuICogWW91IGNhbiBvdmVycmlkZSB0aGUgZm9sbG93aW5nIENTUyB2YXJpYWJsZXM6XG4gKlxuICogLSBzY2ktdGhyb2JiZXItY29sb3I6ICAgICBTZXRzIHRoZSBjb2xvciBvZiB0aGUgdGhyb2JiZXIgKGJ5IGRlZmF1bHQsIHVzZXMgYGxpZ2h0Z3JheWApLlxuICogLSBzY2ktdGhyb2JiZXItc2l6ZTogICAgICBEZWZpbmVzIHRoZSBzaXplIG9mIHRoZSB0aHJvYmJlci4gTW9zdCB0aHJvYmJlcnMgYXJlIHF1YWRyYXRpYyBoYXZpbmcgdGhlIHNhbWUgd2lkdGggYW5kIGhlaWdodC5cbiAqICAgICAgICAgICAgICAgICAgICAgICAgICAgRm9yIG5vbi1xdWFkcmF0aWMgdGhyb2JiZXJzLCB0aGUgc2l6ZSB1c3VhbGx5IHNwZWNpZmllcyB0aGUgaGVpZ2h0IChieSBkZWZhdWx0LCB1c2VzIGA1MHB4YCkuXG4gKiAtIHNjaS10aHJvYmJlci1kdXJhdGlvbjogIFNldHMgdGhlIGR1cmF0aW9uIG9mIGEgc2luZ2xlIGFuaW1hdGlvbiBjeWNsZSAoYnkgZGVmYXVsdCwgdXNlcyBgMS4yNXNgKS5cbiAqXG4gKiBFeGFtcGxlOlxuICpcbiAqIGBgYGNzc1xuICpcbiAqIHNjaS10aHJvYmJlciB7XG4gKiAgIC0tc2NpLXRocm9iYmVyLWNvbG9yOiBibHVlO1xuICogICAtLXNjaS10aHJvYmJlci1zaXplOiA1MHB4O1xuICogICAtLXNjaS10aHJvYmJlci1kdXJhdGlvbjogMXNcbiAqIH1cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzY2ktdGhyb2JiZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vdGhyb2JiZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90aHJvYmJlci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2NpVGhyb2JiZXJDb21wb25lbnQge1xuXG4gIC8qKlxuICAgKiBDaG9vc2VzIGJldHdlZW4gZGlmZmVyZW50IHRocm9iYmVyIHByZXNlbnRhdGlvbi4gSWYgbm90IHNldCwgdXNlcyBgc3Bpbm5lcmAgdHlwZS5cbiAgICpcbiAgICogLSAqKmVsbGlwc2lzKipcbiAgICogUmVwcmVzZW50cyBhIHRocm9iYmVyIGFzIGFuIGVsbGlwc2lzIGNvbnNpc3Rpbmcgb2YgdGhyZWUgaG9yaXpvbnRhbGx5IGFycmFuZ2VkIHBvaW50cyB0aGF0IGFwcGVhciBvbmUgYWZ0ZXIgdGhlIG90aGVyLlxuICAgKiAtICoqcmlwcGxlKipcbiAgICogUmVwcmVzZW50cyBhIHRocm9iYmVyIHdpdGggYSByaXBwbGVkLCBjZW50cmljIHdhdmUgZWZmZWN0LCBzaW1pbGFyIHRvIHRocm93aW5nIGEgc3RvbmUgaW50byB3YXRlci5cbiAgICogLSAqKnJvbGxlcioqXG4gICAqIFJlcHJlc2VudHMgYSBjaXJjdWxhciB0aHJvYmJlciB3aXRoIHBvaW50cyByb3RhdGluZyBhcm91bmQgdGhlIGNlbnRlciBvZiBhIGNpcmNsZS4gUG9pbnRzIGhhdmUgYSBkZWxheWVkIGFjY2VsZXJhdGlvbiwgd2hpY2ggbGVhZHMgdG8gYW4gYWNjb3JkaW9uIGVmZmVjdC5cbiAgICogLSAqKnNwaW5uZXIqKiAoZGVmYXVsdClcbiAgICogUmVwcmVzZW50cyBhIGNsYXNzaWMgc3Bpbm5lciB0aHJvYmJlciB3aXRoIHN0cm9rZXMgYXJyYW5nZWQgcmFkaWFsbHkuIFRoZSBzdHJva2VzIGxpZ2h0IHVwIG9uZSBhZnRlciB0aGUgb3RoZXIgaW4gY2xvY2t3aXNlIGRpcmVjdGlvbiBhbmQgdGhlbiB0aGVuIGZhZGUgb3V0IGFnYWluLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHR5cGU6ICdlbGxpcHNpcycgfCAncmlwcGxlJyB8ICdyb2xsZXInIHwgJ3NwaW5uZXInID0gJ3NwaW5uZXInO1xufVxuIiwiPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwidHlwZVwiPlxuICA8c2NpLWVsbGlwc2lzLXRocm9iYmVyICpuZ1N3aXRjaENhc2U9XCInZWxsaXBzaXMnXCI+PC9zY2ktZWxsaXBzaXMtdGhyb2JiZXI+XG4gIDxzY2ktcmlwcGxlLXRocm9iYmVyICpuZ1N3aXRjaENhc2U9XCIncmlwcGxlJ1wiPjwvc2NpLXJpcHBsZS10aHJvYmJlcj5cbiAgPHNjaS1yb2xsZXItdGhyb2JiZXIgKm5nU3dpdGNoQ2FzZT1cIidyb2xsZXInXCI+PC9zY2ktcm9sbGVyLXRocm9iYmVyPlxuICA8c2NpLXNwaW5uZXItdGhyb2JiZXIgKm5nU3dpdGNoQ2FzZT1cIidzcGlubmVyJ1wiPjwvc2NpLXNwaW5uZXItdGhyb2JiZXI+XG4gIDxzY2ktc3Bpbm5lci10aHJvYmJlciAqbmdTd2l0Y2hEZWZhdWx0Pjwvc2NpLXNwaW5uZXItdGhyb2JiZXI+XG48L25nLWNvbnRhaW5lcj4iXX0=
|