@maggioli-design-system/mds-paginator-item 3.2.1 → 3.2.3

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.
Files changed (39) hide show
  1. package/dist/cjs/mds-paginator-item.cjs.entry.js +3 -2
  2. package/dist/collection/common/floating-controller.js +25 -4
  3. package/dist/collection/common/keyboard-manager.js +3 -2
  4. package/dist/collection/dictionary/button.js +3 -0
  5. package/dist/collection/dictionary/variant.js +14 -2
  6. package/dist/collection/type/input-tip.js +1 -0
  7. package/dist/components/mds-paginator-item.js +3 -2
  8. package/dist/documentation.json +1 -1
  9. package/dist/esm/mds-paginator-item.entry.js +3 -2
  10. package/dist/esm-es5/mds-paginator-item.entry.js +1 -1
  11. package/dist/mds-paginator-item/mds-paginator-item.esm.js +1 -1
  12. package/dist/mds-paginator-item/p-85fb72de.system.entry.js +1 -0
  13. package/dist/mds-paginator-item/p-87174d3f.system.js +1 -1
  14. package/dist/mds-paginator-item/p-a5c92a5f.entry.js +1 -0
  15. package/dist/stats.json +18 -16
  16. package/dist/types/common/floating-controller.d.ts +1 -0
  17. package/dist/types/type/button.d.ts +1 -1
  18. package/dist/types/type/input-tip.d.ts +1 -0
  19. package/dist/types/type/input.d.ts +1 -1
  20. package/dist/types/type/variant.d.ts +2 -2
  21. package/documentation.json +75 -30
  22. package/package.json +3 -3
  23. package/src/common/floating-controller.ts +26 -3
  24. package/src/common/keyboard-manager.ts +1 -0
  25. package/src/dictionary/button.ts +3 -0
  26. package/src/dictionary/variant.ts +14 -2
  27. package/src/fixtures/icons.json +23 -0
  28. package/src/type/button.ts +6 -3
  29. package/src/type/input-tip.ts +11 -0
  30. package/src/type/input.ts +4 -0
  31. package/src/type/variant.ts +14 -2
  32. package/www/build/mds-paginator-item.esm.js +1 -1
  33. package/www/build/p-85fb72de.system.entry.js +1 -0
  34. package/www/build/p-87174d3f.system.js +1 -1
  35. package/www/build/p-a5c92a5f.entry.js +1 -0
  36. package/dist/mds-paginator-item/p-064170da.system.entry.js +0 -1
  37. package/dist/mds-paginator-item/p-db02f4fe.entry.js +0 -1
  38. package/www/build/p-064170da.system.entry.js +0 -1
  39. package/www/build/p-db02f4fe.entry.js +0 -1
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2025-03-10T10:32:58",
2
+ "timestamp": "2025-05-14T12:14:14",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.27.2",
@@ -200,6 +200,11 @@
200
200
  }
201
201
  ],
202
202
  "typeLibrary": {
203
+ "src/components/mds-input-date-range/mds-input-date-range.tsx::EventDate": {
204
+ "declaration": "export interface EventDate {\n caller: HTMLMdsInputDateRangePreselectionElement\n start: string,\n end?: string\n}",
205
+ "docstring": "",
206
+ "path": "src/components/mds-input-date-range/mds-input-date-range.tsx"
207
+ },
203
208
  "src/components/mds-accordion/meta/event-detail.ts::MdsAccordionEventDetail": {
204
209
  "declaration": "export interface MdsAccordionEventDetail {\n children: NodeListOf<HTMLMdsAccordionItemElement>\n selected: string\n}",
205
210
  "docstring": "",
@@ -235,6 +240,11 @@
235
240
  "docstring": "",
236
241
  "path": "src/type/variant.ts"
237
242
  },
243
+ "src/components/mds-avatar-stack/meta/types.ts::AvatarSizeType": {
244
+ "declaration": "export type AvatarSizeType =\n | 'sm'\n | 'md'\n | 'lg'",
245
+ "docstring": "",
246
+ "path": "src/components/mds-avatar-stack/meta/types.ts"
247
+ },
238
248
  "src/type/variant.ts::ThemeFullVariantType": {
239
249
  "declaration": "export type ThemeFullVariantType =\n | 'amaranth'\n | 'aqua'\n | 'blue'\n | 'dark'\n | 'error'\n | 'green'\n | 'info'\n | 'light'\n | 'lime'\n | 'orange'\n | 'orchid'\n | 'sky'\n | 'success'\n | 'violet'\n | 'warning'\n | 'yellow'",
240
250
  "docstring": "",
@@ -261,7 +271,7 @@
261
271
  "path": "src/type/typography.ts"
262
272
  },
263
273
  "src/type/variant.ts::ThemeVariantType": {
264
- "declaration": "export type ThemeVariantType =\n | 'dark'\n | 'error'\n | 'info'\n | 'light'\n | 'primary'\n | 'success'\n | 'warning'",
274
+ "declaration": "export type ThemeVariantType =\n | 'ai'\n | 'dark'\n | 'error'\n | 'info'\n | 'light'\n | 'primary'\n | 'success'\n | 'warning'",
265
275
  "docstring": "",
266
276
  "path": "src/type/variant.ts"
267
277
  },
@@ -306,7 +316,7 @@
306
316
  "path": "src/type/button.ts"
307
317
  },
308
318
  "src/type/button.ts::ButtonVariantType": {
309
- "declaration": "export type ButtonVariantType =\n | 'primary'\n | 'secondary'\n | 'dark'\n | 'light'\n | 'error'\n | 'info'\n | 'success'\n | 'warning'",
319
+ "declaration": "export type ButtonVariantType =\n | 'ai'\n | 'apple'\n | 'dark'\n | 'error'\n | 'google'\n | 'info'\n | 'light'\n | 'primary'\n | 'secondary'\n | 'success'\n | 'warning'",
310
320
  "docstring": "",
311
321
  "path": "src/type/button.ts"
312
322
  },
@@ -325,8 +335,23 @@
325
335
  "docstring": "",
326
336
  "path": "src/type/text.ts"
327
337
  },
338
+ "src/components/mds-calendar-cell/meta/types.ts::CalendarCellType": {
339
+ "declaration": "export type CalendarCellType =\n | 'other'\n | 'current'\n | 'weekend'",
340
+ "docstring": "",
341
+ "path": "src/components/mds-calendar-cell/meta/types.ts"
342
+ },
343
+ "src/components/mds-calendar-cell/meta/types.ts::CalendarCellSelectionOrieintationType": {
344
+ "declaration": "export type CalendarCellSelectionOrieintationType =\n | 'both'\n | 'horizontal'\n | 'vertical'",
345
+ "docstring": "",
346
+ "path": "src/components/mds-calendar-cell/meta/types.ts"
347
+ },
348
+ "src/components/mds-calendar-cell/meta/types.ts::CalendarCellSelectionPositionType": {
349
+ "declaration": "export type CalendarCellSelectionPositionType =\n | 'end'\n | 'middle'\n | 'none'\n | 'start'\n | 'single'",
350
+ "docstring": "",
351
+ "path": "src/components/mds-calendar-cell/meta/types.ts"
352
+ },
328
353
  "src/type/variant.ts::ChipVariantType": {
329
- "declaration": "export type ChipVariantType =\n | 'primary'\n | 'secondary'\n | 'dark'\n | 'error'\n | 'info'\n | 'success'\n | 'warning'",
354
+ "declaration": "export type ChipVariantType =\n | 'ai'\n | 'amaranth'\n | 'aqua'\n | 'blue'\n | 'dark'\n | 'error'\n | 'green'\n | 'info'\n | 'lime'\n | 'orange'\n | 'orchid'\n | 'primary'\n | 'secondary'\n | 'sky'\n | 'success'\n | 'violet'\n | 'warning'\n | 'yellow'",
330
355
  "docstring": "",
331
356
  "path": "src/type/variant.ts"
332
357
  },
@@ -405,6 +430,11 @@
405
430
  "docstring": "",
406
431
  "path": "src/components/mds-horizontal-scroll/meta/types.ts"
407
432
  },
433
+ "src/components/mds-horizontal-scroll/meta/types.ts::NavigationType": {
434
+ "declaration": "export type NavigationType =\n | 'none'\n | 'scrollbar'\n | 'position'",
435
+ "docstring": "",
436
+ "path": "src/components/mds-horizontal-scroll/meta/types.ts"
437
+ },
408
438
  "src/components/mds-horizontal-scroll/meta/types.ts::SnapType": {
409
439
  "declaration": "export type SnapType =\n | 'center'\n | 'end'\n | 'none'\n | 'start'",
410
440
  "docstring": "",
@@ -451,7 +481,7 @@
451
481
  "path": "src/type/variant.ts"
452
482
  },
453
483
  "src/type/input.ts::InputTextType": {
454
- "declaration": "export type InputTextType =\n | 'date'\n | 'email'\n | 'number'\n | 'password'\n | 'search'\n | 'tel'\n | 'text'\n | 'textarea'\n | 'time'\n | 'url'",
484
+ "declaration": "export type InputTextType =\n | 'date'\n | 'email'\n | 'number'\n | 'password'\n | 'search'\n | 'tel'\n | 'text'\n | 'textarea'\n | 'time'\n | 'url'\n | 'cc'\n | 'cf'\n | 'isbn'\n | 'piva'",
455
485
  "docstring": "",
456
486
  "path": "src/type/input.ts"
457
487
  },
@@ -465,20 +495,15 @@
465
495
  "docstring": "",
466
496
  "path": "src/type/input.ts"
467
497
  },
468
- "src/components/mds-input-field/meta/types.ts::InputFieldType": {
469
- "declaration": "export type InputFieldType =\n | 'date'\n | 'email'\n | 'number'\n | 'password'\n | 'search'\n | 'tel'\n | 'text'\n | 'textarea'\n | 'time'\n | 'url'\n | 'cc'\n | 'cf'\n | 'isbn'\n | 'piva'",
470
- "docstring": "",
471
- "path": "src/components/mds-input-field/meta/types.ts"
472
- },
473
- "src/components/mds-input-field/meta/validators.ts::MdsValidatorFn": {
498
+ "src/components/mds-input/meta/validators.ts::MdsValidatorFn": {
474
499
  "declaration": "(input: string) => null | MdsValidationErrors",
475
500
  "docstring": "",
476
- "path": "src/components/mds-input-field/meta/validators.ts"
501
+ "path": "src/components/mds-input/meta/validators.ts"
477
502
  },
478
- "src/components/mds-input-field/meta/validators.ts::MdsValidationErrors": {
503
+ "src/components/mds-input/meta/validators.ts::MdsValidationErrors": {
479
504
  "declaration": "export interface MdsValidationErrors {\n [key: string]: string\n}",
480
505
  "docstring": "",
481
- "path": "src/components/mds-input-field/meta/validators.ts"
506
+ "path": "src/components/mds-input/meta/validators.ts"
482
507
  },
483
508
  "src/components/mds-input-switch/meta/types.ts::InputSwitchSizeType": {
484
509
  "declaration": "export type InputSwitchSizeType =\n | 'sm'\n | 'md'\n | 'lg'",
@@ -500,10 +525,10 @@
500
525
  "docstring": "",
501
526
  "path": "src/components/mds-input-tip/meta/types.ts"
502
527
  },
503
- "src/components/mds-input-tip-item/meta/types.ts::InputTipItemVariantType": {
504
- "declaration": "export type InputTipItemVariantType =\n | 'required'\n | 'required-success'\n | 'disabled'\n | 'readonly'\n | 'text'",
528
+ "src/type/input-tip.ts::InputTipItemVariantType": {
529
+ "declaration": "export type InputTipItemVariantType =\n | 'count-almost'\n | 'count-almost-full'\n | 'count-empty'\n | 'count-full'\n | 'count-incomplete'\n | 'disabled'\n | 'readonly'\n | 'required'\n | 'required-success'\n | 'text'",
505
530
  "docstring": "",
506
- "path": "src/components/mds-input-tip-item/meta/types.ts"
531
+ "path": "src/type/input-tip.ts"
507
532
  },
508
533
  "src/components/mds-input-upload/meta/types.ts::AttachmentSort": {
509
534
  "declaration": "type AttachmentSort =\n 'status' |\n 'date'",
@@ -545,6 +570,11 @@
545
570
  "docstring": "",
546
571
  "path": "src/components/mds-modal/meta/types.ts"
547
572
  },
573
+ "src/components/mds-modal/meta/types.ts::ModalAnimationStyleType": {
574
+ "declaration": "export type ModalAnimationStyleType =\n | 'slide'\n | 'custom'\n | '3d'",
575
+ "docstring": "",
576
+ "path": "src/components/mds-modal/meta/types.ts"
577
+ },
548
578
  "src/components/mds-modal/meta/types.ts::ModalOverflowType": {
549
579
  "declaration": "export type ModalOverflowType =\n | 'auto'\n | 'manual'",
550
580
  "docstring": "",
@@ -565,6 +595,11 @@
565
595
  "docstring": "",
566
596
  "path": "src/components/mds-paginator/meta/event-detail.ts"
567
597
  },
598
+ "src/components/mds-policy-ai/meta/types.ts::PolicyAiVariant": {
599
+ "declaration": "export type PolicyAiVariant =\n | 'icon'\n | 'chip'\n | 'card'\n | 'banner'",
600
+ "docstring": "",
601
+ "path": "src/components/mds-policy-ai/meta/types.ts"
602
+ },
568
603
  "src/components/mds-pref-animation/meta/types.ts::AnimationModeType": {
569
604
  "declaration": "export type AnimationModeType =\n | 'reduce'\n | 'no-preference'\n | 'system'",
570
605
  "docstring": "",
@@ -610,26 +645,41 @@
610
645
  "docstring": "",
611
646
  "path": "src/components/mds-progress/meta/types.ts"
612
647
  },
613
- "src/components/mds-push-notification/meta/types.ts::NotificationDateFormatType": {
648
+ "src/components/mds-push-notification/meta/event-detail.ts::MdsPushNotificationEventDetail": {
649
+ "declaration": "export interface MdsPushNotificationEventDetail {\n visible: boolean\n}",
650
+ "docstring": "",
651
+ "path": "src/components/mds-push-notification/meta/event-detail.ts"
652
+ },
653
+ "src/components/mds-push-notification-item/meta/types.ts::NotificationItemDateFormatType": {
614
654
  "declaration": "string",
615
655
  "docstring": "",
616
- "path": "src/components/mds-push-notification/meta/types.ts"
656
+ "path": "src/components/mds-push-notification-item/meta/types.ts"
617
657
  },
618
- "src/components/mds-push-notification/meta/types.ts::NotificationPreviewType": {
619
- "declaration": "export type NotificationPreviewType =\n | 'avatar'\n | 'image'",
658
+ "src/components/mds-push-notification-item/meta/types.ts::NotificationItemPreviewType": {
659
+ "declaration": "export type NotificationItemPreviewType =\n | 'avatar'\n | 'image'",
620
660
  "docstring": "",
621
- "path": "src/components/mds-push-notification/meta/types.ts"
661
+ "path": "src/components/mds-push-notification-item/meta/types.ts"
622
662
  },
623
- "src/components/mds-push-notification/meta/event-detail.ts::MdsPushNotificationEventDetail": {
624
- "declaration": "export interface MdsPushNotificationEventDetail {\n id: string;\n}",
663
+ "src/components/mds-push-notification-item/meta/event-detail.ts::MdsPushNotificationItemEventDetail": {
664
+ "declaration": "export interface MdsPushNotificationItemEventDetail {\n id: string;\n}",
625
665
  "docstring": "",
626
- "path": "src/components/mds-push-notification/meta/event-detail.ts"
666
+ "path": "src/components/mds-push-notification-item/meta/event-detail.ts"
627
667
  },
628
668
  "src/type/text.ts::TypographyHeadingTagType": {
629
669
  "declaration": "export type TypographyHeadingTagType =\n | 'h1'\n | 'h2'\n | 'h3'\n | 'h4'\n | 'h5'\n | 'h6'",
630
670
  "docstring": "",
631
671
  "path": "src/type/text.ts"
632
672
  },
673
+ "src/components/mds-radial-menu/meta/types.ts::Direction": {
674
+ "declaration": "export type Direction =\n | 'clockwise'\n | 'counterclockwise'",
675
+ "docstring": "",
676
+ "path": "src/components/mds-radial-menu/meta/types.ts"
677
+ },
678
+ "src/components/mds-radial-menu/meta/types.ts::Interaction": {
679
+ "declaration": "export type Interaction =\n | 'click'\n | 'rightclick'",
680
+ "docstring": "",
681
+ "path": "src/components/mds-radial-menu/meta/types.ts"
682
+ },
633
683
  "src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail": {
634
684
  "declaration": "export interface MdsStepperBarEventDetail {\n step: number\n value: string\n}",
635
685
  "docstring": "",
@@ -690,11 +740,6 @@
690
740
  "docstring": "",
691
741
  "path": "src/type/text.ts"
692
742
  },
693
- "src/type/variant.ts::ThemeLuminanceVariantType": {
694
- "declaration": "export type ThemeLuminanceVariantType =\n | 'dark'\n | 'light'",
695
- "docstring": "",
696
- "path": "src/type/variant.ts"
697
- },
698
743
  "src/components/mds-toast/meta/types.ts::ToastPosition": {
699
744
  "declaration": "export type ToastPosition =\n | 'top-left'\n | 'top-center'\n | 'top-right'\n | 'bottom-left'\n | 'bottom-center'\n | 'bottom-right'",
700
745
  "docstring": "",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@maggioli-design-system/mds-paginator-item",
3
- "version": "3.2.1",
3
+ "version": "3.2.3",
4
4
  "description": "mds-paginator-item is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -24,8 +24,8 @@
24
24
  "test": "stencil test --spec --e2e"
25
25
  },
26
26
  "dependencies": {
27
- "@maggioli-design-system/mds-text": "4.7.1",
28
- "@maggioli-design-system/styles": "15.9.0",
27
+ "@maggioli-design-system/mds-text": "4.7.3",
28
+ "@maggioli-design-system/styles": "15.10.0",
29
29
  "@stencil/core": "4.27.2"
30
30
  },
31
31
  "license": "MIT",
@@ -7,6 +7,7 @@ import {
7
7
  Middleware,
8
8
  MiddlewareData,
9
9
  offset,
10
+ Placement,
10
11
  shift,
11
12
  } from '@floating-ui/dom'
12
13
  import { FloatingUIPlacement, FloatingUIStrategy } from '@type/floating-ui'
@@ -138,6 +139,24 @@ export class FloatingController {
138
139
  }
139
140
  }
140
141
 
142
+ private convertToTransformOrigin = (position: Placement): string => {
143
+ const positions = {
144
+ top: 'center bottom',
145
+ right: 'left center',
146
+ bottom: 'center top',
147
+ left: 'right center',
148
+ 'bottom-end': 'top right',
149
+ 'bottom-start': 'top left',
150
+ 'left-end': 'right bottom',
151
+ 'left-start': 'right top',
152
+ 'right-end': 'left bottom',
153
+ 'right-start': 'left top',
154
+ 'top-end': 'bottom right',
155
+ 'top-start': 'bottom left',
156
+ }
157
+ return positions[position]
158
+ }
159
+
141
160
  private readonly calculatePosition = (): void => {
142
161
  if (!this._caller) return
143
162
 
@@ -181,6 +200,8 @@ export class FloatingController {
181
200
  Object.assign(this._host.style, {
182
201
  left: `${x}px`,
183
202
  top: `${y}px`,
203
+ transformOrigin: this.convertToTransformOrigin(placement),
204
+ position: this._host.strategy,
184
205
  })
185
206
 
186
207
  const arrowStyle = {}
@@ -204,12 +225,14 @@ export class FloatingController {
204
225
  }
205
226
 
206
227
  updatePosition (): void {
207
- if (this.cleanupAutoUpdate) this.cleanupAutoUpdate()
208
- this.cleanupAutoUpdate = autoUpdate(this._caller, this._host, this.calculatePosition)
228
+ if (this._host.visible) {
229
+ this.dismiss() // to clean the old update function before update function
230
+ this.cleanupAutoUpdate = autoUpdate(this._caller, this._host, this.calculatePosition)
231
+ }
209
232
  }
210
233
 
211
234
  dismiss (): void {
212
- this.cleanupAutoUpdate()
235
+ if (this.cleanupAutoUpdate) this.cleanupAutoUpdate()
213
236
  }
214
237
  }
215
238
 
@@ -27,6 +27,7 @@ export class KeyboardManager {
27
27
  }
28
28
 
29
29
  attachClickBehavior = (name = 'element'): void => {
30
+ this.elements.get(name)?.removeEventListener('keydown', this.handleClickBehaviorDispatchEvent)
30
31
  this.elements.get(name)?.addEventListener('keydown', this.handleClickBehaviorDispatchEvent)
31
32
  }
32
33
 
@@ -1,6 +1,9 @@
1
1
  const buttonVariantDictionary = [
2
+ 'ai',
3
+ 'apple',
2
4
  'dark',
3
5
  'error',
6
+ 'google',
4
7
  'info',
5
8
  'light',
6
9
  'primary',
@@ -1,4 +1,5 @@
1
1
  const themeVariantDictionary = [
2
+ 'ai',
2
3
  'dark',
3
4
  'error',
4
5
  'info',
@@ -78,13 +79,24 @@ const toneVariantDictionary = [
78
79
  ]
79
80
 
80
81
  const themeVariantChipDictionary = [
81
- 'primary',
82
- 'secondary',
82
+ 'ai',
83
+ 'amaranth',
84
+ 'aqua',
85
+ 'blue',
83
86
  'dark',
84
87
  'error',
88
+ 'green',
85
89
  'info',
90
+ 'lime',
91
+ 'orange',
92
+ 'orchid',
93
+ 'primary',
94
+ 'secondary',
95
+ 'sky',
86
96
  'success',
97
+ 'violet',
87
98
  'warning',
99
+ 'yellow',
88
100
  ]
89
101
 
90
102
  const toneActionVariantDictionary = [
@@ -1,5 +1,6 @@
1
1
  [
2
2
  "mdi/alien",
3
+ "mdi/apple",
3
4
  "mdi/apple-keyboard-shift",
4
5
  "mdi/barley",
5
6
  "mdi/baseball",
@@ -7,6 +8,7 @@
7
8
  "mdi/delete",
8
9
  "mdi/dots-vertical",
9
10
  "mdi/email",
11
+ "mdi/eye-off-outline",
10
12
  "mdi/file-document-remove-outline",
11
13
  "mdi/file-download-outline",
12
14
  "mdi/file-upload-outline",
@@ -17,6 +19,14 @@
17
19
  "mdi/license",
18
20
  "mdi/map-marker",
19
21
  "mdi/npm",
22
+ "mdi/numeric-1",
23
+ "mdi/numeric-2",
24
+ "mdi/numeric-3",
25
+ "mdi/numeric-4",
26
+ "mdi/numeric-5",
27
+ "mdi/numeric-6",
28
+ "mdi/numeric-7",
29
+ "mdi/numeric-8",
20
30
  "mdi/replay",
21
31
  "mdi/vector-curve",
22
32
  "mgg/abitazione-principale",
@@ -331,18 +341,23 @@
331
341
  "mi/baseline/agriculture",
332
342
  "mi/baseline/animation",
333
343
  "mi/baseline/arrow-back",
344
+ "mi/baseline/arrow-back-ios-new",
334
345
  "mi/baseline/arrow-forward",
346
+ "mi/baseline/arrow-forward-ios",
335
347
  "mi/baseline/attach-file",
336
348
  "mi/baseline/attachment",
337
349
  "mi/baseline/audiotrack",
338
350
  "mi/baseline/auto-awesome",
339
351
  "mi/baseline/badge",
352
+ "mi/baseline/block",
340
353
  "mi/baseline/book",
341
354
  "mi/baseline/border-all",
342
355
  "mi/baseline/broken-image",
356
+ "mi/baseline/calendar-today",
343
357
  "mi/baseline/call",
344
358
  "mi/baseline/cancel",
345
359
  "mi/baseline/category",
360
+ "mi/baseline/check",
346
361
  "mi/baseline/check-box",
347
362
  "mi/baseline/check-box-outline-blank",
348
363
  "mi/baseline/check-circle",
@@ -360,6 +375,7 @@
360
375
  "mi/baseline/downhill-skiing",
361
376
  "mi/baseline/draw",
362
377
  "mi/baseline/eco",
378
+ "mi/baseline/edit",
363
379
  "mi/baseline/email",
364
380
  "mi/baseline/error",
365
381
  "mi/baseline/expand-more",
@@ -373,6 +389,7 @@
373
389
  "mi/baseline/indeterminate-check-box",
374
390
  "mi/baseline/info",
375
391
  "mi/baseline/insert-drive-file",
392
+ "mi/baseline/ios-share",
376
393
  "mi/baseline/keyboard",
377
394
  "mi/baseline/keyboard-arrow-down",
378
395
  "mi/baseline/keyboard-arrow-left",
@@ -384,6 +401,7 @@
384
401
  "mi/baseline/keyboard-return",
385
402
  "mi/baseline/keyboard-tab",
386
403
  "mi/baseline/light-mode",
404
+ "mi/baseline/list-alt",
387
405
  "mi/baseline/local-activity",
388
406
  "mi/baseline/location-city",
389
407
  "mi/baseline/lock-open",
@@ -396,10 +414,13 @@
396
414
  "mi/baseline/panorama",
397
415
  "mi/baseline/person",
398
416
  "mi/baseline/pets",
417
+ "mi/baseline/print",
418
+ "mi/baseline/privacy-tip",
399
419
  "mi/baseline/radio-button-checked",
400
420
  "mi/baseline/radio-button-unchecked",
401
421
  "mi/baseline/remove",
402
422
  "mi/baseline/remove-circle",
423
+ "mi/baseline/remove-red-eye",
403
424
  "mi/baseline/route",
404
425
  "mi/baseline/send",
405
426
  "mi/baseline/settings",
@@ -410,6 +431,7 @@
410
431
  "mi/baseline/terminal",
411
432
  "mi/baseline/timer",
412
433
  "mi/baseline/tv",
434
+ "mi/baseline/undo",
413
435
  "mi/baseline/unfold-less",
414
436
  "mi/baseline/unfold-more",
415
437
  "mi/baseline/vertical-align-bottom",
@@ -426,6 +448,7 @@
426
448
  "mi/outline/circle",
427
449
  "mi/outline/dark-mode",
428
450
  "mi/outline/help-outline",
451
+ "mi/outline/policy",
429
452
  "mi/outline/schedule",
430
453
  "mi/round/arrow-circle-down",
431
454
  "mi/round/email",
@@ -19,11 +19,14 @@ export type ButtonIconPositionType =
19
19
  | 'right'
20
20
 
21
21
  export type ButtonVariantType =
22
- | 'primary'
23
- | 'secondary'
22
+ | 'ai'
23
+ | 'apple'
24
24
  | 'dark'
25
- | 'light'
26
25
  | 'error'
26
+ | 'google'
27
27
  | 'info'
28
+ | 'light'
29
+ | 'primary'
30
+ | 'secondary'
28
31
  | 'success'
29
32
  | 'warning'
@@ -0,0 +1,11 @@
1
+ export type InputTipItemVariantType =
2
+ | 'count-almost'
3
+ | 'count-almost-full'
4
+ | 'count-empty'
5
+ | 'count-full'
6
+ | 'count-incomplete'
7
+ | 'disabled'
8
+ | 'readonly'
9
+ | 'required'
10
+ | 'required-success'
11
+ | 'text'
package/src/type/input.ts CHANGED
@@ -23,6 +23,10 @@ export type InputTextType =
23
23
  | 'textarea'
24
24
  | 'time'
25
25
  | 'url'
26
+ | 'cc'
27
+ | 'cf'
28
+ | 'isbn'
29
+ | 'piva'
26
30
 
27
31
  export interface MdsInputEventDetail {
28
32
  value?: File | string | FormData | null
@@ -5,6 +5,7 @@ export type ThemeStatusVariantType =
5
5
  | 'warning'
6
6
 
7
7
  export type ThemeVariantType =
8
+ | 'ai'
8
9
  | 'dark'
9
10
  | 'error'
10
11
  | 'info'
@@ -70,13 +71,24 @@ export type ActionVariantType =
70
71
  | 'light'
71
72
 
72
73
  export type ChipVariantType =
73
- | 'primary'
74
- | 'secondary'
74
+ | 'ai'
75
+ | 'amaranth'
76
+ | 'aqua'
77
+ | 'blue'
75
78
  | 'dark'
76
79
  | 'error'
80
+ | 'green'
77
81
  | 'info'
82
+ | 'lime'
83
+ | 'orange'
84
+ | 'orchid'
85
+ | 'primary'
86
+ | 'secondary'
87
+ | 'sky'
78
88
  | 'success'
89
+ | 'violet'
79
90
  | 'warning'
91
+ | 'yellow'
80
92
 
81
93
  export type StateVariantType =
82
94
  | 'disabled'
@@ -1 +1 @@
1
- import{p as e,b as a}from"./p-2fca24e5.js";export{s as setNonce}from"./p-2fca24e5.js";import{g as t}from"./p-e1255160.js";(()=>{const s=import.meta.url,a={};return""!==s&&(a.resourcesUrl=new URL(".",s).href),e(a)})().then((async e=>(await t(),a([["p-db02f4fe",[[1,"mds-paginator-item",{icon:[513],selected:[516],disabled:[516]}]]]],e))));
1
+ import{p as a,b as e}from"./p-2fca24e5.js";export{s as setNonce}from"./p-2fca24e5.js";import{g as t}from"./p-e1255160.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),a(s)})().then((async a=>(await t(),e([["p-a5c92a5f",[[1,"mds-paginator-item",{icon:[513],selected:[516],disabled:[516]}]]]],a))));
@@ -0,0 +1 @@
1
+ System.register(["./p-9c9808f6.system.js"],(function(t){"use strict";var e,d,a,r;return{setters:[function(t){e=t.r;d=t.h;a=t.H;r=t.g}],execute:function(){var o=function(){function t(){var t=this;this.elements=new Map;this.handleClickBehaviorDispatchEvent=function(t){if(t.code==="Enter"||t.code==="NumpadEnter"){t.target.click()}};this.handleEscapeBehaviorDispatchEvent=function(e){if(e.code==="Escape"&&t.escapeCallback){t.escapeCallback()}};this.addElement=function(e,d){if(d===void 0){d="element"}if(!e){throw Error("Passed an ".concat(e," element parameter to KeyboardManager.addElement"))}t.elements.set(d,e)};this.removeElement=function(e){if(e===void 0){e="element"}t.detachClickBehavior(e);t.elements.delete(e)};this.attachClickBehavior=function(e){if(e===void 0){e="element"}var d,a;(d=t.elements.get(e))===null||d===void 0?void 0:d.removeEventListener("keydown",t.handleClickBehaviorDispatchEvent);(a=t.elements.get(e))===null||a===void 0?void 0:a.addEventListener("keydown",t.handleClickBehaviorDispatchEvent)};this.detachClickBehavior=function(e){if(e===void 0){e="element"}var d;(d=t.elements.get(e))===null||d===void 0?void 0:d.removeEventListener("keydown",t.handleClickBehaviorDispatchEvent)};this.attachEscapeBehavior=function(e){t.escapeCallback=e;if(typeof window!=="undefined"){window.addEventListener("keydown",t.handleEscapeBehaviorDispatchEvent.bind(t))}};this.detachEscapeBehavior=function(){t.escapeCallback=function(){return};if(typeof window!=="undefined"){window.removeEventListener("keydown",t.handleEscapeBehaviorDispatchEvent.bind(t))}}}return t}();var i="@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; :host{--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02));--mds-paginator-item-color-selected:rgb(var(--tone-neutral));--mds-paginator-item-color:rgb(var(--tone-neutral-02));--mds-paginator-item-radius:200px;--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);--mds-paginator-item-shadow:none;--mds-paginator-item-size:2.25rem;-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host{padding-left:0.75rem;padding-right:0.75rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-align:center;align-items:center;background-color:var(--mds-paginator-item-background);border-radius:var(--mds-paginator-item-radius);-webkit-box-shadow:var(--mds-paginator-item-shadow);box-shadow:var(--mds-paginator-item-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--mds-paginator-item-color);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:var(--mds-paginator-item-size);-ms-flex-pack:center;justify-content:center;min-width:var(--mds-paginator-item-size);-webkit-transition-property:background-color, color, outline, outline-offset, -webkit-box-shadow;transition-property:background-color, color, outline, outline-offset, -webkit-box-shadow;transition-property:background-color, box-shadow, color, outline, outline-offset;transition-property:background-color, box-shadow, color, outline, outline-offset, -webkit-box-shadow;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host(:hover){background-color:var(--mds-paginator-item-background-hover);-webkit-box-shadow:var(--mds-paginator-item-shadow-hover);box-shadow:var(--mds-paginator-item-shadow-hover);color:var(--mds-paginator-item-color-hover);fill:var(--mds-paginator-item-color-hover)}:host([icon]){padding:0rem}:host([selected]){background-color:var(--mds-paginator-item-background-selected);-webkit-box-shadow:var(--mds-paginator-item-shadow-selected);box-shadow:var(--mds-paginator-item-shadow-selected);color:var(--mds-paginator-item-color-selected);fill:var(--mds-paginator-item-color-selected);pointer-events:none}:host([disabled]){background-color:var(--mds-paginator-item-background-disabled);-webkit-box-shadow:var(--mds-paginator-item-shadow-disabled);box-shadow:var(--mds-paginator-item-shadow-disabled);color:var(--mds-paginator-item-color-disabled);fill:var(--mds-paginator-item-color-disabled);pointer-events:none}.icon{padding-left:0rem;padding-right:0rem;fill:currentcolor}:host-context(.pref-animation-reduce){-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02));--mds-paginator-item-color-selected:rgb(var(--tone-neutral));--mds-paginator-item-color:rgb(var(--tone-neutral-02));--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);--mds-paginator-item-shadow:none}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02));--mds-paginator-item-color-selected:rgb(var(--tone-neutral));--mds-paginator-item-color:rgb(var(--tone-neutral-02));--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);--mds-paginator-item-shadow:none}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";var n=i;var s=t("mds_paginator_item",function(){function t(t){var d=this;e(this,t);this.km=new o;this.disconnectedCallback=function(){d.km.detachClickBehavior()}}t.prototype.componentDidLoad=function(){this.km.addElement(this.host);this.km.attachClickBehavior()};t.prototype.componentDidUpdate=function(){if(!this.disabled&&!this.selected){this.km.attachClickBehavior();return}this.km.detachClickBehavior()};t.prototype.render=function(){return d(a,{key:"01fdbecdfe6af24bcae3a5f03933b1fc7f4bbfe5",tabindex:"0"},this.icon!==undefined?d("mds-icon",{class:"icon",name:this.icon}):d("mds-text",{class:"text",typography:"caption"},d("b",null,d("slot",null))))};Object.defineProperty(t.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());s.style=n}}}));
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function u(t){try{a(r.next(t))}catch(t){c(t)}}function o(t){try{a(r["throw"](t))}catch(t){c(t)}}function a(t){t.done?e(t.value):i(t.value).then(u,o)}a((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(t){return function(n){return a([t,n])}}function a(o){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(e=0)),e)try{if(r=1,i&&(c=o[0]&2?i["return"]:o[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,o[1])).done)return c;if(i=0,c)o=[o[0]&2,c.value];switch(o[0]){case 0:case 1:c=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;i=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]<c[3])){e.label=o[1];break}if(o[0]===6&&e.label<c[1]){e.label=c[1];c=o;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(o);break}if(c[2])e.ops.pop();e.trys.pop();continue}o=n.call(t,e)}catch(t){o=[6,t];i=0}finally{r=c=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-9c9808f6.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-064170da.system",[[1,"mds-paginator-item",{icon:[513],selected:[516],disabled:[516]}]]]],n)]}}))}))}))}}}));
1
+ var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function u(t){try{a(r.next(t))}catch(t){c(t)}}function o(t){try{a(r["throw"](t))}catch(t){c(t)}}function a(t){t.done?e(t.value):i(t.value).then(u,o)}a((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(t){return function(n){return a([t,n])}}function a(o){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(e=0)),e)try{if(r=1,i&&(c=o[0]&2?i["return"]:o[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,o[1])).done)return c;if(i=0,c)o=[o[0]&2,c.value];switch(o[0]){case 0:case 1:c=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;i=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]<c[3])){e.label=o[1];break}if(o[0]===6&&e.label<c[1]){e.label=c[1];c=o;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(o);break}if(c[2])e.ops.pop();e.trys.pop();continue}o=n.call(t,e)}catch(t){o=[6,t];i=0}finally{r=c=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-9c9808f6.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-85fb72de.system",[[1,"mds-paginator-item",{icon:[513],selected:[516],disabled:[516]}]]]],n)]}}))}))}))}}}));
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as a,g as d}from"./p-2fca24e5.js";class r{constructor(){this.elements=new Map,this.handleClickBehaviorDispatchEvent=t=>{"Enter"!==t.code&&"NumpadEnter"!==t.code||t.target.click()},this.handleEscapeBehaviorDispatchEvent=t=>{"Escape"===t.code&&this.escapeCallback&&this.escapeCallback()},this.addElement=(t,e="element")=>{if(!t)throw Error(`Passed an ${t} element parameter to KeyboardManager.addElement`);this.elements.set(e,t)},this.removeElement=(t="element")=>{this.detachClickBehavior(t),this.elements.delete(t)},this.attachClickBehavior=(t="element")=>{var e,a;null===(e=this.elements.get(t))||void 0===e||e.removeEventListener("keydown",this.handleClickBehaviorDispatchEvent),null===(a=this.elements.get(t))||void 0===a||a.addEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.detachClickBehavior=(t="element")=>{var e;null===(e=this.elements.get(t))||void 0===e||e.removeEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.attachEscapeBehavior=t=>{this.escapeCallback=t,"undefined"!=typeof window&&window.addEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))},this.detachEscapeBehavior=()=>{this.escapeCallback=()=>{},"undefined"!=typeof window&&window.removeEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))}}}const o=class{constructor(e){t(this,e),this.km=new r,this.disconnectedCallback=()=>{this.km.detachClickBehavior()}}componentDidLoad(){this.km.addElement(this.host),this.km.attachClickBehavior()}componentDidUpdate(){this.disabled||this.selected?this.km.detachClickBehavior():this.km.attachClickBehavior()}render(){return e(a,{key:"01fdbecdfe6af24bcae3a5f03933b1fc7f4bbfe5",tabindex:"0"},void 0!==this.icon?e("mds-icon",{class:"icon",name:this.icon}):e("mds-text",{class:"text",typography:"caption"},e("b",null,e("slot",null))))}get host(){return d(this)}};o.style="@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; :host{--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02));--mds-paginator-item-color-selected:rgb(var(--tone-neutral));--mds-paginator-item-color:rgb(var(--tone-neutral-02));--mds-paginator-item-radius:200px;--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);--mds-paginator-item-shadow:none;--mds-paginator-item-size:2.25rem;-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host{padding-left:0.75rem;padding-right:0.75rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-align:center;align-items:center;background-color:var(--mds-paginator-item-background);border-radius:var(--mds-paginator-item-radius);-webkit-box-shadow:var(--mds-paginator-item-shadow);box-shadow:var(--mds-paginator-item-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--mds-paginator-item-color);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:var(--mds-paginator-item-size);-ms-flex-pack:center;justify-content:center;min-width:var(--mds-paginator-item-size);-webkit-transition-property:background-color, color, outline, outline-offset, -webkit-box-shadow;transition-property:background-color, color, outline, outline-offset, -webkit-box-shadow;transition-property:background-color, box-shadow, color, outline, outline-offset;transition-property:background-color, box-shadow, color, outline, outline-offset, -webkit-box-shadow;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host(:hover){background-color:var(--mds-paginator-item-background-hover);-webkit-box-shadow:var(--mds-paginator-item-shadow-hover);box-shadow:var(--mds-paginator-item-shadow-hover);color:var(--mds-paginator-item-color-hover);fill:var(--mds-paginator-item-color-hover)}:host([icon]){padding:0rem}:host([selected]){background-color:var(--mds-paginator-item-background-selected);-webkit-box-shadow:var(--mds-paginator-item-shadow-selected);box-shadow:var(--mds-paginator-item-shadow-selected);color:var(--mds-paginator-item-color-selected);fill:var(--mds-paginator-item-color-selected);pointer-events:none}:host([disabled]){background-color:var(--mds-paginator-item-background-disabled);-webkit-box-shadow:var(--mds-paginator-item-shadow-disabled);box-shadow:var(--mds-paginator-item-shadow-disabled);color:var(--mds-paginator-item-color-disabled);fill:var(--mds-paginator-item-color-disabled);pointer-events:none}.icon{padding-left:0rem;padding-right:0rem;fill:currentcolor}:host-context(.pref-animation-reduce){-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02));--mds-paginator-item-color-selected:rgb(var(--tone-neutral));--mds-paginator-item-color:rgb(var(--tone-neutral-02));--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);--mds-paginator-item-shadow:none}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02));--mds-paginator-item-color-selected:rgb(var(--tone-neutral));--mds-paginator-item-color:rgb(var(--tone-neutral-02));--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);--mds-paginator-item-shadow:none}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";export{o as mds_paginator_item}