@momentum-design/components 0.85.1 → 0.85.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.
@@ -18207,6 +18207,16 @@
18207
18207
  "kind": "method",
18208
18208
  "name": "closeAllMenuPopovers",
18209
18209
  "privacy": "private",
18210
+ "parameters": [
18211
+ {
18212
+ "name": "until",
18213
+ "optional": true,
18214
+ "type": {
18215
+ "text": "Element"
18216
+ },
18217
+ "description": "The popover to close until."
18218
+ }
18219
+ ],
18210
18220
  "description": "Closes all menu popovers in the stack.\nThis method is used to ensure that when a menu item is clicked,\nall other open popovers are closed, maintaining a clean user interface.\nIt iterates through the `popoverStack` and hides each popover until the stack is empty."
18211
18221
  },
18212
18222
  {
@@ -24289,59 +24299,165 @@
24289
24299
  },
24290
24300
  {
24291
24301
  "kind": "javascript-module",
24292
- "path": "components/progressbar/progressbar.component.js",
24302
+ "path": "components/progressspinner/progressspinner.component.js",
24293
24303
  "declarations": [
24294
24304
  {
24295
24305
  "kind": "class",
24296
- "description": "mdc-progressbar component visually represents a progress indicator, typically used to show\nthe completion state of an ongoing process (e.g., loading, file upload, etc.).\nIt contains an optional label and an optional helper text.\n\n- It supports mainly two types: Default and Inline\n- It supports three validation variants: Default, Success and Error.\n\nThis component is created by extending FormfieldWrapper.",
24297
- "name": "Progressbar",
24306
+ "description": "`mdc-progressspinner` is a customizable, circular progress indicator component.\nIt visually represents the current completion state of a process, such as loading,\nsyncing, uploading, or any ongoing task that has a measurable percentage.\n\nThe spinner is built using SVG with two concentric `<circle>` elements:\n- The `progress` arc represents the portion of work completed.\n- The `track` arc represents the remaining part.\n\nA visual gap is maintained between the progress and track arcs to clearly\ndistinguish the two segments. The component smoothly animates arc length\nand respects accessibility best practices with ARIA attributes.\n\nThe component supports different states:\n- **Default**: Circular spinner shows the progress.\n- **Success**: Displays a checkmark icon when progress reaches 100%.\n- **Error**: Displays an error icon when in an error state.",
24307
+ "name": "Progressspinner",
24298
24308
  "cssProperties": [
24309
+ {
24310
+ "description": "The size of the spinner.",
24311
+ "name": "--mdc-spinner-size"
24312
+ },
24313
+ {
24314
+ "description": "The color of the spinner track.",
24315
+ "name": "--mdc-track-color"
24316
+ },
24317
+ {
24318
+ "description": "The color of the spinner progress.",
24319
+ "name": "--mdc-progress-color"
24320
+ },
24321
+ {
24322
+ "description": "The color of the spinner when in success state.",
24323
+ "name": "--mdc-progress-success-color"
24324
+ },
24325
+ {
24326
+ "description": "The color of the spinner when in error state.",
24327
+ "name": "--mdc-progress-error-color"
24328
+ },
24299
24329
  {
24300
24330
  "description": "Background color of the progressbar when inactive.",
24301
- "name": "--mdc-progressbar-default-background-color"
24331
+ "name": "--mdc-progressbar-default-background-color",
24332
+ "inheritedFrom": {
24333
+ "name": "Progressbar",
24334
+ "module": "src/components/progressbar/progressbar.component.ts"
24335
+ }
24302
24336
  },
24303
24337
  {
24304
24338
  "description": "Background color of the progressbar when active.",
24305
- "name": "--mdc-progressbar-default-active-background-color"
24339
+ "name": "--mdc-progressbar-default-active-background-color",
24340
+ "inheritedFrom": {
24341
+ "name": "Progressbar",
24342
+ "module": "src/components/progressbar/progressbar.component.ts"
24343
+ }
24306
24344
  },
24307
24345
  {
24308
24346
  "description": "Background color of the progressbar when in success state.",
24309
- "name": "--mdc-progressbar-success-background-color"
24347
+ "name": "--mdc-progressbar-success-background-color",
24348
+ "inheritedFrom": {
24349
+ "name": "Progressbar",
24350
+ "module": "src/components/progressbar/progressbar.component.ts"
24351
+ }
24310
24352
  },
24311
24353
  {
24312
24354
  "description": "Background color of the progressbar when in error state.",
24313
- "name": "--mdc-progressbar-error-background-color"
24355
+ "name": "--mdc-progressbar-error-background-color",
24356
+ "inheritedFrom": {
24357
+ "name": "Progressbar",
24358
+ "module": "src/components/progressbar/progressbar.component.ts"
24359
+ }
24314
24360
  },
24315
24361
  {
24316
24362
  "description": "The height of the progressbar.",
24317
- "name": "--mdc-progressbar-height"
24363
+ "name": "--mdc-progressbar-height",
24364
+ "inheritedFrom": {
24365
+ "name": "Progressbar",
24366
+ "module": "src/components/progressbar/progressbar.component.ts"
24367
+ }
24318
24368
  },
24319
24369
  {
24320
24370
  "description": "The border radius of the progressbar.",
24321
- "name": "--mdc-progressbar-border-radius"
24371
+ "name": "--mdc-progressbar-border-radius",
24372
+ "inheritedFrom": {
24373
+ "name": "Progressbar",
24374
+ "module": "src/components/progressbar/progressbar.component.ts"
24375
+ }
24322
24376
  },
24323
24377
  {
24324
24378
  "description": "Color of the progressbar label text.",
24325
- "name": "--mdc-progressbar-label-color"
24379
+ "name": "--mdc-progressbar-label-color",
24380
+ "inheritedFrom": {
24381
+ "name": "Progressbar",
24382
+ "module": "src/components/progressbar/progressbar.component.ts"
24383
+ }
24326
24384
  },
24327
24385
  {
24328
24386
  "description": "Line height of the label text.",
24329
- "name": "--mdc-progressbar-label-lineheight"
24387
+ "name": "--mdc-progressbar-label-lineheight",
24388
+ "inheritedFrom": {
24389
+ "name": "Progressbar",
24390
+ "module": "src/components/progressbar/progressbar.component.ts"
24391
+ }
24330
24392
  },
24331
24393
  {
24332
24394
  "description": "Font size of the label text.",
24333
- "name": "--mdc-progressbar-label-fontsize"
24395
+ "name": "--mdc-progressbar-label-fontsize",
24396
+ "inheritedFrom": {
24397
+ "name": "Progressbar",
24398
+ "module": "src/components/progressbar/progressbar.component.ts"
24399
+ }
24334
24400
  },
24335
24401
  {
24336
24402
  "description": "Font weight of the label text.",
24337
- "name": "--mdc-progressbar-label-fontweight"
24403
+ "name": "--mdc-progressbar-label-fontweight",
24404
+ "inheritedFrom": {
24405
+ "name": "Progressbar",
24406
+ "module": "src/components/progressbar/progressbar.component.ts"
24407
+ }
24338
24408
  },
24339
24409
  {
24340
24410
  "description": "Color of the help text.",
24341
- "name": "--mdc-progressbar-help-text-color"
24411
+ "name": "--mdc-progressbar-help-text-color",
24412
+ "inheritedFrom": {
24413
+ "name": "Progressbar",
24414
+ "module": "src/components/progressbar/progressbar.component.ts"
24415
+ }
24342
24416
  }
24343
24417
  ],
24344
24418
  "members": [
24419
+ {
24420
+ "kind": "method",
24421
+ "name": "renderProgressSpinner",
24422
+ "privacy": "private"
24423
+ },
24424
+ {
24425
+ "kind": "method",
24426
+ "name": "renderErrorState",
24427
+ "privacy": "private",
24428
+ "description": "Renders the error state of the progress spinner.",
24429
+ "return": {
24430
+ "type": {
24431
+ "text": ""
24432
+ }
24433
+ }
24434
+ },
24435
+ {
24436
+ "kind": "method",
24437
+ "name": "renderSuccessState",
24438
+ "privacy": "private",
24439
+ "description": "Renders the success state of the progress spinner.",
24440
+ "return": {
24441
+ "type": {
24442
+ "text": ""
24443
+ }
24444
+ }
24445
+ },
24446
+ {
24447
+ "kind": "field",
24448
+ "name": "dataAriaLabel",
24449
+ "type": {
24450
+ "text": "string | null"
24451
+ },
24452
+ "default": "null",
24453
+ "description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
24454
+ "attribute": "data-aria-label",
24455
+ "reflects": true,
24456
+ "inheritedFrom": {
24457
+ "name": "DataAriaLabelMixin",
24458
+ "module": "utils/mixins/DataAriaLabelMixin.js"
24459
+ }
24460
+ },
24345
24461
  {
24346
24462
  "kind": "field",
24347
24463
  "name": "variant",
@@ -24351,7 +24467,11 @@
24351
24467
  "description": "Types of the progressbar\n- **Default**\n- **Inline**",
24352
24468
  "default": "default",
24353
24469
  "attribute": "variant",
24354
- "reflects": true
24470
+ "reflects": true,
24471
+ "inheritedFrom": {
24472
+ "name": "Progressbar",
24473
+ "module": "components/progressbar/progressbar.component.js"
24474
+ }
24355
24475
  },
24356
24476
  {
24357
24477
  "kind": "field",
@@ -24362,7 +24482,11 @@
24362
24482
  "default": "'0'",
24363
24483
  "description": "The current progress as a percentage, 0 to 100.\nThe value will be clamped between 0 and 100.",
24364
24484
  "attribute": "value",
24365
- "reflects": true
24485
+ "reflects": true,
24486
+ "inheritedFrom": {
24487
+ "name": "Progressbar",
24488
+ "module": "components/progressbar/progressbar.component.js"
24489
+ }
24366
24490
  },
24367
24491
  {
24368
24492
  "kind": "field",
@@ -24372,7 +24496,11 @@
24372
24496
  },
24373
24497
  "default": "false",
24374
24498
  "description": "Define error state of the progressbar\n- **true**\n- **false**",
24375
- "attribute": "error"
24499
+ "attribute": "error",
24500
+ "inheritedFrom": {
24501
+ "name": "Progressbar",
24502
+ "module": "components/progressbar/progressbar.component.js"
24503
+ }
24376
24504
  },
24377
24505
  {
24378
24506
  "kind": "method",
@@ -24383,21 +24511,10 @@
24383
24511
  "type": {
24384
24512
  "text": ""
24385
24513
  }
24386
- }
24387
- },
24388
- {
24389
- "kind": "field",
24390
- "name": "dataAriaLabel",
24391
- "type": {
24392
- "text": "string | null"
24393
24514
  },
24394
- "default": "null",
24395
- "description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
24396
- "attribute": "data-aria-label",
24397
- "reflects": true,
24398
24515
  "inheritedFrom": {
24399
- "name": "DataAriaLabelMixin",
24400
- "module": "utils/mixins/DataAriaLabelMixin.js"
24516
+ "name": "Progressbar",
24517
+ "module": "components/progressbar/progressbar.component.js"
24401
24518
  }
24402
24519
  },
24403
24520
  {
@@ -24605,7 +24722,27 @@
24605
24722
  }
24606
24723
  }
24607
24724
  ],
24725
+ "superclass": {
24726
+ "name": "Progressbar",
24727
+ "module": "/src/components/progressbar/progressbar.component"
24728
+ },
24729
+ "tagName": "mdc-progressspinner",
24730
+ "jsDoc": "/**\n * `mdc-progressspinner` is a customizable, circular progress indicator component.\n * It visually represents the current completion state of a process, such as loading,\n * syncing, uploading, or any ongoing task that has a measurable percentage.\n *\n * The spinner is built using SVG with two concentric `<circle>` elements:\n * - The `progress` arc represents the portion of work completed.\n * - The `track` arc represents the remaining part.\n *\n * A visual gap is maintained between the progress and track arcs to clearly\n * distinguish the two segments. The component smoothly animates arc length\n * and respects accessibility best practices with ARIA attributes.\n *\n * The component supports different states:\n * - **Default**: Circular spinner shows the progress.\n * - **Success**: Displays a checkmark icon when progress reaches 100%.\n * - **Error**: Displays an error icon when in an error state.\n *\n * @tagname mdc-progressspinner\n *\n * @cssproperty --mdc-spinner-size - The size of the spinner.\n * @cssproperty --mdc-track-color - The color of the spinner track.\n * @cssproperty --mdc-progress-color - The color of the spinner progress.\n * @cssproperty --mdc-progress-success-color - The color of the spinner when in success state.\n * @cssproperty --mdc-progress-error-color - The color of the spinner when in error state.\n *\n */",
24731
+ "customElement": true,
24608
24732
  "attributes": [
24733
+ {
24734
+ "name": "data-aria-label",
24735
+ "type": {
24736
+ "text": "string | null"
24737
+ },
24738
+ "default": "null",
24739
+ "description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
24740
+ "fieldName": "dataAriaLabel",
24741
+ "inheritedFrom": {
24742
+ "name": "DataAriaLabelMixin",
24743
+ "module": "src/utils/mixins/DataAriaLabelMixin.ts"
24744
+ }
24745
+ },
24609
24746
  {
24610
24747
  "name": "variant",
24611
24748
  "type": {
@@ -24613,7 +24750,11 @@
24613
24750
  },
24614
24751
  "description": "Types of the progressbar\n- **Default**\n- **Inline**",
24615
24752
  "default": "default",
24616
- "fieldName": "variant"
24753
+ "fieldName": "variant",
24754
+ "inheritedFrom": {
24755
+ "name": "Progressbar",
24756
+ "module": "src/components/progressbar/progressbar.component.ts"
24757
+ }
24617
24758
  },
24618
24759
  {
24619
24760
  "name": "value",
@@ -24622,7 +24763,11 @@
24622
24763
  },
24623
24764
  "default": "'0'",
24624
24765
  "description": "The current progress as a percentage, 0 to 100.\nThe value will be clamped between 0 and 100.",
24625
- "fieldName": "value"
24766
+ "fieldName": "value",
24767
+ "inheritedFrom": {
24768
+ "name": "Progressbar",
24769
+ "module": "src/components/progressbar/progressbar.component.ts"
24770
+ }
24626
24771
  },
24627
24772
  {
24628
24773
  "name": "error",
@@ -24631,19 +24776,10 @@
24631
24776
  },
24632
24777
  "default": "false",
24633
24778
  "description": "Define error state of the progressbar\n- **true**\n- **false**",
24634
- "fieldName": "error"
24635
- },
24636
- {
24637
- "name": "data-aria-label",
24638
- "type": {
24639
- "text": "string | null"
24640
- },
24641
- "default": "null",
24642
- "description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
24643
- "fieldName": "dataAriaLabel",
24779
+ "fieldName": "error",
24644
24780
  "inheritedFrom": {
24645
- "name": "DataAriaLabelMixin",
24646
- "module": "src/utils/mixins/DataAriaLabelMixin.ts"
24781
+ "name": "Progressbar",
24782
+ "module": "src/components/progressbar/progressbar.component.ts"
24647
24783
  }
24648
24784
  },
24649
24785
  {
@@ -24758,20 +24894,7 @@
24758
24894
  "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
24759
24895
  }
24760
24896
  }
24761
- ],
24762
- "mixins": [
24763
- {
24764
- "name": "DataAriaLabelMixin",
24765
- "module": "/src/utils/mixins/DataAriaLabelMixin"
24766
- }
24767
- ],
24768
- "superclass": {
24769
- "name": "FormfieldWrapper",
24770
- "module": "/src/components/formfieldwrapper"
24771
- },
24772
- "tagName": "mdc-progressbar",
24773
- "jsDoc": "/**\n * mdc-progressbar component visually represents a progress indicator, typically used to show\n * the completion state of an ongoing process (e.g., loading, file upload, etc.).\n * It contains an optional label and an optional helper text.\n *\n * - It supports mainly two types: Default and Inline\n * - It supports three validation variants: Default, Success and Error.\n *\n * This component is created by extending FormfieldWrapper.\n *\n * @tagname mdc-progressbar\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-progressbar-default-background-color - Background color of the progressbar when inactive.\n * @cssproperty --mdc-progressbar-default-active-background-color - Background color of the progressbar when active.\n * @cssproperty --mdc-progressbar-success-background-color - Background color of the progressbar when in success state.\n * @cssproperty --mdc-progressbar-error-background-color - Background color of the progressbar when in error state.\n * @cssproperty --mdc-progressbar-height - The height of the progressbar.\n * @cssproperty --mdc-progressbar-border-radius - The border radius of the progressbar.\n * @cssproperty --mdc-progressbar-label-color - Color of the progressbar label text.\n * @cssproperty --mdc-progressbar-label-lineheight - Line height of the label text.\n * @cssproperty --mdc-progressbar-label-fontsize - Font size of the label text.\n * @cssproperty --mdc-progressbar-label-fontweight - Font weight of the label text.\n * @cssproperty --mdc-progressbar-help-text-color - Color of the help text.\n */",
24774
- "customElement": true
24897
+ ]
24775
24898
  }
24776
24899
  ],
24777
24900
  "exports": [
@@ -24779,173 +24902,67 @@
24779
24902
  "kind": "js",
24780
24903
  "name": "default",
24781
24904
  "declaration": {
24782
- "name": "Progressbar",
24783
- "module": "components/progressbar/progressbar.component.js"
24905
+ "name": "Progressspinner",
24906
+ "module": "components/progressspinner/progressspinner.component.js"
24784
24907
  }
24785
24908
  }
24786
24909
  ]
24787
24910
  },
24788
24911
  {
24789
24912
  "kind": "javascript-module",
24790
- "path": "components/progressspinner/progressspinner.component.js",
24913
+ "path": "components/progressbar/progressbar.component.js",
24791
24914
  "declarations": [
24792
24915
  {
24793
24916
  "kind": "class",
24794
- "description": "`mdc-progressspinner` is a customizable, circular progress indicator component.\nIt visually represents the current completion state of a process, such as loading,\nsyncing, uploading, or any ongoing task that has a measurable percentage.\n\nThe spinner is built using SVG with two concentric `<circle>` elements:\n- The `progress` arc represents the portion of work completed.\n- The `track` arc represents the remaining part.\n\nA visual gap is maintained between the progress and track arcs to clearly\ndistinguish the two segments. The component smoothly animates arc length\nand respects accessibility best practices with ARIA attributes.\n\nThe component supports different states:\n- **Default**: Circular spinner shows the progress.\n- **Success**: Displays a checkmark icon when progress reaches 100%.\n- **Error**: Displays an error icon when in an error state.",
24795
- "name": "Progressspinner",
24917
+ "description": "mdc-progressbar component visually represents a progress indicator, typically used to show\nthe completion state of an ongoing process (e.g., loading, file upload, etc.).\nIt contains an optional label and an optional helper text.\n\n- It supports mainly two types: Default and Inline\n- It supports three validation variants: Default, Success and Error.\n\nThis component is created by extending FormfieldWrapper.",
24918
+ "name": "Progressbar",
24796
24919
  "cssProperties": [
24797
- {
24798
- "description": "The size of the spinner.",
24799
- "name": "--mdc-spinner-size"
24800
- },
24801
- {
24802
- "description": "The color of the spinner track.",
24803
- "name": "--mdc-track-color"
24804
- },
24805
- {
24806
- "description": "The color of the spinner progress.",
24807
- "name": "--mdc-progress-color"
24808
- },
24809
- {
24810
- "description": "The color of the spinner when in success state.",
24811
- "name": "--mdc-progress-success-color"
24812
- },
24813
- {
24814
- "description": "The color of the spinner when in error state.",
24815
- "name": "--mdc-progress-error-color"
24816
- },
24817
24920
  {
24818
24921
  "description": "Background color of the progressbar when inactive.",
24819
- "name": "--mdc-progressbar-default-background-color",
24820
- "inheritedFrom": {
24821
- "name": "Progressbar",
24822
- "module": "src/components/progressbar/progressbar.component.ts"
24823
- }
24922
+ "name": "--mdc-progressbar-default-background-color"
24824
24923
  },
24825
24924
  {
24826
24925
  "description": "Background color of the progressbar when active.",
24827
- "name": "--mdc-progressbar-default-active-background-color",
24828
- "inheritedFrom": {
24829
- "name": "Progressbar",
24830
- "module": "src/components/progressbar/progressbar.component.ts"
24831
- }
24926
+ "name": "--mdc-progressbar-default-active-background-color"
24832
24927
  },
24833
24928
  {
24834
24929
  "description": "Background color of the progressbar when in success state.",
24835
- "name": "--mdc-progressbar-success-background-color",
24836
- "inheritedFrom": {
24837
- "name": "Progressbar",
24838
- "module": "src/components/progressbar/progressbar.component.ts"
24839
- }
24930
+ "name": "--mdc-progressbar-success-background-color"
24840
24931
  },
24841
24932
  {
24842
24933
  "description": "Background color of the progressbar when in error state.",
24843
- "name": "--mdc-progressbar-error-background-color",
24844
- "inheritedFrom": {
24845
- "name": "Progressbar",
24846
- "module": "src/components/progressbar/progressbar.component.ts"
24847
- }
24934
+ "name": "--mdc-progressbar-error-background-color"
24848
24935
  },
24849
24936
  {
24850
24937
  "description": "The height of the progressbar.",
24851
- "name": "--mdc-progressbar-height",
24852
- "inheritedFrom": {
24853
- "name": "Progressbar",
24854
- "module": "src/components/progressbar/progressbar.component.ts"
24855
- }
24938
+ "name": "--mdc-progressbar-height"
24856
24939
  },
24857
24940
  {
24858
24941
  "description": "The border radius of the progressbar.",
24859
- "name": "--mdc-progressbar-border-radius",
24860
- "inheritedFrom": {
24861
- "name": "Progressbar",
24862
- "module": "src/components/progressbar/progressbar.component.ts"
24863
- }
24942
+ "name": "--mdc-progressbar-border-radius"
24864
24943
  },
24865
24944
  {
24866
24945
  "description": "Color of the progressbar label text.",
24867
- "name": "--mdc-progressbar-label-color",
24868
- "inheritedFrom": {
24869
- "name": "Progressbar",
24870
- "module": "src/components/progressbar/progressbar.component.ts"
24871
- }
24946
+ "name": "--mdc-progressbar-label-color"
24872
24947
  },
24873
24948
  {
24874
24949
  "description": "Line height of the label text.",
24875
- "name": "--mdc-progressbar-label-lineheight",
24876
- "inheritedFrom": {
24877
- "name": "Progressbar",
24878
- "module": "src/components/progressbar/progressbar.component.ts"
24879
- }
24950
+ "name": "--mdc-progressbar-label-lineheight"
24880
24951
  },
24881
24952
  {
24882
24953
  "description": "Font size of the label text.",
24883
- "name": "--mdc-progressbar-label-fontsize",
24884
- "inheritedFrom": {
24885
- "name": "Progressbar",
24886
- "module": "src/components/progressbar/progressbar.component.ts"
24887
- }
24954
+ "name": "--mdc-progressbar-label-fontsize"
24888
24955
  },
24889
24956
  {
24890
24957
  "description": "Font weight of the label text.",
24891
- "name": "--mdc-progressbar-label-fontweight",
24892
- "inheritedFrom": {
24893
- "name": "Progressbar",
24894
- "module": "src/components/progressbar/progressbar.component.ts"
24895
- }
24958
+ "name": "--mdc-progressbar-label-fontweight"
24896
24959
  },
24897
24960
  {
24898
24961
  "description": "Color of the help text.",
24899
- "name": "--mdc-progressbar-help-text-color",
24900
- "inheritedFrom": {
24901
- "name": "Progressbar",
24902
- "module": "src/components/progressbar/progressbar.component.ts"
24903
- }
24962
+ "name": "--mdc-progressbar-help-text-color"
24904
24963
  }
24905
24964
  ],
24906
24965
  "members": [
24907
- {
24908
- "kind": "method",
24909
- "name": "renderProgressSpinner",
24910
- "privacy": "private"
24911
- },
24912
- {
24913
- "kind": "method",
24914
- "name": "renderErrorState",
24915
- "privacy": "private",
24916
- "description": "Renders the error state of the progress spinner.",
24917
- "return": {
24918
- "type": {
24919
- "text": ""
24920
- }
24921
- }
24922
- },
24923
- {
24924
- "kind": "method",
24925
- "name": "renderSuccessState",
24926
- "privacy": "private",
24927
- "description": "Renders the success state of the progress spinner.",
24928
- "return": {
24929
- "type": {
24930
- "text": ""
24931
- }
24932
- }
24933
- },
24934
- {
24935
- "kind": "field",
24936
- "name": "dataAriaLabel",
24937
- "type": {
24938
- "text": "string | null"
24939
- },
24940
- "default": "null",
24941
- "description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
24942
- "attribute": "data-aria-label",
24943
- "reflects": true,
24944
- "inheritedFrom": {
24945
- "name": "DataAriaLabelMixin",
24946
- "module": "utils/mixins/DataAriaLabelMixin.js"
24947
- }
24948
- },
24949
24966
  {
24950
24967
  "kind": "field",
24951
24968
  "name": "variant",
@@ -24955,11 +24972,7 @@
24955
24972
  "description": "Types of the progressbar\n- **Default**\n- **Inline**",
24956
24973
  "default": "default",
24957
24974
  "attribute": "variant",
24958
- "reflects": true,
24959
- "inheritedFrom": {
24960
- "name": "Progressbar",
24961
- "module": "components/progressbar/progressbar.component.js"
24962
- }
24975
+ "reflects": true
24963
24976
  },
24964
24977
  {
24965
24978
  "kind": "field",
@@ -24970,11 +24983,7 @@
24970
24983
  "default": "'0'",
24971
24984
  "description": "The current progress as a percentage, 0 to 100.\nThe value will be clamped between 0 and 100.",
24972
24985
  "attribute": "value",
24973
- "reflects": true,
24974
- "inheritedFrom": {
24975
- "name": "Progressbar",
24976
- "module": "components/progressbar/progressbar.component.js"
24977
- }
24986
+ "reflects": true
24978
24987
  },
24979
24988
  {
24980
24989
  "kind": "field",
@@ -24984,11 +24993,7 @@
24984
24993
  },
24985
24994
  "default": "false",
24986
24995
  "description": "Define error state of the progressbar\n- **true**\n- **false**",
24987
- "attribute": "error",
24988
- "inheritedFrom": {
24989
- "name": "Progressbar",
24990
- "module": "components/progressbar/progressbar.component.js"
24991
- }
24996
+ "attribute": "error"
24992
24997
  },
24993
24998
  {
24994
24999
  "kind": "method",
@@ -24999,10 +25004,21 @@
24999
25004
  "type": {
25000
25005
  "text": ""
25001
25006
  }
25007
+ }
25008
+ },
25009
+ {
25010
+ "kind": "field",
25011
+ "name": "dataAriaLabel",
25012
+ "type": {
25013
+ "text": "string | null"
25002
25014
  },
25015
+ "default": "null",
25016
+ "description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
25017
+ "attribute": "data-aria-label",
25018
+ "reflects": true,
25003
25019
  "inheritedFrom": {
25004
- "name": "Progressbar",
25005
- "module": "components/progressbar/progressbar.component.js"
25020
+ "name": "DataAriaLabelMixin",
25021
+ "module": "utils/mixins/DataAriaLabelMixin.js"
25006
25022
  }
25007
25023
  },
25008
25024
  {
@@ -25210,27 +25226,7 @@
25210
25226
  }
25211
25227
  }
25212
25228
  ],
25213
- "superclass": {
25214
- "name": "Progressbar",
25215
- "module": "/src/components/progressbar/progressbar.component"
25216
- },
25217
- "tagName": "mdc-progressspinner",
25218
- "jsDoc": "/**\n * `mdc-progressspinner` is a customizable, circular progress indicator component.\n * It visually represents the current completion state of a process, such as loading,\n * syncing, uploading, or any ongoing task that has a measurable percentage.\n *\n * The spinner is built using SVG with two concentric `<circle>` elements:\n * - The `progress` arc represents the portion of work completed.\n * - The `track` arc represents the remaining part.\n *\n * A visual gap is maintained between the progress and track arcs to clearly\n * distinguish the two segments. The component smoothly animates arc length\n * and respects accessibility best practices with ARIA attributes.\n *\n * The component supports different states:\n * - **Default**: Circular spinner shows the progress.\n * - **Success**: Displays a checkmark icon when progress reaches 100%.\n * - **Error**: Displays an error icon when in an error state.\n *\n * @tagname mdc-progressspinner\n *\n * @cssproperty --mdc-spinner-size - The size of the spinner.\n * @cssproperty --mdc-track-color - The color of the spinner track.\n * @cssproperty --mdc-progress-color - The color of the spinner progress.\n * @cssproperty --mdc-progress-success-color - The color of the spinner when in success state.\n * @cssproperty --mdc-progress-error-color - The color of the spinner when in error state.\n *\n */",
25219
- "customElement": true,
25220
25229
  "attributes": [
25221
- {
25222
- "name": "data-aria-label",
25223
- "type": {
25224
- "text": "string | null"
25225
- },
25226
- "default": "null",
25227
- "description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
25228
- "fieldName": "dataAriaLabel",
25229
- "inheritedFrom": {
25230
- "name": "DataAriaLabelMixin",
25231
- "module": "src/utils/mixins/DataAriaLabelMixin.ts"
25232
- }
25233
- },
25234
25230
  {
25235
25231
  "name": "variant",
25236
25232
  "type": {
@@ -25238,11 +25234,7 @@
25238
25234
  },
25239
25235
  "description": "Types of the progressbar\n- **Default**\n- **Inline**",
25240
25236
  "default": "default",
25241
- "fieldName": "variant",
25242
- "inheritedFrom": {
25243
- "name": "Progressbar",
25244
- "module": "src/components/progressbar/progressbar.component.ts"
25245
- }
25237
+ "fieldName": "variant"
25246
25238
  },
25247
25239
  {
25248
25240
  "name": "value",
@@ -25251,11 +25243,7 @@
25251
25243
  },
25252
25244
  "default": "'0'",
25253
25245
  "description": "The current progress as a percentage, 0 to 100.\nThe value will be clamped between 0 and 100.",
25254
- "fieldName": "value",
25255
- "inheritedFrom": {
25256
- "name": "Progressbar",
25257
- "module": "src/components/progressbar/progressbar.component.ts"
25258
- }
25246
+ "fieldName": "value"
25259
25247
  },
25260
25248
  {
25261
25249
  "name": "error",
@@ -25264,10 +25252,19 @@
25264
25252
  },
25265
25253
  "default": "false",
25266
25254
  "description": "Define error state of the progressbar\n- **true**\n- **false**",
25267
- "fieldName": "error",
25255
+ "fieldName": "error"
25256
+ },
25257
+ {
25258
+ "name": "data-aria-label",
25259
+ "type": {
25260
+ "text": "string | null"
25261
+ },
25262
+ "default": "null",
25263
+ "description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
25264
+ "fieldName": "dataAriaLabel",
25268
25265
  "inheritedFrom": {
25269
- "name": "Progressbar",
25270
- "module": "src/components/progressbar/progressbar.component.ts"
25266
+ "name": "DataAriaLabelMixin",
25267
+ "module": "src/utils/mixins/DataAriaLabelMixin.ts"
25271
25268
  }
25272
25269
  },
25273
25270
  {
@@ -25382,7 +25379,20 @@
25382
25379
  "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
25383
25380
  }
25384
25381
  }
25385
- ]
25382
+ ],
25383
+ "mixins": [
25384
+ {
25385
+ "name": "DataAriaLabelMixin",
25386
+ "module": "/src/utils/mixins/DataAriaLabelMixin"
25387
+ }
25388
+ ],
25389
+ "superclass": {
25390
+ "name": "FormfieldWrapper",
25391
+ "module": "/src/components/formfieldwrapper"
25392
+ },
25393
+ "tagName": "mdc-progressbar",
25394
+ "jsDoc": "/**\n * mdc-progressbar component visually represents a progress indicator, typically used to show\n * the completion state of an ongoing process (e.g., loading, file upload, etc.).\n * It contains an optional label and an optional helper text.\n *\n * - It supports mainly two types: Default and Inline\n * - It supports three validation variants: Default, Success and Error.\n *\n * This component is created by extending FormfieldWrapper.\n *\n * @tagname mdc-progressbar\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-progressbar-default-background-color - Background color of the progressbar when inactive.\n * @cssproperty --mdc-progressbar-default-active-background-color - Background color of the progressbar when active.\n * @cssproperty --mdc-progressbar-success-background-color - Background color of the progressbar when in success state.\n * @cssproperty --mdc-progressbar-error-background-color - Background color of the progressbar when in error state.\n * @cssproperty --mdc-progressbar-height - The height of the progressbar.\n * @cssproperty --mdc-progressbar-border-radius - The border radius of the progressbar.\n * @cssproperty --mdc-progressbar-label-color - Color of the progressbar label text.\n * @cssproperty --mdc-progressbar-label-lineheight - Line height of the label text.\n * @cssproperty --mdc-progressbar-label-fontsize - Font size of the label text.\n * @cssproperty --mdc-progressbar-label-fontweight - Font weight of the label text.\n * @cssproperty --mdc-progressbar-help-text-color - Color of the help text.\n */",
25395
+ "customElement": true
25386
25396
  }
25387
25397
  ],
25388
25398
  "exports": [
@@ -25390,8 +25400,8 @@
25390
25400
  "kind": "js",
25391
25401
  "name": "default",
25392
25402
  "declaration": {
25393
- "name": "Progressspinner",
25394
- "module": "components/progressspinner/progressspinner.component.js"
25403
+ "name": "Progressbar",
25404
+ "module": "components/progressbar/progressbar.component.js"
25395
25405
  }
25396
25406
  }
25397
25407
  ]