@ng-nest/ui 20.1.7 → 20.2.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/auto-complete/index.d.ts +10 -2
- package/cascade/index.d.ts +2 -1
- package/checkbox/index.d.ts +1 -1
- package/collapse/index.d.ts +0 -3
- package/color-picker/index.d.ts +2 -1
- package/core/index.d.ts +3 -65
- package/date-picker/index.d.ts +20 -4
- package/dialog/index.d.ts +27 -11
- package/drawer/index.d.ts +10 -12
- package/dropdown/index.d.ts +2 -1
- package/fesm2022/ng-nest-ui-affix.mjs +11 -11
- package/fesm2022/ng-nest-ui-alert.mjs +13 -13
- package/fesm2022/ng-nest-ui-alert.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-anchor.mjs +18 -18
- package/fesm2022/ng-nest-ui-anchor.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-api.mjs +7 -7
- package/fesm2022/ng-nest-ui-api.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-attachments.mjs +18 -18
- package/fesm2022/ng-nest-ui-auto-complete.mjs +33 -26
- package/fesm2022/ng-nest-ui-auto-complete.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-avatar.mjs +18 -18
- package/fesm2022/ng-nest-ui-avatar.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-back-top.mjs +12 -12
- package/fesm2022/ng-nest-ui-back-top.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-badge.mjs +13 -13
- package/fesm2022/ng-nest-ui-badge.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-base-form.mjs +8 -8
- package/fesm2022/ng-nest-ui-bubble.mjs +20 -20
- package/fesm2022/ng-nest-ui-bubble.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-button.mjs +19 -19
- package/fesm2022/ng-nest-ui-button.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-calendar.mjs +11 -11
- package/fesm2022/ng-nest-ui-card.mjs +11 -11
- package/fesm2022/ng-nest-ui-carousel.mjs +21 -21
- package/fesm2022/ng-nest-ui-carousel.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-cascade.mjs +27 -25
- package/fesm2022/ng-nest-ui-cascade.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-checkbox.mjs +12 -12
- package/fesm2022/ng-nest-ui-checkbox.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-collapse.mjs +20 -28
- package/fesm2022/ng-nest-ui-collapse.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-color-picker.mjs +31 -29
- package/fesm2022/ng-nest-ui-color-picker.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-color.mjs +11 -11
- package/fesm2022/ng-nest-ui-color.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-comment.mjs +18 -18
- package/fesm2022/ng-nest-ui-container.mjs +35 -35
- package/fesm2022/ng-nest-ui-container.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-core.mjs +20 -348
- package/fesm2022/ng-nest-ui-core.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-coversations.mjs +11 -11
- package/fesm2022/ng-nest-ui-crumb.mjs +11 -11
- package/fesm2022/ng-nest-ui-date-picker.mjs +92 -78
- package/fesm2022/ng-nest-ui-date-picker.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-description.mjs +20 -20
- package/fesm2022/ng-nest-ui-description.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-dialog.mjs +122 -73
- package/fesm2022/ng-nest-ui-dialog.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-doc.mjs +7 -7
- package/fesm2022/ng-nest-ui-doc.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-drag.mjs +11 -11
- package/fesm2022/ng-nest-ui-drawer.mjs +67 -84
- package/fesm2022/ng-nest-ui-drawer.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-dropdown.mjs +27 -25
- package/fesm2022/ng-nest-ui-dropdown.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-empty.mjs +11 -11
- package/fesm2022/ng-nest-ui-examples.mjs +7 -7
- package/fesm2022/ng-nest-ui-examples.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-find.mjs +12 -12
- package/fesm2022/ng-nest-ui-find.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-form.mjs +19 -19
- package/fesm2022/ng-nest-ui-form.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-highlight.mjs +15 -15
- package/fesm2022/ng-nest-ui-highlight.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-i18n.mjs +14 -14
- package/fesm2022/ng-nest-ui-icon.mjs +14 -14
- package/fesm2022/ng-nest-ui-icon.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-image.mjs +21 -21
- package/fesm2022/ng-nest-ui-image.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-inner.mjs +11 -11
- package/fesm2022/ng-nest-ui-inner.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-input-number.mjs +12 -12
- package/fesm2022/ng-nest-ui-input-number.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-input.mjs +19 -19
- package/fesm2022/ng-nest-ui-input.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-keyword.mjs +11 -11
- package/fesm2022/ng-nest-ui-keyword.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-layout.mjs +18 -18
- package/fesm2022/ng-nest-ui-layout.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-link.mjs +12 -12
- package/fesm2022/ng-nest-ui-link.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-list.mjs +23 -23
- package/fesm2022/ng-nest-ui-list.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-loading.mjs +12 -12
- package/fesm2022/ng-nest-ui-loading.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-menu.mjs +18 -18
- package/fesm2022/ng-nest-ui-message-box.mjs +33 -20
- package/fesm2022/ng-nest-ui-message-box.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-message.mjs +13 -13
- package/fesm2022/ng-nest-ui-message.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-notification.mjs +13 -13
- package/fesm2022/ng-nest-ui-notification.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-outlet.mjs +8 -8
- package/fesm2022/ng-nest-ui-page-header.mjs +11 -11
- package/fesm2022/ng-nest-ui-pagination.mjs +11 -11
- package/fesm2022/ng-nest-ui-pagination.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-pattern.mjs +7 -7
- package/fesm2022/ng-nest-ui-pattern.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-popconfirm.mjs +11 -11
- package/fesm2022/ng-nest-ui-popover.mjs +25 -21
- package/fesm2022/ng-nest-ui-popover.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-portal.mjs +7 -7
- package/fesm2022/ng-nest-ui-progress.mjs +11 -11
- package/fesm2022/ng-nest-ui-prompts.mjs +11 -11
- package/fesm2022/ng-nest-ui-radio.mjs +12 -12
- package/fesm2022/ng-nest-ui-radio.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-rate.mjs +12 -12
- package/fesm2022/ng-nest-ui-rate.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-resizable.mjs +11 -11
- package/fesm2022/ng-nest-ui-resizable.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-result.mjs +11 -11
- package/fesm2022/ng-nest-ui-ripple.mjs +11 -11
- package/fesm2022/ng-nest-ui-ripple.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-scrollable.mjs +8 -8
- package/fesm2022/ng-nest-ui-scrollable.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-select.mjs +34 -26
- package/fesm2022/ng-nest-ui-select.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-sender.mjs +15 -15
- package/fesm2022/ng-nest-ui-sender.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-skeleton.mjs +11 -11
- package/fesm2022/ng-nest-ui-slider-select.mjs +13 -13
- package/fesm2022/ng-nest-ui-slider-select.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-slider.mjs +12 -12
- package/fesm2022/ng-nest-ui-slider.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-statistic.mjs +18 -18
- package/fesm2022/ng-nest-ui-steps.mjs +11 -11
- package/fesm2022/ng-nest-ui-suggestion.mjs +11 -11
- package/fesm2022/ng-nest-ui-switch.mjs +12 -12
- package/fesm2022/ng-nest-ui-switch.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-table-view.mjs +60 -60
- package/fesm2022/ng-nest-ui-table-view.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-table.mjs +60 -49
- package/fesm2022/ng-nest-ui-table.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tabs.mjs +30 -30
- package/fesm2022/ng-nest-ui-tabs.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tag.mjs +29 -19
- package/fesm2022/ng-nest-ui-tag.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-text-retract.mjs +11 -11
- package/fesm2022/ng-nest-ui-textarea.mjs +12 -12
- package/fesm2022/ng-nest-ui-textarea.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-theme.mjs +11 -11
- package/fesm2022/ng-nest-ui-thought-chain.mjs +11 -11
- package/fesm2022/ng-nest-ui-time-ago.mjs +7 -7
- package/fesm2022/ng-nest-ui-time-picker.mjs +31 -29
- package/fesm2022/ng-nest-ui-time-picker.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-time-range.mjs +7 -7
- package/fesm2022/ng-nest-ui-timeline.mjs +11 -11
- package/fesm2022/ng-nest-ui-tooltip.mjs +27 -74
- package/fesm2022/ng-nest-ui-tooltip.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-transfer.mjs +12 -12
- package/fesm2022/ng-nest-ui-transfer.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tree-file.mjs +11 -11
- package/fesm2022/ng-nest-ui-tree-select.mjs +27 -25
- package/fesm2022/ng-nest-ui-tree-select.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tree.mjs +23 -23
- package/fesm2022/ng-nest-ui-tree.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-typography.mjs +11 -11
- package/fesm2022/ng-nest-ui-upload.mjs +31 -28
- package/fesm2022/ng-nest-ui-upload.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-welcome.mjs +11 -11
- package/message/index.d.ts +1 -3
- package/message-box/index.d.ts +4 -3
- package/notification/index.d.ts +1 -3
- package/package.json +52 -52
- package/popover/index.d.ts +2 -1
- package/radio/index.d.ts +1 -1
- package/select/index.d.ts +11 -2
- package/style/animates/base.scss +32 -0
- package/style/animates/conect.scss +32 -0
- package/style/animates/fade.scss +32 -0
- package/style/animates/index.scss +11 -0
- package/style/animates/move.scss +129 -0
- package/style/animates/opacity.scss +26 -0
- package/style/animates/slide.scss +113 -0
- package/style/core/index.css +353 -0
- package/style/core/index.css.map +1 -1
- package/style/core/index.scss +1 -6
- package/table/index.d.ts +15 -4
- package/table-view/index.d.ts +1 -1
- package/tag/index.d.ts +6 -1
- package/time-picker/index.d.ts +2 -1
- package/tooltip/index.d.ts +2 -12
- package/tree-select/index.d.ts +2 -1
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { trigger, transition, style, animate, state } from '@angular/animations';
|
|
2
1
|
import { isObservable, Observable, BehaviorSubject, Subject, of, throwError } from 'rxjs';
|
|
3
2
|
import { coerceCssPixelValue } from '@angular/cdk/coercion';
|
|
4
3
|
import { map, takeUntil, filter } from 'rxjs/operators';
|
|
@@ -165,333 +164,6 @@ function XSleep(time) {
|
|
|
165
164
|
return new Promise((resolve) => setTimeout(resolve, time));
|
|
166
165
|
}
|
|
167
166
|
|
|
168
|
-
/**
|
|
169
|
-
* @zh_CN 动画执行时间
|
|
170
|
-
* @en_US Animation execution time
|
|
171
|
-
*/
|
|
172
|
-
var XDuration;
|
|
173
|
-
(function (XDuration) {
|
|
174
|
-
XDuration["Slow"] = "0.3s";
|
|
175
|
-
XDuration["Base"] = "0.2s";
|
|
176
|
-
XDuration["Fast"] = "0.1s";
|
|
177
|
-
})(XDuration || (XDuration = {}));
|
|
178
|
-
|
|
179
|
-
/**
|
|
180
|
-
* @zh_CN 进场动画
|
|
181
|
-
* @en_US Enter an animation
|
|
182
|
-
*/
|
|
183
|
-
const XDURATION_BASE_EASE_IN$1 = `${XDuration.Fast} ease-in`;
|
|
184
|
-
/**
|
|
185
|
-
* @zh_CN 移除动画
|
|
186
|
-
* @en_US Remove animation
|
|
187
|
-
*/
|
|
188
|
-
const XDURATION_BASE_EASE_OUT$1 = `${XDuration.Fast} ease-out`;
|
|
189
|
-
/**
|
|
190
|
-
* @zh_CN 淡入淡出动画
|
|
191
|
-
* @en_US Fade into the animation
|
|
192
|
-
*/
|
|
193
|
-
const XFadeAnimation = trigger('x-fade-animation', [
|
|
194
|
-
transition(':enter', [
|
|
195
|
-
style({ opacity: 0, transform: 'scale(0.8)' }),
|
|
196
|
-
animate(`${XDURATION_BASE_EASE_IN$1}`, style({ opacity: 1, transform: 'scale(1)' }))
|
|
197
|
-
]),
|
|
198
|
-
transition(':leave', [animate(`${XDURATION_BASE_EASE_OUT$1}`, style({ opacity: 0 }))])
|
|
199
|
-
]);
|
|
200
|
-
|
|
201
|
-
/**
|
|
202
|
-
* @zh_CN 抽屉动画
|
|
203
|
-
* @en_US Drawer animation
|
|
204
|
-
*/
|
|
205
|
-
const XSlideAnimation = trigger('x-slide-animation', [
|
|
206
|
-
transition('void => right', [style({ transform: 'translate(100%,0)' }), animate(`${XDuration.Base} ease-in`)]),
|
|
207
|
-
transition('right => void', [animate(`${XDuration.Base} ease-out`, style({ transform: 'translate(100%,0)' }))]),
|
|
208
|
-
transition('void => left', [style({ transform: 'translate(-100%,0)' }), animate(`${XDuration.Base} ease-in`)]),
|
|
209
|
-
transition('left => void', [animate(`${XDuration.Base} ease-out`, style({ transform: 'translate(-100%,0)' }))]),
|
|
210
|
-
transition('void => top', [style({ transform: 'translate(0,-100%)' }), animate(`${XDuration.Base} ease-in`)]),
|
|
211
|
-
transition('top => void', [animate(`${XDuration.Base} ease-out`, style({ transform: 'translate(0,-100%)' }))]),
|
|
212
|
-
transition('void => bottom', [style({ transform: 'translate(0,100%)' }), animate(`${XDuration.Base} ease-in`)]),
|
|
213
|
-
transition('bottom => void', [animate(`${XDuration.Base} ease-out`, style({ transform: 'translate(0,100%)' }))])
|
|
214
|
-
]);
|
|
215
|
-
|
|
216
|
-
/**
|
|
217
|
-
* @zh_CN 放置动画
|
|
218
|
-
* @en_US Drop animation
|
|
219
|
-
*/
|
|
220
|
-
const XDropAnimation = trigger('x-drop-animation', [
|
|
221
|
-
state('*', style({ opacity: 0, height: 0, border: 0, padding: 0, visibility: 'hidden' })),
|
|
222
|
-
state('false', style({ opacity: 0, height: 0, border: 0, padding: 0, visibility: 'hidden' })),
|
|
223
|
-
state('true', style({ opacity: 1, height: '*', border: '*', padding: '*', visibility: 'inherit' })),
|
|
224
|
-
transition('* => *', animate(`${XDuration.Base} ease-out`))
|
|
225
|
-
]);
|
|
226
|
-
|
|
227
|
-
/**
|
|
228
|
-
* @zh_CN 移入移出动画
|
|
229
|
-
* @en_US Move in the animation
|
|
230
|
-
*/
|
|
231
|
-
const XMoveAnimation = trigger('x-move-animation', [
|
|
232
|
-
transition('void => top-start, void => top, void => top-end, void => center', [
|
|
233
|
-
style({
|
|
234
|
-
transform: 'translateY(-200%)',
|
|
235
|
-
opacity: 0
|
|
236
|
-
}),
|
|
237
|
-
animate(`${XDuration.Base}`, style({
|
|
238
|
-
transform: 'translateY(0%)',
|
|
239
|
-
opacity: 1
|
|
240
|
-
}))
|
|
241
|
-
]),
|
|
242
|
-
transition('top-start => void, top => void, top-end => void, center => void', [
|
|
243
|
-
style({
|
|
244
|
-
transform: 'translateY(0%)',
|
|
245
|
-
opacity: 1,
|
|
246
|
-
height: '*'
|
|
247
|
-
}),
|
|
248
|
-
animate(`${XDuration.Base}`, style({
|
|
249
|
-
transform: 'translateY(-200%)',
|
|
250
|
-
opacity: 0,
|
|
251
|
-
height: 0
|
|
252
|
-
}))
|
|
253
|
-
]),
|
|
254
|
-
transition('void => left', [
|
|
255
|
-
style({
|
|
256
|
-
transform: 'translateX(-30%)',
|
|
257
|
-
opacity: 0
|
|
258
|
-
}),
|
|
259
|
-
animate(`${XDuration.Base}`, style({
|
|
260
|
-
transform: 'translateX(0%)',
|
|
261
|
-
opacity: 1
|
|
262
|
-
}))
|
|
263
|
-
]),
|
|
264
|
-
transition('left => void', [
|
|
265
|
-
style({
|
|
266
|
-
transform: 'translateX(0%)',
|
|
267
|
-
opacity: 1,
|
|
268
|
-
height: '*'
|
|
269
|
-
}),
|
|
270
|
-
animate(`${XDuration.Base}`, style({
|
|
271
|
-
transform: 'translateX(-30%)',
|
|
272
|
-
opacity: 0,
|
|
273
|
-
height: 0
|
|
274
|
-
}))
|
|
275
|
-
]),
|
|
276
|
-
transition('void => right', [
|
|
277
|
-
style({
|
|
278
|
-
transform: 'translateX(30%)',
|
|
279
|
-
opacity: 0
|
|
280
|
-
}),
|
|
281
|
-
animate(`${XDuration.Base}`, style({
|
|
282
|
-
transform: 'translateX(0%)',
|
|
283
|
-
opacity: 1
|
|
284
|
-
}))
|
|
285
|
-
]),
|
|
286
|
-
transition('right => void', [
|
|
287
|
-
style({
|
|
288
|
-
transform: 'translateX(0%)',
|
|
289
|
-
opacity: 1,
|
|
290
|
-
height: '*'
|
|
291
|
-
}),
|
|
292
|
-
animate(`${XDuration.Base}`, style({
|
|
293
|
-
transform: 'translateX(30%)',
|
|
294
|
-
opacity: 0,
|
|
295
|
-
height: 0
|
|
296
|
-
}))
|
|
297
|
-
]),
|
|
298
|
-
transition('void => bottom-start, void => bottom, void => bottom-end', [
|
|
299
|
-
style({
|
|
300
|
-
transform: 'translateY(200%)',
|
|
301
|
-
opacity: 0,
|
|
302
|
-
height: 0
|
|
303
|
-
}),
|
|
304
|
-
animate(`${XDuration.Base}`, style({
|
|
305
|
-
transform: 'translateY(0%)',
|
|
306
|
-
opacity: 1,
|
|
307
|
-
height: '*'
|
|
308
|
-
}))
|
|
309
|
-
]),
|
|
310
|
-
transition('bottom-start => void, bottom => void, bottom-end => void', [
|
|
311
|
-
style({
|
|
312
|
-
transform: 'translateY(0%)',
|
|
313
|
-
opacity: 1
|
|
314
|
-
}),
|
|
315
|
-
animate(`${XDuration.Base}`, style({
|
|
316
|
-
transform: 'translateY(200%)',
|
|
317
|
-
opacity: 0
|
|
318
|
-
}))
|
|
319
|
-
])
|
|
320
|
-
]);
|
|
321
|
-
const XMoveBoxAnimation = trigger('x-move-box-animation', [
|
|
322
|
-
transition('void => top-start, void => top, void => top-end, void => center', [
|
|
323
|
-
style({
|
|
324
|
-
transform: 'translateY(-2rem)',
|
|
325
|
-
opacity: 0
|
|
326
|
-
}),
|
|
327
|
-
animate(`${XDuration.Base}`, style({
|
|
328
|
-
transform: 'translateY(0%)',
|
|
329
|
-
opacity: 1
|
|
330
|
-
}))
|
|
331
|
-
]),
|
|
332
|
-
transition('top-start => void, top => void, top-end => void, center => void', [
|
|
333
|
-
style({
|
|
334
|
-
transform: 'translateY(0%)',
|
|
335
|
-
opacity: 1
|
|
336
|
-
}),
|
|
337
|
-
animate(`${XDuration.Base}`, style({
|
|
338
|
-
transform: 'translateY(-2rem)',
|
|
339
|
-
opacity: 0
|
|
340
|
-
}))
|
|
341
|
-
]),
|
|
342
|
-
transition('void => left', [
|
|
343
|
-
style({
|
|
344
|
-
transform: 'translateX(-2rem)',
|
|
345
|
-
opacity: 0
|
|
346
|
-
}),
|
|
347
|
-
animate(`${XDuration.Base}`, style({
|
|
348
|
-
transform: 'translateX(0%)',
|
|
349
|
-
opacity: 1
|
|
350
|
-
}))
|
|
351
|
-
]),
|
|
352
|
-
transition('left => void', [
|
|
353
|
-
style({
|
|
354
|
-
transform: 'translateX(0%)',
|
|
355
|
-
opacity: 1
|
|
356
|
-
}),
|
|
357
|
-
animate(`${XDuration.Base}`, style({
|
|
358
|
-
transform: 'translateX(-2rem)',
|
|
359
|
-
opacity: 0
|
|
360
|
-
}))
|
|
361
|
-
]),
|
|
362
|
-
transition('void => right', [
|
|
363
|
-
style({
|
|
364
|
-
transform: 'translateX(2rem)',
|
|
365
|
-
opacity: 0
|
|
366
|
-
}),
|
|
367
|
-
animate(`${XDuration.Base}`, style({
|
|
368
|
-
transform: 'translateX(0%)',
|
|
369
|
-
opacity: 1
|
|
370
|
-
}))
|
|
371
|
-
]),
|
|
372
|
-
transition('right => void', [
|
|
373
|
-
style({
|
|
374
|
-
transform: 'translateX(0%)',
|
|
375
|
-
opacity: 1
|
|
376
|
-
}),
|
|
377
|
-
animate(`${XDuration.Base}`, style({
|
|
378
|
-
transform: 'translateX(2rem)',
|
|
379
|
-
opacity: 0
|
|
380
|
-
}))
|
|
381
|
-
]),
|
|
382
|
-
transition('void => bottom-start, void => bottom, void => bottom-end', [
|
|
383
|
-
style({
|
|
384
|
-
transform: 'translateY(2rem)',
|
|
385
|
-
opacity: 0
|
|
386
|
-
}),
|
|
387
|
-
animate(`${XDuration.Base}`, style({
|
|
388
|
-
transform: 'translateY(0%)',
|
|
389
|
-
opacity: 1
|
|
390
|
-
}))
|
|
391
|
-
]),
|
|
392
|
-
transition('bottom-start => void, bottom => void, bottom-end => void', [
|
|
393
|
-
style({
|
|
394
|
-
transform: 'translateY(0%)',
|
|
395
|
-
opacity: 1
|
|
396
|
-
}),
|
|
397
|
-
animate(`${XDuration.Base}`, style({
|
|
398
|
-
transform: 'translateY(2rem)',
|
|
399
|
-
opacity: 0
|
|
400
|
-
}))
|
|
401
|
-
])
|
|
402
|
-
]);
|
|
403
|
-
|
|
404
|
-
/**
|
|
405
|
-
* @zh_CN 进场动画
|
|
406
|
-
* @en_US Enter an animation
|
|
407
|
-
*/
|
|
408
|
-
const XDURATION_BASE_EASE_IN = `${XDuration.Base} ease-in`;
|
|
409
|
-
const XDURATION_FAST_EASE_IN = `${XDuration.Fast} ease-in`;
|
|
410
|
-
/**
|
|
411
|
-
* @zh_CN 移除动画
|
|
412
|
-
* @en_US Remove animation
|
|
413
|
-
*/
|
|
414
|
-
const XDURATION_BASE_EASE_OUT = `${XDuration.Base} ease-out`;
|
|
415
|
-
const XDURATION_FAST_EASE_OUT = `${XDuration.Fast} ease-out`;
|
|
416
|
-
/**
|
|
417
|
-
* @zh_CN 弹框连接时的动画,只处理 Y 轴
|
|
418
|
-
* @en_US The animation when the bomb frame is connected, only the y-axis
|
|
419
|
-
*/
|
|
420
|
-
const XConnectBaseAnimation = trigger('x-connect-base-animation', [
|
|
421
|
-
transition(':enter', [style({ opacity: 0, transform: 'scaleY(0.8)' }), animate(XDURATION_FAST_EASE_IN)]),
|
|
422
|
-
transition(':leave', [animate(XDURATION_FAST_EASE_OUT, style({ opacity: 0 }))])
|
|
423
|
-
]);
|
|
424
|
-
/**
|
|
425
|
-
* @zh_CN 弹框连接时的动画,缩放
|
|
426
|
-
* @en_US The animation when the bomb frame is connected, zoomed in
|
|
427
|
-
*/
|
|
428
|
-
const XBaseAnimation = trigger('x-base-animation', [
|
|
429
|
-
transition(':enter', [style({ opacity: 0, transform: 'scale(0.2)' }), animate(XDURATION_BASE_EASE_IN)]),
|
|
430
|
-
transition(':leave', [animate(XDURATION_BASE_EASE_OUT, style({ opacity: 0, transform: 'scale(0.2)' }))])
|
|
431
|
-
]);
|
|
432
|
-
|
|
433
|
-
/**
|
|
434
|
-
* @zh_CN 进场动画
|
|
435
|
-
* @en_US Enter an animation
|
|
436
|
-
*/
|
|
437
|
-
const XDURATION_SLOW_EASE_IN = `${XDuration.Slow} ease-in`;
|
|
438
|
-
/**
|
|
439
|
-
* @zh_CN 移除动画
|
|
440
|
-
* @en_US Remove animation
|
|
441
|
-
*/
|
|
442
|
-
const XDURATION_SLOW_EASE_OUT = `${XDuration.Slow} ease-out`;
|
|
443
|
-
/**
|
|
444
|
-
* @zh_CN Badge 动画
|
|
445
|
-
* @en_US Badge animation
|
|
446
|
-
*/
|
|
447
|
-
const XBadgeAnimation = trigger('x-badge-animation', [
|
|
448
|
-
transition(':enter', [
|
|
449
|
-
style({ opacity: 0, transform: 'scale(0) translate(50%, -50%)' }),
|
|
450
|
-
animate(XDURATION_SLOW_EASE_IN, style({
|
|
451
|
-
opacity: 1,
|
|
452
|
-
transform: 'scale(1) translate(50%, -50%)'
|
|
453
|
-
}))
|
|
454
|
-
]),
|
|
455
|
-
transition(':leave', [
|
|
456
|
-
style({ opacity: 1, transform: 'scale(1) translate(50%, -50%)' }),
|
|
457
|
-
animate(XDURATION_SLOW_EASE_OUT, style({
|
|
458
|
-
opacity: 0,
|
|
459
|
-
transform: 'scale(0) translate(50%, -50%)'
|
|
460
|
-
}))
|
|
461
|
-
])
|
|
462
|
-
]);
|
|
463
|
-
/**
|
|
464
|
-
* @zh_CN Badge 独立存在时的动画
|
|
465
|
-
* @en_US The animation when Badge exists independently
|
|
466
|
-
*/
|
|
467
|
-
const XBadgeStandaloneAnimation = trigger('x-badge-standalone-animation', [
|
|
468
|
-
transition(':enter', [
|
|
469
|
-
style({ opacity: 0, transform: 'scale(0)' }),
|
|
470
|
-
animate(XDURATION_SLOW_EASE_IN, style({
|
|
471
|
-
opacity: 1,
|
|
472
|
-
transform: 'scale(1)'
|
|
473
|
-
}))
|
|
474
|
-
]),
|
|
475
|
-
transition(':leave', [
|
|
476
|
-
style({ opacity: 1, transform: 'scale(1)' }),
|
|
477
|
-
animate(XDURATION_SLOW_EASE_OUT, style({
|
|
478
|
-
opacity: 0,
|
|
479
|
-
transform: 'scale(0)'
|
|
480
|
-
}))
|
|
481
|
-
])
|
|
482
|
-
]);
|
|
483
|
-
|
|
484
|
-
/**
|
|
485
|
-
* @zh_CN 透明度淡入淡出动画
|
|
486
|
-
* @en_US The transparency fades into the animation
|
|
487
|
-
*/
|
|
488
|
-
const XOpacityAnimation = trigger('x-opacity-animation', [
|
|
489
|
-
state('*', style({ opacity: 0 })),
|
|
490
|
-
state('false', style({ opacity: 0 })),
|
|
491
|
-
state('true', style({ opacity: 1 })),
|
|
492
|
-
transition('* => *', animate(`${XDuration.Slow} cubic-bezier(0.25, 0.8, 0.25, 1)`))
|
|
493
|
-
]);
|
|
494
|
-
|
|
495
167
|
/**
|
|
496
168
|
* @zh_CN 类型判断
|
|
497
169
|
* @en_US Type judgment
|
|
@@ -1662,10 +1334,10 @@ class XThemeService {
|
|
|
1662
1334
|
this.varsStyleEle.innerHTML = `:root{${styles}}`;
|
|
1663
1335
|
this.doc.documentElement.getElementsByTagName('head')[0].appendChild(this.varsStyleEle);
|
|
1664
1336
|
}
|
|
1665
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1666
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
1337
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XThemeService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1338
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XThemeService, providedIn: 'root' }); }
|
|
1667
1339
|
}
|
|
1668
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1340
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XThemeService, decorators: [{
|
|
1669
1341
|
type: Injectable,
|
|
1670
1342
|
args: [{
|
|
1671
1343
|
providedIn: 'root'
|
|
@@ -1762,10 +1434,10 @@ class XConfigService {
|
|
|
1762
1434
|
getTheme(includesAll = false) {
|
|
1763
1435
|
return this.themeService.getTheme(includesAll);
|
|
1764
1436
|
}
|
|
1765
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1766
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
1437
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1438
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XConfigService, providedIn: 'root' }); }
|
|
1767
1439
|
}
|
|
1768
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1440
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XConfigService, decorators: [{
|
|
1769
1441
|
type: Injectable,
|
|
1770
1442
|
args: [{
|
|
1771
1443
|
providedIn: 'root'
|
|
@@ -1910,10 +1582,10 @@ class XPreloadingStrategyService {
|
|
|
1910
1582
|
return of(null);
|
|
1911
1583
|
}
|
|
1912
1584
|
}
|
|
1913
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1914
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
1585
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XPreloadingStrategyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1586
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XPreloadingStrategyService, providedIn: 'root' }); }
|
|
1915
1587
|
}
|
|
1916
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1588
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XPreloadingStrategyService, decorators: [{
|
|
1917
1589
|
type: Injectable,
|
|
1918
1590
|
args: [{ providedIn: 'root' }]
|
|
1919
1591
|
}] });
|
|
@@ -1964,10 +1636,10 @@ class XHttpService {
|
|
|
1964
1636
|
}
|
|
1965
1637
|
return throwError(error.error);
|
|
1966
1638
|
}
|
|
1967
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1968
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
1639
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XHttpService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1640
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XHttpService, providedIn: 'root' }); }
|
|
1969
1641
|
}
|
|
1970
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1642
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XHttpService, decorators: [{
|
|
1971
1643
|
type: Injectable,
|
|
1972
1644
|
args: [{ providedIn: 'root' }]
|
|
1973
1645
|
}], ctorParameters: () => [{ type: i1.HttpClient }] });
|
|
@@ -2035,10 +1707,10 @@ class XStorageService {
|
|
|
2035
1707
|
};
|
|
2036
1708
|
return S4() + S4() + '-' + S4() + '-' + S4() + '-' + S4() + '-' + S4() + S4() + S4();
|
|
2037
1709
|
}
|
|
2038
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2039
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
1710
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XStorageService, deps: [{ token: i1$1.Platform }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1711
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XStorageService, providedIn: 'root' }); }
|
|
2040
1712
|
}
|
|
2041
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1713
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XStorageService, decorators: [{
|
|
2042
1714
|
type: Injectable,
|
|
2043
1715
|
args: [{ providedIn: 'root' }]
|
|
2044
1716
|
}], ctorParameters: () => [{ type: i1$1.Platform }] });
|
|
@@ -2079,10 +1751,10 @@ class XInnerHTMLComponent {
|
|
|
2079
1751
|
this.innerHtml = computed(() => this.domSanitizer.bypassSecurityTrustHtml(this.html()), ...(ngDevMode ? [{ debugName: "innerHtml" }] : []));
|
|
2080
1752
|
this.domSanitizer = inject(DomSanitizer);
|
|
2081
1753
|
}
|
|
2082
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2083
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.
|
|
1754
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XInnerHTMLComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1755
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.5", type: XInnerHTMLComponent, isStandalone: true, selector: "[x-inner-html], x-inner-html", inputs: { html: { classPropertyName: "html", publicName: "html", isSignal: true, isRequired: true, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '<div class="x-inner-html" [innerHTML]="innerHtml()" [style]="style()"></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2084
1756
|
}
|
|
2085
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1757
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XInnerHTMLComponent, decorators: [{
|
|
2086
1758
|
type: Component,
|
|
2087
1759
|
args: [{
|
|
2088
1760
|
selector: `[x-inner-html], x-inner-html`,
|
|
@@ -2090,11 +1762,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
2090
1762
|
encapsulation: ViewEncapsulation.None,
|
|
2091
1763
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
2092
1764
|
}]
|
|
2093
|
-
}] });
|
|
1765
|
+
}], propDecorators: { html: [{ type: i0.Input, args: [{ isSignal: true, alias: "html", required: true }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }] } });
|
|
2094
1766
|
|
|
2095
1767
|
/**
|
|
2096
1768
|
* Generated bundle index. Do not edit.
|
|
2097
1769
|
*/
|
|
2098
1770
|
|
|
2099
|
-
export { XAddDays, XAddHours, XAddMilliseconds, XAddMinutes, XAddMonths, XAddSeconds, XAddYears,
|
|
1771
|
+
export { XAddDays, XAddHours, XAddMilliseconds, XAddMinutes, XAddMonths, XAddSeconds, XAddYears, XCamelToKebab, XChunk, XClamp, XClearClass, XClearClassSignal, XCloneDeep, XComputed, XComputedStyle, XConfigService, XDataConvert, XDateQuarter, XDateWeek, XDateWeekYear, XDateYearQuarter, XDateYearWeek, XDrop, XFileSize, XFillDefault, XGetChildren, XGroupBy, XGuid, XHasChildren, XHasIn, XHttpService, XIdentity, XInnerHTMLComponent, XInputBoolean, XInputCssPixelValue, XInputNumber, XInvertKeyValues, XIsArray, XIsBoolean, XIsChange, XIsDate, XIsEmpty, XIsFunction, XIsInputSignal, XIsNil, XIsNotNil, XIsNull, XIsNumber, XIsObject, XIsObjectArray, XIsObservable, XIsRegExp, XIsString, XIsTemplateRef, XIsType, XIsUndefined, XIsValue, XIsValueArray, XIsXTemplate, XKebabToCamel, XMixColors, XOrderBy, XParentPath, XParents, XPreloadingStrategyService, XProperty, XPropertyFunction, XRemove, XRemoveNgTag, XRepositoryAbstract, XRepositoryService, XRequestAnimationFrame, XResize, XReuseStrategyService, XSetData, XSetFlex, XSleep, XStorageService, XStripTags, XThemeService, XToBoolean, XToCssPixelValue, XToCssPx, XToCssRem, XToDataArray, XToDataConvert, XToDate, XToHex, XToNumber, XToRgb, XToString, XWarnIconTypeNotFound, XWarnSVGTagNotFound, X_CONFIG, X_THEME, X_THEME_AMOUNTS, X_THEME_BACKGROUNDS, X_THEME_BLACK_MERGE, X_THEME_BORDERS, X_THEME_COLORS, X_THEME_COLOR_KEYS, X_THEME_DARK_COLORS, X_THEME_EXCHANGES, X_THEME_LIGHT_COLORS, X_THEME_MERGE, X_THEME_PREFIX, X_THEME_TEXTS, X_THEME_VARS, X_THEME_VARS_KEYS };
|
|
2100
1772
|
//# sourceMappingURL=ng-nest-ui-core.mjs.map
|