@momentum-design/components 0.105.0 → 0.105.2

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 (9) hide show
  1. package/dist/components/input/input.types.d.ts +8 -5
  2. package/dist/custom-elements.json +956 -956
  3. package/dist/index.d.ts +2 -1
  4. package/dist/react/index.d.ts +5 -5
  5. package/dist/react/index.js +5 -5
  6. package/dist/react/input/index.d.ts +3 -3
  7. package/dist/react/password/index.d.ts +3 -3
  8. package/dist/react/searchfield/index.d.ts +3 -3
  9. package/package.json +1 -1
package/dist/custom-elements.json CHANGED
@@ -1775,272 +1775,6 @@
1775
1775
  }
1776
1776
  ]
1777
1777
  },
1778
- {
1779
- "kind": "javascript-module",
1780
- "path": "components/avatar/avatar.component.js",
1781
- "declarations": [
1782
- {
1783
- "kind": "class",
1784
- "description": "The `mdc-avatar` component is used to represent a person or a space.\nAn avatar can be an icon, initials, counter and photo.\n\nTo set the photo of an avatar,\nyou need to set \"src\" attribute.\n\nWhile the avatar image is loading, as a placeholder,\nwe will show the initials text.\nIf the initials are not specified then,\nwe will show `user-regular` icon as a placeholder.\n\nBy default, if there are no attributes specified,\nthen the default avatar will be an icon with `user-regular` name.\n\nThe avatar component is non clickable and non interactive/focusable component.\nIf the avatar is typing, then the loading indicator will be displayed.\nIf the counter type avatar is set to a negative number, then we will display 0.\nThe presence indicator will be hidden when the counter property is set.",
1785
- "name": "Avatar",
1786
- "cssProperties": [
1787
- {
1788
- "description": "Allows customization of the default background color.",
1789
- "name": "--mdc-avatar-default-background-color"
1790
- },
1791
- {
1792
- "description": "Allows customization of the default foreground color.",
1793
- "name": "--mdc-avatar-default-foreground-color"
1794
- },
1795
- {
1796
- "description": "Allows customization of the loading indicator background color.",
1797
- "name": "--mdc-avatar-loading-indicator-background-color"
1798
- },
1799
- {
1800
- "description": "Allows customization of the loading indicator foreground color.",
1801
- "name": "--mdc-avatar-loading-indicator-foreground-color"
1802
- },
1803
- {
1804
- "description": "Allows customization of the loading overlay background color.",
1805
- "name": "--mdc-avatar-loading-overlay-background-color"
1806
- }
1807
- ],
1808
- "cssParts": [
1809
- {
1810
- "description": "The main content of the avatar.",
1811
- "name": "content"
1812
- },
1813
- {
1814
- "description": "The photo of the avatar.",
1815
- "name": "photo"
1816
- },
1817
- {
1818
- "description": "The presence indicator of the avatar.",
1819
- "name": "presence"
1820
- },
1821
- {
1822
- "description": "The wrapper for the loading indicator.",
1823
- "name": "loading-wrapper"
1824
- },
1825
- {
1826
- "description": "The loading indicator of the avatar.",
1827
- "name": "loader"
1828
- }
1829
- ],
1830
- "members": [
1831
- {
1832
- "kind": "field",
1833
- "name": "src",
1834
- "type": {
1835
- "text": "string | undefined"
1836
- },
1837
- "description": "The src is the url which will be used to display the avatar.\nWhen the src is loading, we will display the initials as a placeholder.",
1838
- "attribute": "src",
1839
- "inheritedFrom": {
1840
- "name": "AvatarComponentMixin",
1841
- "module": "utils/mixins/AvatarComponentMixin.js"
1842
- }
1843
- },
1844
- {
1845
- "kind": "field",
1846
- "name": "initials",
1847
- "type": {
1848
- "text": "string | undefined"
1849
- },
1850
- "description": "The initials to be displayed for the avatar.",
1851
- "attribute": "initials",
1852
- "inheritedFrom": {
1853
- "name": "AvatarComponentMixin",
1854
- "module": "utils/mixins/AvatarComponentMixin.js"
1855
- }
1856
- },
1857
- {
1858
- "kind": "field",
1859
- "name": "presence",
1860
- "type": {
1861
- "text": "PresenceType | undefined"
1862
- },
1863
- "description": "The presence is the status which can be used to display the\nactivity state of a user or a space within an avatar component.\n\nAcceptable values include:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
1864
- "attribute": "presence",
1865
- "inheritedFrom": {
1866
- "name": "AvatarComponentMixin",
1867
- "module": "utils/mixins/AvatarComponentMixin.js"
1868
- }
1869
- },
1870
- {
1871
- "kind": "field",
1872
- "name": "size",
1873
- "type": {
1874
- "text": "AvatarSize"
1875
- },
1876
- "description": "Acceptable values include (size in px unit):\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124",
1877
- "default": "32",
1878
- "attribute": "size",
1879
- "reflects": true,
1880
- "inheritedFrom": {
1881
- "name": "AvatarComponentMixin",
1882
- "module": "utils/mixins/AvatarComponentMixin.js"
1883
- }
1884
- },
1885
- {
1886
- "kind": "field",
1887
- "name": "counter",
1888
- "type": {
1889
- "text": "number | undefined"
1890
- },
1891
- "description": "The counter is the number which can be displayed on the avatar.\nThe maximum number is 99 and if the given number is greater than 99,\nthen the avatar will be displayed as `99+`.\nIf the given number is a negative number,\nthen the avatar will be displayed as `0`.",
1892
- "attribute": "counter",
1893
- "inheritedFrom": {
1894
- "name": "AvatarComponentMixin",
1895
- "module": "utils/mixins/AvatarComponentMixin.js"
1896
- }
1897
- },
1898
- {
1899
- "kind": "field",
1900
- "name": "isTyping",
1901
- "type": {
1902
- "text": "boolean"
1903
- },
1904
- "default": "false",
1905
- "description": "Represents the typing indicator when the user is typing.",
1906
- "attribute": "is-typing",
1907
- "inheritedFrom": {
1908
- "name": "AvatarComponentMixin",
1909
- "module": "utils/mixins/AvatarComponentMixin.js"
1910
- }
1911
- },
1912
- {
1913
- "kind": "field",
1914
- "name": "iconName",
1915
- "type": {
1916
- "text": "IconNames | undefined"
1917
- },
1918
- "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
1919
- "attribute": "icon-name",
1920
- "inheritedFrom": {
1921
- "name": "IconNameMixin",
1922
- "module": "utils/mixins/IconNameMixin.js"
1923
- }
1924
- }
1925
- ],
1926
- "mixins": [
1927
- {
1928
- "name": "AvatarComponentMixin",
1929
- "module": "/src/utils/mixins/AvatarComponentMixin"
1930
- },
1931
- {
1932
- "name": "IconNameMixin",
1933
- "module": "/src/utils/mixins/IconNameMixin"
1934
- }
1935
- ],
1936
- "superclass": {
1937
- "name": "Component",
1938
- "module": "/src/models"
1939
- },
1940
- "tagName": "mdc-avatar",
1941
- "jsDoc": "/**\n * The `mdc-avatar` component is used to represent a person or a space.\n * An avatar can be an icon, initials, counter and photo.\n *\n * To set the photo of an avatar,\n * you need to set \"src\" attribute.\n *\n * While the avatar image is loading, as a placeholder,\n * we will show the initials text.\n * If the initials are not specified then,\n * we will show `user-regular` icon as a placeholder.\n *\n * By default, if there are no attributes specified,\n * then the default avatar will be an icon with `user-regular` name.\n *\n * The avatar component is non clickable and non interactive/focusable component.\n * If the avatar is typing, then the loading indicator will be displayed.\n * If the counter type avatar is set to a negative number, then we will display 0.\n * The presence indicator will be hidden when the counter property is set.\n *\n * @dependency mdc-icon\n * @dependency mdc-presence\n * @dependency mdc-text\n *\n * @tagname mdc-avatar\n *\n * @cssproperty --mdc-avatar-default-background-color - Allows customization of the default background color.\n * @cssproperty --mdc-avatar-default-foreground-color - Allows customization of the default foreground color.\n * @cssproperty --mdc-avatar-loading-indicator-background-color -\n * Allows customization of the loading indicator background color.\n * @cssproperty --mdc-avatar-loading-indicator-foreground-color -\n * Allows customization of the loading indicator foreground color.\n * @cssproperty --mdc-avatar-loading-overlay-background-color -\n * Allows customization of the loading overlay background color.\n *\n * @csspart content - The main content of the avatar.\n * @csspart photo - The photo of the avatar.\n * @csspart presence - The presence indicator of the avatar.\n * @csspart loading-wrapper - The wrapper for the loading indicator.\n * @csspart loader - The loading indicator of the avatar.\n */",
1942
- "customElement": true,
1943
- "attributes": [
1944
- {
1945
- "name": "src",
1946
- "type": {
1947
- "text": "string | undefined"
1948
- },
1949
- "description": "The src is the url which will be used to display the avatar.\nWhen the src is loading, we will display the initials as a placeholder.",
1950
- "fieldName": "src",
1951
- "inheritedFrom": {
1952
- "name": "AvatarComponentMixin",
1953
- "module": "src/utils/mixins/AvatarComponentMixin.ts"
1954
- }
1955
- },
1956
- {
1957
- "name": "initials",
1958
- "type": {
1959
- "text": "string | undefined"
1960
- },
1961
- "description": "The initials to be displayed for the avatar.",
1962
- "fieldName": "initials",
1963
- "inheritedFrom": {
1964
- "name": "AvatarComponentMixin",
1965
- "module": "src/utils/mixins/AvatarComponentMixin.ts"
1966
- }
1967
- },
1968
- {
1969
- "name": "presence",
1970
- "type": {
1971
- "text": "PresenceType | undefined"
1972
- },
1973
- "description": "The presence is the status which can be used to display the\nactivity state of a user or a space within an avatar component.\n\nAcceptable values include:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
1974
- "fieldName": "presence",
1975
- "inheritedFrom": {
1976
- "name": "AvatarComponentMixin",
1977
- "module": "src/utils/mixins/AvatarComponentMixin.ts"
1978
- }
1979
- },
1980
- {
1981
- "name": "size",
1982
- "type": {
1983
- "text": "AvatarSize"
1984
- },
1985
- "description": "Acceptable values include (size in px unit):\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124",
1986
- "default": "32",
1987
- "fieldName": "size",
1988
- "inheritedFrom": {
1989
- "name": "AvatarComponentMixin",
1990
- "module": "src/utils/mixins/AvatarComponentMixin.ts"
1991
- }
1992
- },
1993
- {
1994
- "name": "counter",
1995
- "type": {
1996
- "text": "number | undefined"
1997
- },
1998
- "description": "The counter is the number which can be displayed on the avatar.\nThe maximum number is 99 and if the given number is greater than 99,\nthen the avatar will be displayed as `99+`.\nIf the given number is a negative number,\nthen the avatar will be displayed as `0`.",
1999
- "fieldName": "counter",
2000
- "inheritedFrom": {
2001
- "name": "AvatarComponentMixin",
2002
- "module": "src/utils/mixins/AvatarComponentMixin.ts"
2003
- }
2004
- },
2005
- {
2006
- "name": "is-typing",
2007
- "type": {
2008
- "text": "boolean"
2009
- },
2010
- "default": "false",
2011
- "description": "Represents the typing indicator when the user is typing.",
2012
- "fieldName": "isTyping",
2013
- "inheritedFrom": {
2014
- "name": "AvatarComponentMixin",
2015
- "module": "src/utils/mixins/AvatarComponentMixin.ts"
2016
- }
2017
- },
2018
- {
2019
- "name": "icon-name",
2020
- "type": {
2021
- "text": "IconNames | undefined"
2022
- },
2023
- "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
2024
- "fieldName": "iconName",
2025
- "inheritedFrom": {
2026
- "name": "IconNameMixin",
2027
- "module": "src/utils/mixins/IconNameMixin.ts"
2028
- }
2029
- }
2030
- ]
2031
- }
2032
- ],
2033
- "exports": [
2034
- {
2035
- "kind": "js",
2036
- "name": "default",
2037
- "declaration": {
2038
- "name": "Avatar",
2039
- "module": "components/avatar/avatar.component.js"
2040
- }
2041
- }
2042
- ]
2043
- },
2044
1778
  {
2045
1779
  "kind": "javascript-module",
2046
1780
  "path": "components/avatarbutton/avatarbutton.component.js",
@@ -2743,6 +2477,272 @@
2743
2477
  }
2744
2478
  ]
2745
2479
  },
2480
+ {
2481
+ "kind": "javascript-module",
2482
+ "path": "components/avatar/avatar.component.js",
2483
+ "declarations": [
2484
+ {
2485
+ "kind": "class",
2486
+ "description": "The `mdc-avatar` component is used to represent a person or a space.\nAn avatar can be an icon, initials, counter and photo.\n\nTo set the photo of an avatar,\nyou need to set \"src\" attribute.\n\nWhile the avatar image is loading, as a placeholder,\nwe will show the initials text.\nIf the initials are not specified then,\nwe will show `user-regular` icon as a placeholder.\n\nBy default, if there are no attributes specified,\nthen the default avatar will be an icon with `user-regular` name.\n\nThe avatar component is non clickable and non interactive/focusable component.\nIf the avatar is typing, then the loading indicator will be displayed.\nIf the counter type avatar is set to a negative number, then we will display 0.\nThe presence indicator will be hidden when the counter property is set.",
2487
+ "name": "Avatar",
2488
+ "cssProperties": [
2489
+ {
2490
+ "description": "Allows customization of the default background color.",
2491
+ "name": "--mdc-avatar-default-background-color"
2492
+ },
2493
+ {
2494
+ "description": "Allows customization of the default foreground color.",
2495
+ "name": "--mdc-avatar-default-foreground-color"
2496
+ },
2497
+ {
2498
+ "description": "Allows customization of the loading indicator background color.",
2499
+ "name": "--mdc-avatar-loading-indicator-background-color"
2500
+ },
2501
+ {
2502
+ "description": "Allows customization of the loading indicator foreground color.",
2503
+ "name": "--mdc-avatar-loading-indicator-foreground-color"
2504
+ },
2505
+ {
2506
+ "description": "Allows customization of the loading overlay background color.",
2507
+ "name": "--mdc-avatar-loading-overlay-background-color"
2508
+ }
2509
+ ],
2510
+ "cssParts": [
2511
+ {
2512
+ "description": "The main content of the avatar.",
2513
+ "name": "content"
2514
+ },
2515
+ {
2516
+ "description": "The photo of the avatar.",
2517
+ "name": "photo"
2518
+ },
2519
+ {
2520
+ "description": "The presence indicator of the avatar.",
2521
+ "name": "presence"
2522
+ },
2523
+ {
2524
+ "description": "The wrapper for the loading indicator.",
2525
+ "name": "loading-wrapper"
2526
+ },
2527
+ {
2528
+ "description": "The loading indicator of the avatar.",
2529
+ "name": "loader"
2530
+ }
2531
+ ],
2532
+ "members": [
2533
+ {
2534
+ "kind": "field",
2535
+ "name": "src",
2536
+ "type": {
2537
+ "text": "string | undefined"
2538
+ },
2539
+ "description": "The src is the url which will be used to display the avatar.\nWhen the src is loading, we will display the initials as a placeholder.",
2540
+ "attribute": "src",
2541
+ "inheritedFrom": {
2542
+ "name": "AvatarComponentMixin",
2543
+ "module": "utils/mixins/AvatarComponentMixin.js"
2544
+ }
2545
+ },
2546
+ {
2547
+ "kind": "field",
2548
+ "name": "initials",
2549
+ "type": {
2550
+ "text": "string | undefined"
2551
+ },
2552
+ "description": "The initials to be displayed for the avatar.",
2553
+ "attribute": "initials",
2554
+ "inheritedFrom": {
2555
+ "name": "AvatarComponentMixin",
2556
+ "module": "utils/mixins/AvatarComponentMixin.js"
2557
+ }
2558
+ },
2559
+ {
2560
+ "kind": "field",
2561
+ "name": "presence",
2562
+ "type": {
2563
+ "text": "PresenceType | undefined"
2564
+ },
2565
+ "description": "The presence is the status which can be used to display the\nactivity state of a user or a space within an avatar component.\n\nAcceptable values include:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
2566
+ "attribute": "presence",
2567
+ "inheritedFrom": {
2568
+ "name": "AvatarComponentMixin",
2569
+ "module": "utils/mixins/AvatarComponentMixin.js"
2570
+ }
2571
+ },
2572
+ {
2573
+ "kind": "field",
2574
+ "name": "size",
2575
+ "type": {
2576
+ "text": "AvatarSize"
2577
+ },
2578
+ "description": "Acceptable values include (size in px unit):\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124",
2579
+ "default": "32",
2580
+ "attribute": "size",
2581
+ "reflects": true,
2582
+ "inheritedFrom": {
2583
+ "name": "AvatarComponentMixin",
2584
+ "module": "utils/mixins/AvatarComponentMixin.js"
2585
+ }
2586
+ },
2587
+ {
2588
+ "kind": "field",
2589
+ "name": "counter",
2590
+ "type": {
2591
+ "text": "number | undefined"
2592
+ },
2593
+ "description": "The counter is the number which can be displayed on the avatar.\nThe maximum number is 99 and if the given number is greater than 99,\nthen the avatar will be displayed as `99+`.\nIf the given number is a negative number,\nthen the avatar will be displayed as `0`.",
2594
+ "attribute": "counter",
2595
+ "inheritedFrom": {
2596
+ "name": "AvatarComponentMixin",
2597
+ "module": "utils/mixins/AvatarComponentMixin.js"
2598
+ }
2599
+ },
2600
+ {
2601
+ "kind": "field",
2602
+ "name": "isTyping",
2603
+ "type": {
2604
+ "text": "boolean"
2605
+ },
2606
+ "default": "false",
2607
+ "description": "Represents the typing indicator when the user is typing.",
2608
+ "attribute": "is-typing",
2609
+ "inheritedFrom": {
2610
+ "name": "AvatarComponentMixin",
2611
+ "module": "utils/mixins/AvatarComponentMixin.js"
2612
+ }
2613
+ },
2614
+ {
2615
+ "kind": "field",
2616
+ "name": "iconName",
2617
+ "type": {
2618
+ "text": "IconNames | undefined"
2619
+ },
2620
+ "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
2621
+ "attribute": "icon-name",
2622
+ "inheritedFrom": {
2623
+ "name": "IconNameMixin",
2624
+ "module": "utils/mixins/IconNameMixin.js"
2625
+ }
2626
+ }
2627
+ ],
2628
+ "mixins": [
2629
+ {
2630
+ "name": "AvatarComponentMixin",
2631
+ "module": "/src/utils/mixins/AvatarComponentMixin"
2632
+ },
2633
+ {
2634
+ "name": "IconNameMixin",
2635
+ "module": "/src/utils/mixins/IconNameMixin"
2636
+ }
2637
+ ],
2638
+ "superclass": {
2639
+ "name": "Component",
2640
+ "module": "/src/models"
2641
+ },
2642
+ "tagName": "mdc-avatar",
2643
+ "jsDoc": "/**\n * The `mdc-avatar` component is used to represent a person or a space.\n * An avatar can be an icon, initials, counter and photo.\n *\n * To set the photo of an avatar,\n * you need to set \"src\" attribute.\n *\n * While the avatar image is loading, as a placeholder,\n * we will show the initials text.\n * If the initials are not specified then,\n * we will show `user-regular` icon as a placeholder.\n *\n * By default, if there are no attributes specified,\n * then the default avatar will be an icon with `user-regular` name.\n *\n * The avatar component is non clickable and non interactive/focusable component.\n * If the avatar is typing, then the loading indicator will be displayed.\n * If the counter type avatar is set to a negative number, then we will display 0.\n * The presence indicator will be hidden when the counter property is set.\n *\n * @dependency mdc-icon\n * @dependency mdc-presence\n * @dependency mdc-text\n *\n * @tagname mdc-avatar\n *\n * @cssproperty --mdc-avatar-default-background-color - Allows customization of the default background color.\n * @cssproperty --mdc-avatar-default-foreground-color - Allows customization of the default foreground color.\n * @cssproperty --mdc-avatar-loading-indicator-background-color -\n * Allows customization of the loading indicator background color.\n * @cssproperty --mdc-avatar-loading-indicator-foreground-color -\n * Allows customization of the loading indicator foreground color.\n * @cssproperty --mdc-avatar-loading-overlay-background-color -\n * Allows customization of the loading overlay background color.\n *\n * @csspart content - The main content of the avatar.\n * @csspart photo - The photo of the avatar.\n * @csspart presence - The presence indicator of the avatar.\n * @csspart loading-wrapper - The wrapper for the loading indicator.\n * @csspart loader - The loading indicator of the avatar.\n */",
2644
+ "customElement": true,
2645
+ "attributes": [
2646
+ {
2647
+ "name": "src",
2648
+ "type": {
2649
+ "text": "string | undefined"
2650
+ },
2651
+ "description": "The src is the url which will be used to display the avatar.\nWhen the src is loading, we will display the initials as a placeholder.",
2652
+ "fieldName": "src",
2653
+ "inheritedFrom": {
2654
+ "name": "AvatarComponentMixin",
2655
+ "module": "src/utils/mixins/AvatarComponentMixin.ts"
2656
+ }
2657
+ },
2658
+ {
2659
+ "name": "initials",
2660
+ "type": {
2661
+ "text": "string | undefined"
2662
+ },
2663
+ "description": "The initials to be displayed for the avatar.",
2664
+ "fieldName": "initials",
2665
+ "inheritedFrom": {
2666
+ "name": "AvatarComponentMixin",
2667
+ "module": "src/utils/mixins/AvatarComponentMixin.ts"
2668
+ }
2669
+ },
2670
+ {
2671
+ "name": "presence",
2672
+ "type": {
2673
+ "text": "PresenceType | undefined"
2674
+ },
2675
+ "description": "The presence is the status which can be used to display the\nactivity state of a user or a space within an avatar component.\n\nAcceptable values include:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
2676
+ "fieldName": "presence",
2677
+ "inheritedFrom": {
2678
+ "name": "AvatarComponentMixin",
2679
+ "module": "src/utils/mixins/AvatarComponentMixin.ts"
2680
+ }
2681
+ },
2682
+ {
2683
+ "name": "size",
2684
+ "type": {
2685
+ "text": "AvatarSize"
2686
+ },
2687
+ "description": "Acceptable values include (size in px unit):\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124",
2688
+ "default": "32",
2689
+ "fieldName": "size",
2690
+ "inheritedFrom": {
2691
+ "name": "AvatarComponentMixin",
2692
+ "module": "src/utils/mixins/AvatarComponentMixin.ts"
2693
+ }
2694
+ },
2695
+ {
2696
+ "name": "counter",
2697
+ "type": {
2698
+ "text": "number | undefined"
2699
+ },
2700
+ "description": "The counter is the number which can be displayed on the avatar.\nThe maximum number is 99 and if the given number is greater than 99,\nthen the avatar will be displayed as `99+`.\nIf the given number is a negative number,\nthen the avatar will be displayed as `0`.",
2701
+ "fieldName": "counter",
2702
+ "inheritedFrom": {
2703
+ "name": "AvatarComponentMixin",
2704
+ "module": "src/utils/mixins/AvatarComponentMixin.ts"
2705
+ }
2706
+ },
2707
+ {
2708
+ "name": "is-typing",
2709
+ "type": {
2710
+ "text": "boolean"
2711
+ },
2712
+ "default": "false",
2713
+ "description": "Represents the typing indicator when the user is typing.",
2714
+ "fieldName": "isTyping",
2715
+ "inheritedFrom": {
2716
+ "name": "AvatarComponentMixin",
2717
+ "module": "src/utils/mixins/AvatarComponentMixin.ts"
2718
+ }
2719
+ },
2720
+ {
2721
+ "name": "icon-name",
2722
+ "type": {
2723
+ "text": "IconNames | undefined"
2724
+ },
2725
+ "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
2726
+ "fieldName": "iconName",
2727
+ "inheritedFrom": {
2728
+ "name": "IconNameMixin",
2729
+ "module": "src/utils/mixins/IconNameMixin.ts"
2730
+ }
2731
+ }
2732
+ ]
2733
+ }
2734
+ ],
2735
+ "exports": [
2736
+ {
2737
+ "kind": "js",
2738
+ "name": "default",
2739
+ "declaration": {
2740
+ "name": "Avatar",
2741
+ "module": "components/avatar/avatar.component.js"
2742
+ }
2743
+ }
2744
+ ]
2745
+ },
2746
2746
  {
2747
2747
  "kind": "javascript-module",
2748
2748
  "path": "components/badge/badge.component.js",
@@ -16311,6 +16311,295 @@
16311
16311
  }
16312
16312
  ]
16313
16313
  },
16314
+ {
16315
+ "kind": "javascript-module",
16316
+ "path": "components/linksimple/linksimple.component.js",
16317
+ "declarations": [
16318
+ {
16319
+ "kind": "class",
16320
+ "description": "`mdc-linksimple` is a lightweight link component that can be used to navigate\nwithin the application or to an external URL. It does not have any predefined default size.\n\nThe `children` of the `mdc-linksimple` component can be customized to suit\ndifferent use cases, including text, icons, or other inline content. For the child to be an icon,\nthe `mdc-icon` component should be used to render.",
16321
+ "name": "Linksimple",
16322
+ "cssProperties": [
16323
+ {
16324
+ "description": "Border radius of the link.",
16325
+ "name": "--mdc-link-border-radius"
16326
+ },
16327
+ {
16328
+ "description": "Color of the link’s child content in the active state.",
16329
+ "name": "--mdc-link-color-active"
16330
+ },
16331
+ {
16332
+ "description": "Color of the link’s child content in the disabled state.",
16333
+ "name": "--mdc-link-color-disabled"
16334
+ },
16335
+ {
16336
+ "description": "Color of the link’s child content in the hover state.",
16337
+ "name": "--mdc-link-color-hover"
16338
+ },
16339
+ {
16340
+ "description": "Color of the link’s child content in the normal state.",
16341
+ "name": "--mdc-link-color-normal"
16342
+ },
16343
+ {
16344
+ "description": "Color of the inverted link’s child content in the active state.",
16345
+ "name": "--mdc-link-inverted-color-active"
16346
+ },
16347
+ {
16348
+ "description": "Color of the inverted link’s child content in the disabled state.",
16349
+ "name": "--mdc-link-inverted-color-disabled"
16350
+ },
16351
+ {
16352
+ "description": "Color of the inverted link’s child content in the hover state.",
16353
+ "name": "--mdc-link-inverted-color-hover"
16354
+ },
16355
+ {
16356
+ "description": "Color of the inverted link’s child content in the normal state.",
16357
+ "name": "--mdc-link-inverted-color-normal"
16358
+ }
16359
+ ],
16360
+ "members": [
16361
+ {
16362
+ "kind": "field",
16363
+ "name": "inline",
16364
+ "type": {
16365
+ "text": "boolean"
16366
+ },
16367
+ "description": "The link can be inline or standalone.",
16368
+ "default": "false",
16369
+ "attribute": "inline",
16370
+ "reflects": true
16371
+ },
16372
+ {
16373
+ "kind": "field",
16374
+ "name": "inverted",
16375
+ "type": {
16376
+ "text": "boolean"
16377
+ },
16378
+ "description": "The link color can be inverted by setting the inverted attribute to true.",
16379
+ "default": "false",
16380
+ "attribute": "inverted",
16381
+ "reflects": true
16382
+ },
16383
+ {
16384
+ "kind": "field",
16385
+ "name": "href",
16386
+ "type": {
16387
+ "text": "string"
16388
+ },
16389
+ "default": "'#'",
16390
+ "description": "Href for navigation. The URL that the hyperlink points to",
16391
+ "attribute": "href",
16392
+ "reflects": true
16393
+ },
16394
+ {
16395
+ "kind": "field",
16396
+ "name": "target",
16397
+ "type": {
16398
+ "text": "string"
16399
+ },
16400
+ "default": "'_self'",
16401
+ "description": "Optional target: _blank, _self, _parent, _top and _unfencedTop",
16402
+ "attribute": "target",
16403
+ "reflects": true
16404
+ },
16405
+ {
16406
+ "kind": "field",
16407
+ "name": "rel",
16408
+ "type": {
16409
+ "text": "string | undefined"
16410
+ },
16411
+ "description": "Optional rel attribute that defines the relationship of the linked URL as space-separated link types.",
16412
+ "attribute": "rel",
16413
+ "reflects": true
16414
+ },
16415
+ {
16416
+ "kind": "method",
16417
+ "name": "handleNavigation",
16418
+ "privacy": "private",
16419
+ "return": {
16420
+ "type": {
16421
+ "text": "void"
16422
+ }
16423
+ },
16424
+ "parameters": [
16425
+ {
16426
+ "name": "e",
16427
+ "type": {
16428
+ "text": "MouseEvent | KeyboardEvent"
16429
+ }
16430
+ }
16431
+ ]
16432
+ },
16433
+ {
16434
+ "kind": "method",
16435
+ "name": "setDisabled",
16436
+ "privacy": "private",
16437
+ "parameters": [
16438
+ {
16439
+ "name": "disabled",
16440
+ "type": {
16441
+ "text": "boolean"
16442
+ },
16443
+ "description": "Whether the element should be disabled"
16444
+ }
16445
+ ],
16446
+ "description": "Sets or removes `aria-disabled` and updates `tabIndex` to reflect\nthe disabled state. When disabled, the element becomes unfocusable;\nwhen enabled, the previous `tabIndex` is restored."
16447
+ },
16448
+ {
16449
+ "kind": "field",
16450
+ "name": "disabled",
16451
+ "type": {
16452
+ "text": "boolean | undefined"
16453
+ },
16454
+ "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
16455
+ "default": "undefined",
16456
+ "attribute": "disabled",
16457
+ "reflects": true,
16458
+ "inheritedFrom": {
16459
+ "name": "DisabledMixin",
16460
+ "module": "utils/mixins/DisabledMixin.js"
16461
+ }
16462
+ },
16463
+ {
16464
+ "kind": "field",
16465
+ "name": "tabIndex",
16466
+ "type": {
16467
+ "text": "number"
16468
+ },
16469
+ "default": "0",
16470
+ "description": "This property specifies the tab order of the element.",
16471
+ "attribute": "tabIndex",
16472
+ "reflects": true,
16473
+ "inheritedFrom": {
16474
+ "name": "TabIndexMixin",
16475
+ "module": "utils/mixins/TabIndexMixin.js"
16476
+ }
16477
+ }
16478
+ ],
16479
+ "events": [
16480
+ {
16481
+ "description": "(React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.",
16482
+ "name": "click",
16483
+ "reactName": "onClick"
16484
+ },
16485
+ {
16486
+ "description": "(React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.",
16487
+ "name": "keydown",
16488
+ "reactName": "onKeyDown"
16489
+ },
16490
+ {
16491
+ "description": "(React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.",
16492
+ "name": "focus",
16493
+ "reactName": "onFocus"
16494
+ },
16495
+ {
16496
+ "description": "(React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.",
16497
+ "name": "blur",
16498
+ "reactName": "onBlur"
16499
+ }
16500
+ ],
16501
+ "attributes": [
16502
+ {
16503
+ "name": "inline",
16504
+ "type": {
16505
+ "text": "boolean"
16506
+ },
16507
+ "description": "The link can be inline or standalone.",
16508
+ "default": "false",
16509
+ "fieldName": "inline"
16510
+ },
16511
+ {
16512
+ "name": "inverted",
16513
+ "type": {
16514
+ "text": "boolean"
16515
+ },
16516
+ "description": "The link color can be inverted by setting the inverted attribute to true.",
16517
+ "default": "false",
16518
+ "fieldName": "inverted"
16519
+ },
16520
+ {
16521
+ "name": "href",
16522
+ "type": {
16523
+ "text": "string"
16524
+ },
16525
+ "default": "'#'",
16526
+ "description": "Href for navigation. The URL that the hyperlink points to",
16527
+ "fieldName": "href"
16528
+ },
16529
+ {
16530
+ "name": "target",
16531
+ "type": {
16532
+ "text": "string"
16533
+ },
16534
+ "default": "'_self'",
16535
+ "description": "Optional target: _blank, _self, _parent, _top and _unfencedTop",
16536
+ "fieldName": "target"
16537
+ },
16538
+ {
16539
+ "name": "rel",
16540
+ "type": {
16541
+ "text": "string | undefined"
16542
+ },
16543
+ "description": "Optional rel attribute that defines the relationship of the linked URL as space-separated link types.",
16544
+ "fieldName": "rel"
16545
+ },
16546
+ {
16547
+ "name": "disabled",
16548
+ "type": {
16549
+ "text": "boolean | undefined"
16550
+ },
16551
+ "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
16552
+ "default": "undefined",
16553
+ "fieldName": "disabled",
16554
+ "inheritedFrom": {
16555
+ "name": "DisabledMixin",
16556
+ "module": "src/utils/mixins/DisabledMixin.ts"
16557
+ }
16558
+ },
16559
+ {
16560
+ "name": "tabIndex",
16561
+ "type": {
16562
+ "text": "number"
16563
+ },
16564
+ "default": "0",
16565
+ "description": "This property specifies the tab order of the element.",
16566
+ "fieldName": "tabIndex",
16567
+ "inheritedFrom": {
16568
+ "name": "TabIndexMixin",
16569
+ "module": "src/utils/mixins/TabIndexMixin.ts"
16570
+ }
16571
+ }
16572
+ ],
16573
+ "mixins": [
16574
+ {
16575
+ "name": "DisabledMixin",
16576
+ "module": "/src/utils/mixins/DisabledMixin"
16577
+ },
16578
+ {
16579
+ "name": "TabIndexMixin",
16580
+ "module": "/src/utils/mixins/TabIndexMixin"
16581
+ }
16582
+ ],
16583
+ "superclass": {
16584
+ "name": "Component",
16585
+ "module": "/src/models"
16586
+ },
16587
+ "tagName": "mdc-linksimple",
16588
+ "jsDoc": "/**\n * `mdc-linksimple` is a lightweight link component that can be used to navigate\n * within the application or to an external URL. It does not have any predefined default size.\n *\n * The `children` of the `mdc-linksimple` component can be customized to suit\n * different use cases, including text, icons, or other inline content. For the child to be an icon,\n * the `mdc-icon` component should be used to render.\n *\n * @tagname mdc-linksimple\n *\n * @event click - (React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.\n * @event keydown - (React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.\n * @event focus - (React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.\n * @event blur - (React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.\n *\n * @cssproperty --mdc-link-border-radius - Border radius of the link.\n * @cssproperty --mdc-link-color-active - Color of the link’s child content in the active state.\n * @cssproperty --mdc-link-color-disabled - Color of the link’s child content in the disabled state.\n * @cssproperty --mdc-link-color-hover - Color of the link’s child content in the hover state.\n * @cssproperty --mdc-link-color-normal - Color of the link’s child content in the normal state.\n * @cssproperty --mdc-link-inverted-color-active - Color of the inverted link’s child content in the active state.\n * @cssproperty --mdc-link-inverted-color-disabled - Color of the inverted link’s child content in the disabled state.\n * @cssproperty --mdc-link-inverted-color-hover - Color of the inverted link’s child content in the hover state.\n * @cssproperty --mdc-link-inverted-color-normal - Color of the inverted link’s child content in the normal state.\n */",
16589
+ "customElement": true
16590
+ }
16591
+ ],
16592
+ "exports": [
16593
+ {
16594
+ "kind": "js",
16595
+ "name": "default",
16596
+ "declaration": {
16597
+ "name": "Linksimple",
16598
+ "module": "components/linksimple/linksimple.component.js"
16599
+ }
16600
+ }
16601
+ ]
16602
+ },
16314
16603
  {
16315
16604
  "kind": "javascript-module",
16316
16605
  "path": "components/list/list.component.js",
@@ -16873,295 +17162,6 @@
16873
17162
  }
16874
17163
  ]
16875
17164
  },
16876
- {
16877
- "kind": "javascript-module",
16878
- "path": "components/linksimple/linksimple.component.js",
16879
- "declarations": [
16880
- {
16881
- "kind": "class",
16882
- "description": "`mdc-linksimple` is a lightweight link component that can be used to navigate\nwithin the application or to an external URL. It does not have any predefined default size.\n\nThe `children` of the `mdc-linksimple` component can be customized to suit\ndifferent use cases, including text, icons, or other inline content. For the child to be an icon,\nthe `mdc-icon` component should be used to render.",
16883
- "name": "Linksimple",
16884
- "cssProperties": [
16885
- {
16886
- "description": "Border radius of the link.",
16887
- "name": "--mdc-link-border-radius"
16888
- },
16889
- {
16890
- "description": "Color of the link’s child content in the active state.",
16891
- "name": "--mdc-link-color-active"
16892
- },
16893
- {
16894
- "description": "Color of the link’s child content in the disabled state.",
16895
- "name": "--mdc-link-color-disabled"
16896
- },
16897
- {
16898
- "description": "Color of the link’s child content in the hover state.",
16899
- "name": "--mdc-link-color-hover"
16900
- },
16901
- {
16902
- "description": "Color of the link’s child content in the normal state.",
16903
- "name": "--mdc-link-color-normal"
16904
- },
16905
- {
16906
- "description": "Color of the inverted link’s child content in the active state.",
16907
- "name": "--mdc-link-inverted-color-active"
16908
- },
16909
- {
16910
- "description": "Color of the inverted link’s child content in the disabled state.",
16911
- "name": "--mdc-link-inverted-color-disabled"
16912
- },
16913
- {
16914
- "description": "Color of the inverted link’s child content in the hover state.",
16915
- "name": "--mdc-link-inverted-color-hover"
16916
- },
16917
- {
16918
- "description": "Color of the inverted link’s child content in the normal state.",
16919
- "name": "--mdc-link-inverted-color-normal"
16920
- }
16921
- ],
16922
- "members": [
16923
- {
16924
- "kind": "field",
16925
- "name": "inline",
16926
- "type": {
16927
- "text": "boolean"
16928
- },
16929
- "description": "The link can be inline or standalone.",
16930
- "default": "false",
16931
- "attribute": "inline",
16932
- "reflects": true
16933
- },
16934
- {
16935
- "kind": "field",
16936
- "name": "inverted",
16937
- "type": {
16938
- "text": "boolean"
16939
- },
16940
- "description": "The link color can be inverted by setting the inverted attribute to true.",
16941
- "default": "false",
16942
- "attribute": "inverted",
16943
- "reflects": true
16944
- },
16945
- {
16946
- "kind": "field",
16947
- "name": "href",
16948
- "type": {
16949
- "text": "string"
16950
- },
16951
- "default": "'#'",
16952
- "description": "Href for navigation. The URL that the hyperlink points to",
16953
- "attribute": "href",
16954
- "reflects": true
16955
- },
16956
- {
16957
- "kind": "field",
16958
- "name": "target",
16959
- "type": {
16960
- "text": "string"
16961
- },
16962
- "default": "'_self'",
16963
- "description": "Optional target: _blank, _self, _parent, _top and _unfencedTop",
16964
- "attribute": "target",
16965
- "reflects": true
16966
- },
16967
- {
16968
- "kind": "field",
16969
- "name": "rel",
16970
- "type": {
16971
- "text": "string | undefined"
16972
- },
16973
- "description": "Optional rel attribute that defines the relationship of the linked URL as space-separated link types.",
16974
- "attribute": "rel",
16975
- "reflects": true
16976
- },
16977
- {
16978
- "kind": "method",
16979
- "name": "handleNavigation",
16980
- "privacy": "private",
16981
- "return": {
16982
- "type": {
16983
- "text": "void"
16984
- }
16985
- },
16986
- "parameters": [
16987
- {
16988
- "name": "e",
16989
- "type": {
16990
- "text": "MouseEvent | KeyboardEvent"
16991
- }
16992
- }
16993
- ]
16994
- },
16995
- {
16996
- "kind": "method",
16997
- "name": "setDisabled",
16998
- "privacy": "private",
16999
- "parameters": [
17000
- {
17001
- "name": "disabled",
17002
- "type": {
17003
- "text": "boolean"
17004
- },
17005
- "description": "Whether the element should be disabled"
17006
- }
17007
- ],
17008
- "description": "Sets or removes `aria-disabled` and updates `tabIndex` to reflect\nthe disabled state. When disabled, the element becomes unfocusable;\nwhen enabled, the previous `tabIndex` is restored."
17009
- },
17010
- {
17011
- "kind": "field",
17012
- "name": "disabled",
17013
- "type": {
17014
- "text": "boolean | undefined"
17015
- },
17016
- "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
17017
- "default": "undefined",
17018
- "attribute": "disabled",
17019
- "reflects": true,
17020
- "inheritedFrom": {
17021
- "name": "DisabledMixin",
17022
- "module": "utils/mixins/DisabledMixin.js"
17023
- }
17024
- },
17025
- {
17026
- "kind": "field",
17027
- "name": "tabIndex",
17028
- "type": {
17029
- "text": "number"
17030
- },
17031
- "default": "0",
17032
- "description": "This property specifies the tab order of the element.",
17033
- "attribute": "tabIndex",
17034
- "reflects": true,
17035
- "inheritedFrom": {
17036
- "name": "TabIndexMixin",
17037
- "module": "utils/mixins/TabIndexMixin.js"
17038
- }
17039
- }
17040
- ],
17041
- "events": [
17042
- {
17043
- "description": "(React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.",
17044
- "name": "click",
17045
- "reactName": "onClick"
17046
- },
17047
- {
17048
- "description": "(React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.",
17049
- "name": "keydown",
17050
- "reactName": "onKeyDown"
17051
- },
17052
- {
17053
- "description": "(React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.",
17054
- "name": "focus",
17055
- "reactName": "onFocus"
17056
- },
17057
- {
17058
- "description": "(React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.",
17059
- "name": "blur",
17060
- "reactName": "onBlur"
17061
- }
17062
- ],
17063
- "attributes": [
17064
- {
17065
- "name": "inline",
17066
- "type": {
17067
- "text": "boolean"
17068
- },
17069
- "description": "The link can be inline or standalone.",
17070
- "default": "false",
17071
- "fieldName": "inline"
17072
- },
17073
- {
17074
- "name": "inverted",
17075
- "type": {
17076
- "text": "boolean"
17077
- },
17078
- "description": "The link color can be inverted by setting the inverted attribute to true.",
17079
- "default": "false",
17080
- "fieldName": "inverted"
17081
- },
17082
- {
17083
- "name": "href",
17084
- "type": {
17085
- "text": "string"
17086
- },
17087
- "default": "'#'",
17088
- "description": "Href for navigation. The URL that the hyperlink points to",
17089
- "fieldName": "href"
17090
- },
17091
- {
17092
- "name": "target",
17093
- "type": {
17094
- "text": "string"
17095
- },
17096
- "default": "'_self'",
17097
- "description": "Optional target: _blank, _self, _parent, _top and _unfencedTop",
17098
- "fieldName": "target"
17099
- },
17100
- {
17101
- "name": "rel",
17102
- "type": {
17103
- "text": "string | undefined"
17104
- },
17105
- "description": "Optional rel attribute that defines the relationship of the linked URL as space-separated link types.",
17106
- "fieldName": "rel"
17107
- },
17108
- {
17109
- "name": "disabled",
17110
- "type": {
17111
- "text": "boolean | undefined"
17112
- },
17113
- "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
17114
- "default": "undefined",
17115
- "fieldName": "disabled",
17116
- "inheritedFrom": {
17117
- "name": "DisabledMixin",
17118
- "module": "src/utils/mixins/DisabledMixin.ts"
17119
- }
17120
- },
17121
- {
17122
- "name": "tabIndex",
17123
- "type": {
17124
- "text": "number"
17125
- },
17126
- "default": "0",
17127
- "description": "This property specifies the tab order of the element.",
17128
- "fieldName": "tabIndex",
17129
- "inheritedFrom": {
17130
- "name": "TabIndexMixin",
17131
- "module": "src/utils/mixins/TabIndexMixin.ts"
17132
- }
17133
- }
17134
- ],
17135
- "mixins": [
17136
- {
17137
- "name": "DisabledMixin",
17138
- "module": "/src/utils/mixins/DisabledMixin"
17139
- },
17140
- {
17141
- "name": "TabIndexMixin",
17142
- "module": "/src/utils/mixins/TabIndexMixin"
17143
- }
17144
- ],
17145
- "superclass": {
17146
- "name": "Component",
17147
- "module": "/src/models"
17148
- },
17149
- "tagName": "mdc-linksimple",
17150
- "jsDoc": "/**\n * `mdc-linksimple` is a lightweight link component that can be used to navigate\n * within the application or to an external URL. It does not have any predefined default size.\n *\n * The `children` of the `mdc-linksimple` component can be customized to suit\n * different use cases, including text, icons, or other inline content. For the child to be an icon,\n * the `mdc-icon` component should be used to render.\n *\n * @tagname mdc-linksimple\n *\n * @event click - (React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.\n * @event keydown - (React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.\n * @event focus - (React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.\n * @event blur - (React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.\n *\n * @cssproperty --mdc-link-border-radius - Border radius of the link.\n * @cssproperty --mdc-link-color-active - Color of the link’s child content in the active state.\n * @cssproperty --mdc-link-color-disabled - Color of the link’s child content in the disabled state.\n * @cssproperty --mdc-link-color-hover - Color of the link’s child content in the hover state.\n * @cssproperty --mdc-link-color-normal - Color of the link’s child content in the normal state.\n * @cssproperty --mdc-link-inverted-color-active - Color of the inverted link’s child content in the active state.\n * @cssproperty --mdc-link-inverted-color-disabled - Color of the inverted link’s child content in the disabled state.\n * @cssproperty --mdc-link-inverted-color-hover - Color of the inverted link’s child content in the hover state.\n * @cssproperty --mdc-link-inverted-color-normal - Color of the inverted link’s child content in the normal state.\n */",
17151
- "customElement": true
17152
- }
17153
- ],
17154
- "exports": [
17155
- {
17156
- "kind": "js",
17157
- "name": "default",
17158
- "declaration": {
17159
- "name": "Linksimple",
17160
- "module": "components/linksimple/linksimple.component.js"
17161
- }
17162
- }
17163
- ]
17164
- },
17165
17165
  {
17166
17166
  "kind": "javascript-module",
17167
17167
  "path": "components/listitem/listitem.component.js",
@@ -30835,185 +30835,6 @@
30835
30835
  }
30836
30836
  ]
30837
30837
  },
30838
- {
30839
- "kind": "javascript-module",
30840
- "path": "components/screenreaderannouncer/screenreaderannouncer.component.js",
30841
- "declarations": [
30842
- {
30843
- "kind": "class",
30844
- "description": "`mdc-screenreaderannouncer` can be used to announce messages with the screen reader.\n\nTo make an announcement set `announcement` attribute on the `mdc-screenreaderannouncer` element.\n\n**Internal logic**\n\nWhen the screenreader announcer is connected to the DOM, if the `identity` attribute is not\nprovided, it is set to `mdc-screenreaderannouncer-identity` and a `<div>` element with this id is created\nin the DOM. If the `identity` attribute is provided, the identity element is used and no new element\nis created in the DOM.\n\nWhen the `announcement` attribute is set, the screenreader announcer will create a `<div>` element with\n`aria-live` attribute set to the value of `data-aria-live` attribute and append it to the `identity` element.\nAfter delay of `delay` milliseconds, a <p> element with the announcement text is appended to the `<div>` element.\n\nThe announcement `<div>` element is removed from the DOM after `timeout` milliseconds.\n\nWhen the screen announcer component is disconnected from the DOM, all the timeouts are cleared and\nall the announcement elements added are removed from the DOM and timeouts cleared.\n\n**Note**\n1. The default delay of 150 miliseconds is used as we dynamically generate the\naria-live region in the DOM and add the announcement text to it.\n3. If no `identity` is provided, all the screen reader components will create and use only one\n`<div>` element with id `mdc-screenreaderannouncer-identity` in the DOM.\n\nReference: https://patrickhlauke.github.io/aria/tests/live-regions/",
30845
- "name": "ScreenreaderAnnouncer",
30846
- "members": [
30847
- {
30848
- "kind": "field",
30849
- "name": "announcement",
30850
- "type": {
30851
- "text": "string"
30852
- },
30853
- "default": "''",
30854
- "description": "The announcement attribute is a string that is used to announce messages to the screen reader.\nThe announcement is made when the announcement attribute is set to a non-empty string.",
30855
- "attribute": "announcement",
30856
- "reflects": true
30857
- },
30858
- {
30859
- "kind": "field",
30860
- "name": "identity",
30861
- "type": {
30862
- "text": "string"
30863
- },
30864
- "default": "''",
30865
- "description": "The id of the element in the light dom, to which announcement elements will be appended.\n\nIf id is not provided, it will be set to `mdc-screenreaderannouncer-identity` and\na div element with this id will be created in the light dom.",
30866
- "attribute": "identity",
30867
- "reflects": true
30868
- },
30869
- {
30870
- "kind": "field",
30871
- "name": "dataAriaLive",
30872
- "type": {
30873
- "text": "AriaLive"
30874
- },
30875
- "description": "Aria live value for announcement.",
30876
- "default": "'polite'",
30877
- "attribute": "data-aria-live",
30878
- "reflects": true
30879
- },
30880
- {
30881
- "kind": "field",
30882
- "name": "delay",
30883
- "type": {
30884
- "text": "number"
30885
- },
30886
- "description": "Milliseconds to wait before adding the announcement to the identiy region in\nDOM, which will announce the message to the screen reader.",
30887
- "default": "150",
30888
- "attribute": "delay",
30889
- "reflects": true
30890
- },
30891
- {
30892
- "kind": "field",
30893
- "name": "timeout",
30894
- "type": {
30895
- "text": "number"
30896
- },
30897
- "description": "Milliseconds to wait after which the announcement element will be removed from\nidentity region in DOM, causing the screen reader to not announcing the message.",
30898
- "default": "20_000",
30899
- "attribute": "timeout",
30900
- "reflects": true
30901
- },
30902
- {
30903
- "kind": "method",
30904
- "name": "announce",
30905
- "parameters": [
30906
- {
30907
- "name": "announcement",
30908
- "type": {
30909
- "text": "string"
30910
- },
30911
- "description": "The announcement to be made."
30912
- },
30913
- {
30914
- "name": "delay",
30915
- "type": {
30916
- "text": "number"
30917
- },
30918
- "description": "The delay in milliseconds before announcing the message."
30919
- },
30920
- {
30921
- "name": "timeout",
30922
- "type": {
30923
- "text": "number"
30924
- },
30925
- "description": "The timeout in milliseconds before removing the announcement."
30926
- },
30927
- {
30928
- "name": "ariaLive",
30929
- "type": {
30930
- "text": "AriaLive"
30931
- },
30932
- "description": "The aria live value for the announcement."
30933
- }
30934
- ],
30935
- "description": "Announces the given announcement to the screen reader.\n\nA div element with aria-live attribute set to the given ariaLive value is created\nand a p element with the announcement text is appended to it.\n\nThe div element is appended to the element in the DOM identified with id as\nidentity attribute."
30936
- },
30937
- {
30938
- "kind": "method",
30939
- "name": "clearTimeOutsAndAnnouncements",
30940
- "privacy": "private",
30941
- "description": "Clears all timeouts and removes all announcements from the screen reader."
30942
- },
30943
- {
30944
- "kind": "method",
30945
- "name": "createAnnouncementAriaLiveRegion",
30946
- "privacy": "private",
30947
- "description": "Creates a div element with id as identity attribute in the DOM.\n\nIf the identity attribute is not provided, it is set internally to\n`mdc-screenreaderannouncer-identity`."
30948
- }
30949
- ],
30950
- "attributes": [
30951
- {
30952
- "name": "announcement",
30953
- "type": {
30954
- "text": "string"
30955
- },
30956
- "default": "''",
30957
- "description": "The announcement attribute is a string that is used to announce messages to the screen reader.\nThe announcement is made when the announcement attribute is set to a non-empty string.",
30958
- "fieldName": "announcement"
30959
- },
30960
- {
30961
- "name": "identity",
30962
- "type": {
30963
- "text": "string"
30964
- },
30965
- "default": "''",
30966
- "description": "The id of the element in the light dom, to which announcement elements will be appended.\n\nIf id is not provided, it will be set to `mdc-screenreaderannouncer-identity` and\na div element with this id will be created in the light dom.",
30967
- "fieldName": "identity"
30968
- },
30969
- {
30970
- "name": "data-aria-live",
30971
- "type": {
30972
- "text": "AriaLive"
30973
- },
30974
- "description": "Aria live value for announcement.",
30975
- "default": "'polite'",
30976
- "fieldName": "dataAriaLive"
30977
- },
30978
- {
30979
- "name": "delay",
30980
- "type": {
30981
- "text": "number"
30982
- },
30983
- "description": "Milliseconds to wait before adding the announcement to the identiy region in\nDOM, which will announce the message to the screen reader.",
30984
- "default": "150",
30985
- "fieldName": "delay"
30986
- },
30987
- {
30988
- "name": "timeout",
30989
- "type": {
30990
- "text": "number"
30991
- },
30992
- "description": "Milliseconds to wait after which the announcement element will be removed from\nidentity region in DOM, causing the screen reader to not announcing the message.",
30993
- "default": "20_000",
30994
- "fieldName": "timeout"
30995
- }
30996
- ],
30997
- "superclass": {
30998
- "name": "Component",
30999
- "module": "/src/models"
31000
- },
31001
- "tagName": "mdc-screenreaderannouncer",
31002
- "jsDoc": "/**\n * `mdc-screenreaderannouncer` can be used to announce messages with the screen reader.\n *\n * To make an announcement set `announcement` attribute on the `mdc-screenreaderannouncer` element.\n *\n * **Internal logic**\n *\n * When the screenreader announcer is connected to the DOM, if the `identity` attribute is not\n * provided, it is set to `mdc-screenreaderannouncer-identity` and a `<div>` element with this id is created\n * in the DOM. If the `identity` attribute is provided, the identity element is used and no new element\n * is created in the DOM.\n *\n * When the `announcement` attribute is set, the screenreader announcer will create a `<div>` element with\n * `aria-live` attribute set to the value of `data-aria-live` attribute and append it to the `identity` element.\n * After delay of `delay` milliseconds, a <p> element with the announcement text is appended to the `<div>` element.\n *\n * The announcement `<div>` element is removed from the DOM after `timeout` milliseconds.\n *\n * When the screen announcer component is disconnected from the DOM, all the timeouts are cleared and\n * all the announcement elements added are removed from the DOM and timeouts cleared.\n *\n * **Note**\n * 1. The default delay of 150 miliseconds is used as we dynamically generate the\n * aria-live region in the DOM and add the announcement text to it.\n * 3. If no `identity` is provided, all the screen reader components will create and use only one\n * `<div>` element with id `mdc-screenreaderannouncer-identity` in the DOM.\n *\n * Reference: https://patrickhlauke.github.io/aria/tests/live-regions/\n *\n * @tagname mdc-screenreaderannouncer\n */",
31003
- "customElement": true
31004
- }
31005
- ],
31006
- "exports": [
31007
- {
31008
- "kind": "js",
31009
- "name": "default",
31010
- "declaration": {
31011
- "name": "ScreenreaderAnnouncer",
31012
- "module": "components/screenreaderannouncer/screenreaderannouncer.component.js"
31013
- }
31014
- }
31015
- ]
31016
- },
31017
30838
  {
31018
30839
  "kind": "javascript-module",
31019
30840
  "path": "components/searchfield/searchfield.component.js",
@@ -33249,6 +33070,185 @@
33249
33070
  }
33250
33071
  ]
33251
33072
  },
33073
+ {
33074
+ "kind": "javascript-module",
33075
+ "path": "components/screenreaderannouncer/screenreaderannouncer.component.js",
33076
+ "declarations": [
33077
+ {
33078
+ "kind": "class",
33079
+ "description": "`mdc-screenreaderannouncer` can be used to announce messages with the screen reader.\n\nTo make an announcement set `announcement` attribute on the `mdc-screenreaderannouncer` element.\n\n**Internal logic**\n\nWhen the screenreader announcer is connected to the DOM, if the `identity` attribute is not\nprovided, it is set to `mdc-screenreaderannouncer-identity` and a `<div>` element with this id is created\nin the DOM. If the `identity` attribute is provided, the identity element is used and no new element\nis created in the DOM.\n\nWhen the `announcement` attribute is set, the screenreader announcer will create a `<div>` element with\n`aria-live` attribute set to the value of `data-aria-live` attribute and append it to the `identity` element.\nAfter delay of `delay` milliseconds, a <p> element with the announcement text is appended to the `<div>` element.\n\nThe announcement `<div>` element is removed from the DOM after `timeout` milliseconds.\n\nWhen the screen announcer component is disconnected from the DOM, all the timeouts are cleared and\nall the announcement elements added are removed from the DOM and timeouts cleared.\n\n**Note**\n1. The default delay of 150 miliseconds is used as we dynamically generate the\naria-live region in the DOM and add the announcement text to it.\n3. If no `identity` is provided, all the screen reader components will create and use only one\n`<div>` element with id `mdc-screenreaderannouncer-identity` in the DOM.\n\nReference: https://patrickhlauke.github.io/aria/tests/live-regions/",
33080
+ "name": "ScreenreaderAnnouncer",
33081
+ "members": [
33082
+ {
33083
+ "kind": "field",
33084
+ "name": "announcement",
33085
+ "type": {
33086
+ "text": "string"
33087
+ },
33088
+ "default": "''",
33089
+ "description": "The announcement attribute is a string that is used to announce messages to the screen reader.\nThe announcement is made when the announcement attribute is set to a non-empty string.",
33090
+ "attribute": "announcement",
33091
+ "reflects": true
33092
+ },
33093
+ {
33094
+ "kind": "field",
33095
+ "name": "identity",
33096
+ "type": {
33097
+ "text": "string"
33098
+ },
33099
+ "default": "''",
33100
+ "description": "The id of the element in the light dom, to which announcement elements will be appended.\n\nIf id is not provided, it will be set to `mdc-screenreaderannouncer-identity` and\na div element with this id will be created in the light dom.",
33101
+ "attribute": "identity",
33102
+ "reflects": true
33103
+ },
33104
+ {
33105
+ "kind": "field",
33106
+ "name": "dataAriaLive",
33107
+ "type": {
33108
+ "text": "AriaLive"
33109
+ },
33110
+ "description": "Aria live value for announcement.",
33111
+ "default": "'polite'",
33112
+ "attribute": "data-aria-live",
33113
+ "reflects": true
33114
+ },
33115
+ {
33116
+ "kind": "field",
33117
+ "name": "delay",
33118
+ "type": {
33119
+ "text": "number"
33120
+ },
33121
+ "description": "Milliseconds to wait before adding the announcement to the identiy region in\nDOM, which will announce the message to the screen reader.",
33122
+ "default": "150",
33123
+ "attribute": "delay",
33124
+ "reflects": true
33125
+ },
33126
+ {
33127
+ "kind": "field",
33128
+ "name": "timeout",
33129
+ "type": {
33130
+ "text": "number"
33131
+ },
33132
+ "description": "Milliseconds to wait after which the announcement element will be removed from\nidentity region in DOM, causing the screen reader to not announcing the message.",
33133
+ "default": "20_000",
33134
+ "attribute": "timeout",
33135
+ "reflects": true
33136
+ },
33137
+ {
33138
+ "kind": "method",
33139
+ "name": "announce",
33140
+ "parameters": [
33141
+ {
33142
+ "name": "announcement",
33143
+ "type": {
33144
+ "text": "string"
33145
+ },
33146
+ "description": "The announcement to be made."
33147
+ },
33148
+ {
33149
+ "name": "delay",
33150
+ "type": {
33151
+ "text": "number"
33152
+ },
33153
+ "description": "The delay in milliseconds before announcing the message."
33154
+ },
33155
+ {
33156
+ "name": "timeout",
33157
+ "type": {
33158
+ "text": "number"
33159
+ },
33160
+ "description": "The timeout in milliseconds before removing the announcement."
33161
+ },
33162
+ {
33163
+ "name": "ariaLive",
33164
+ "type": {
33165
+ "text": "AriaLive"
33166
+ },
33167
+ "description": "The aria live value for the announcement."
33168
+ }
33169
+ ],
33170
+ "description": "Announces the given announcement to the screen reader.\n\nA div element with aria-live attribute set to the given ariaLive value is created\nand a p element with the announcement text is appended to it.\n\nThe div element is appended to the element in the DOM identified with id as\nidentity attribute."
33171
+ },
33172
+ {
33173
+ "kind": "method",
33174
+ "name": "clearTimeOutsAndAnnouncements",
33175
+ "privacy": "private",
33176
+ "description": "Clears all timeouts and removes all announcements from the screen reader."
33177
+ },
33178
+ {
33179
+ "kind": "method",
33180
+ "name": "createAnnouncementAriaLiveRegion",
33181
+ "privacy": "private",
33182
+ "description": "Creates a div element with id as identity attribute in the DOM.\n\nIf the identity attribute is not provided, it is set internally to\n`mdc-screenreaderannouncer-identity`."
33183
+ }
33184
+ ],
33185
+ "attributes": [
33186
+ {
33187
+ "name": "announcement",
33188
+ "type": {
33189
+ "text": "string"
33190
+ },
33191
+ "default": "''",
33192
+ "description": "The announcement attribute is a string that is used to announce messages to the screen reader.\nThe announcement is made when the announcement attribute is set to a non-empty string.",
33193
+ "fieldName": "announcement"
33194
+ },
33195
+ {
33196
+ "name": "identity",
33197
+ "type": {
33198
+ "text": "string"
33199
+ },
33200
+ "default": "''",
33201
+ "description": "The id of the element in the light dom, to which announcement elements will be appended.\n\nIf id is not provided, it will be set to `mdc-screenreaderannouncer-identity` and\na div element with this id will be created in the light dom.",
33202
+ "fieldName": "identity"
33203
+ },
33204
+ {
33205
+ "name": "data-aria-live",
33206
+ "type": {
33207
+ "text": "AriaLive"
33208
+ },
33209
+ "description": "Aria live value for announcement.",
33210
+ "default": "'polite'",
33211
+ "fieldName": "dataAriaLive"
33212
+ },
33213
+ {
33214
+ "name": "delay",
33215
+ "type": {
33216
+ "text": "number"
33217
+ },
33218
+ "description": "Milliseconds to wait before adding the announcement to the identiy region in\nDOM, which will announce the message to the screen reader.",
33219
+ "default": "150",
33220
+ "fieldName": "delay"
33221
+ },
33222
+ {
33223
+ "name": "timeout",
33224
+ "type": {
33225
+ "text": "number"
33226
+ },
33227
+ "description": "Milliseconds to wait after which the announcement element will be removed from\nidentity region in DOM, causing the screen reader to not announcing the message.",
33228
+ "default": "20_000",
33229
+ "fieldName": "timeout"
33230
+ }
33231
+ ],
33232
+ "superclass": {
33233
+ "name": "Component",
33234
+ "module": "/src/models"
33235
+ },
33236
+ "tagName": "mdc-screenreaderannouncer",
33237
+ "jsDoc": "/**\n * `mdc-screenreaderannouncer` can be used to announce messages with the screen reader.\n *\n * To make an announcement set `announcement` attribute on the `mdc-screenreaderannouncer` element.\n *\n * **Internal logic**\n *\n * When the screenreader announcer is connected to the DOM, if the `identity` attribute is not\n * provided, it is set to `mdc-screenreaderannouncer-identity` and a `<div>` element with this id is created\n * in the DOM. If the `identity` attribute is provided, the identity element is used and no new element\n * is created in the DOM.\n *\n * When the `announcement` attribute is set, the screenreader announcer will create a `<div>` element with\n * `aria-live` attribute set to the value of `data-aria-live` attribute and append it to the `identity` element.\n * After delay of `delay` milliseconds, a <p> element with the announcement text is appended to the `<div>` element.\n *\n * The announcement `<div>` element is removed from the DOM after `timeout` milliseconds.\n *\n * When the screen announcer component is disconnected from the DOM, all the timeouts are cleared and\n * all the announcement elements added are removed from the DOM and timeouts cleared.\n *\n * **Note**\n * 1. The default delay of 150 miliseconds is used as we dynamically generate the\n * aria-live region in the DOM and add the announcement text to it.\n * 3. If no `identity` is provided, all the screen reader components will create and use only one\n * `<div>` element with id `mdc-screenreaderannouncer-identity` in the DOM.\n *\n * Reference: https://patrickhlauke.github.io/aria/tests/live-regions/\n *\n * @tagname mdc-screenreaderannouncer\n */",
33238
+ "customElement": true
33239
+ }
33240
+ ],
33241
+ "exports": [
33242
+ {
33243
+ "kind": "js",
33244
+ "name": "default",
33245
+ "declaration": {
33246
+ "name": "ScreenreaderAnnouncer",
33247
+ "module": "components/screenreaderannouncer/screenreaderannouncer.component.js"
33248
+ }
33249
+ }
33250
+ ]
33251
+ },
33252
33252
  {
33253
33253
  "kind": "javascript-module",
33254
33254
  "path": "components/selectlistbox/selectlistbox.component.js",
@@ -34803,94 +34803,6 @@
34803
34803
  }
34804
34804
  ]
34805
34805
  },
34806
- {
34807
- "kind": "javascript-module",
34808
- "path": "components/stepperconnector/stepperconnector.component.js",
34809
- "declarations": [
34810
- {
34811
- "kind": "class",
34812
- "description": "StepperConnector component visually represents the connection between two stepper items.\nIndicates whether the connection is complete or incomplete, and supports vertical or horizontal orientation.\nThey are used between 2 `mdc-stepperitem` components to visually connect them and wrapped in a `mdc-stepper` component.",
34813
- "name": "StepperConnector",
34814
- "cssProperties": [
34815
- {
34816
- "description": "Background color for the complete connector",
34817
- "name": "--mdc-stepperconnector-complete-background"
34818
- },
34819
- {
34820
- "description": "Background color for the incomplete connector",
34821
- "name": "--mdc-stepperconnector-incomplete-background"
34822
- }
34823
- ],
34824
- "cssParts": [
34825
- {
34826
- "description": "The main connector line between steps",
34827
- "name": "connector"
34828
- }
34829
- ],
34830
- "members": [
34831
- {
34832
- "kind": "field",
34833
- "name": "status",
34834
- "type": {
34835
- "text": "StatusType"
34836
- },
34837
- "description": "The status of the connector (complete or incomplete)",
34838
- "default": "\"incomplete\"",
34839
- "attribute": "status",
34840
- "reflects": true
34841
- },
34842
- {
34843
- "kind": "field",
34844
- "name": "orientation",
34845
- "type": {
34846
- "text": "OrientationType"
34847
- },
34848
- "description": "The orientation of the connector (vertical or horizontal)",
34849
- "default": "\"horizontal\"",
34850
- "attribute": "orientation",
34851
- "reflects": true
34852
- }
34853
- ],
34854
- "attributes": [
34855
- {
34856
- "name": "status",
34857
- "type": {
34858
- "text": "StatusType"
34859
- },
34860
- "description": "The status of the connector (complete or incomplete)",
34861
- "default": "\"incomplete\"",
34862
- "fieldName": "status"
34863
- },
34864
- {
34865
- "name": "orientation",
34866
- "type": {
34867
- "text": "OrientationType"
34868
- },
34869
- "description": "The orientation of the connector (vertical or horizontal)",
34870
- "default": "\"horizontal\"",
34871
- "fieldName": "orientation"
34872
- }
34873
- ],
34874
- "superclass": {
34875
- "name": "Component",
34876
- "module": "/src/models"
34877
- },
34878
- "tagName": "mdc-stepperconnector",
34879
- "jsDoc": "/**\n * StepperConnector component visually represents the connection between two stepper items.\n * Indicates whether the connection is complete or incomplete, and supports vertical or horizontal orientation.\n * They are used between 2 `mdc-stepperitem` components to visually connect them and wrapped in a `mdc-stepper` component.\n *\n * @tagname mdc-stepperconnector\n *\n * @csspart connector - The main connector line between steps\n *\n * @cssproperty --mdc-stepperconnector-complete-background - Background color for the complete connector\n * @cssproperty --mdc-stepperconnector-incomplete-background - Background color for the incomplete connector\n */",
34880
- "customElement": true
34881
- }
34882
- ],
34883
- "exports": [
34884
- {
34885
- "kind": "js",
34886
- "name": "default",
34887
- "declaration": {
34888
- "name": "StepperConnector",
34889
- "module": "components/stepperconnector/stepperconnector.component.js"
34890
- }
34891
- }
34892
- ]
34893
- },
34894
34806
  {
34895
34807
  "kind": "javascript-module",
34896
34808
  "path": "components/stepperitem/stepperitem.component.js",
@@ -35188,6 +35100,94 @@
35188
35100
  }
35189
35101
  ]
35190
35102
  },
35103
+ {
35104
+ "kind": "javascript-module",
35105
+ "path": "components/stepperconnector/stepperconnector.component.js",
35106
+ "declarations": [
35107
+ {
35108
+ "kind": "class",
35109
+ "description": "StepperConnector component visually represents the connection between two stepper items.\nIndicates whether the connection is complete or incomplete, and supports vertical or horizontal orientation.\nThey are used between 2 `mdc-stepperitem` components to visually connect them and wrapped in a `mdc-stepper` component.",
35110
+ "name": "StepperConnector",
35111
+ "cssProperties": [
35112
+ {
35113
+ "description": "Background color for the complete connector",
35114
+ "name": "--mdc-stepperconnector-complete-background"
35115
+ },
35116
+ {
35117
+ "description": "Background color for the incomplete connector",
35118
+ "name": "--mdc-stepperconnector-incomplete-background"
35119
+ }
35120
+ ],
35121
+ "cssParts": [
35122
+ {
35123
+ "description": "The main connector line between steps",
35124
+ "name": "connector"
35125
+ }
35126
+ ],
35127
+ "members": [
35128
+ {
35129
+ "kind": "field",
35130
+ "name": "status",
35131
+ "type": {
35132
+ "text": "StatusType"
35133
+ },
35134
+ "description": "The status of the connector (complete or incomplete)",
35135
+ "default": "\"incomplete\"",
35136
+ "attribute": "status",
35137
+ "reflects": true
35138
+ },
35139
+ {
35140
+ "kind": "field",
35141
+ "name": "orientation",
35142
+ "type": {
35143
+ "text": "OrientationType"
35144
+ },
35145
+ "description": "The orientation of the connector (vertical or horizontal)",
35146
+ "default": "\"horizontal\"",
35147
+ "attribute": "orientation",
35148
+ "reflects": true
35149
+ }
35150
+ ],
35151
+ "attributes": [
35152
+ {
35153
+ "name": "status",
35154
+ "type": {
35155
+ "text": "StatusType"
35156
+ },
35157
+ "description": "The status of the connector (complete or incomplete)",
35158
+ "default": "\"incomplete\"",
35159
+ "fieldName": "status"
35160
+ },
35161
+ {
35162
+ "name": "orientation",
35163
+ "type": {
35164
+ "text": "OrientationType"
35165
+ },
35166
+ "description": "The orientation of the connector (vertical or horizontal)",
35167
+ "default": "\"horizontal\"",
35168
+ "fieldName": "orientation"
35169
+ }
35170
+ ],
35171
+ "superclass": {
35172
+ "name": "Component",
35173
+ "module": "/src/models"
35174
+ },
35175
+ "tagName": "mdc-stepperconnector",
35176
+ "jsDoc": "/**\n * StepperConnector component visually represents the connection between two stepper items.\n * Indicates whether the connection is complete or incomplete, and supports vertical or horizontal orientation.\n * They are used between 2 `mdc-stepperitem` components to visually connect them and wrapped in a `mdc-stepper` component.\n *\n * @tagname mdc-stepperconnector\n *\n * @csspart connector - The main connector line between steps\n *\n * @cssproperty --mdc-stepperconnector-complete-background - Background color for the complete connector\n * @cssproperty --mdc-stepperconnector-incomplete-background - Background color for the incomplete connector\n */",
35177
+ "customElement": true
35178
+ }
35179
+ ],
35180
+ "exports": [
35181
+ {
35182
+ "kind": "js",
35183
+ "name": "default",
35184
+ "declaration": {
35185
+ "name": "StepperConnector",
35186
+ "module": "components/stepperconnector/stepperconnector.component.js"
35187
+ }
35188
+ }
35189
+ ]
35190
+ },
35191
35191
  {
35192
35192
  "kind": "javascript-module",
35193
35193
  "path": "components/tab/tab.component.js",
@@ -42409,140 +42409,6 @@
42409
42409
  }
42410
42410
  ]
42411
42411
  },
42412
- {
42413
- "kind": "javascript-module",
42414
- "path": "components/virtualizedlist/virtualizedlist.component.js",
42415
- "declarations": [
42416
- {
42417
- "kind": "class",
42418
- "description": "`mdc-virtualizedlist` component for creating custom virtualized lists.\nIMPORTANT: This component does not create it's own list/list items.\nUse the setlistdata callback prop to update client state in order to\nPass list/listitems as a child of this component, which this will virtuailze\nThis implementation handles dynamic lists as well as fixed sized lists.\nPlease refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.",
42419
- "name": "VirtualizedList",
42420
- "slots": [
42421
- {
42422
- "description": "Client side List with nested list items.",
42423
- "name": ""
42424
- }
42425
- ],
42426
- "members": [
42427
- {
42428
- "kind": "field",
42429
- "name": "onscroll",
42430
- "type": {
42431
- "text": "((this: GlobalEventHandlers, ev: Event) => void) | null"
42432
- },
42433
- "description": "Callback that gets called when user scrolls inside of list. This gives access to the scroll container element\nas well via the event. Particularly useful for\nhandling logic related when the user scrolls to the top or bottom of a list.",
42434
- "default": "null",
42435
- "attribute": "onscroll"
42436
- },
42437
- {
42438
- "kind": "field",
42439
- "name": "virtualizerProps",
42440
- "type": {
42441
- "text": "VirtualizerProps"
42442
- },
42443
- "description": "Object that sets and updates the virtualizer with any relevant props.\nThere are two required object props in order to get virtualization to work properly.\ncount - The length of your list that you are virtualizing.\nAs your list grows/shrinks, this component must be updated with the appropriate value\n(Same with any other updated prop).\nestimateSize - A function that returns the estimated size of your items.\nIf your list is fixed, this will just be the size of your items.\nIf your list is dynamic, try to return approximate the size of each item.\n\nA full list of possible props can be in\n[Tanstack Virtualizer API Docs](https://tanstack.com/virtual/latest/docs/api/virtualizer)",
42444
- "attribute": "virtualizerprops"
42445
- },
42446
- {
42447
- "kind": "field",
42448
- "name": "setlistdata",
42449
- "type": {
42450
- "text": "(({ virtualItems, measureElement, listStyle }: SetListDataProps) => void) | null"
42451
- },
42452
- "description": "Callback that gets envoked when updates to the virtualizer interally occur.\nThis must be implemented in such a way that this function will trigger update to parent.\n\nvirtualItems - Array that will be what the client displays on screen. Use this to render\na List of your choosing with these items nested inside as your ListItems.\nmeasureElement - Ref to pass to each ListItem rendered client side.\nEach ListItem should also be be passed key and a data-index (which can be found on the virtualItem).\nlistStyle - This should be passed as the style attribute to your List.",
42453
- "default": "null",
42454
- "attribute": "setlistdata"
42455
- },
42456
- {
42457
- "kind": "field",
42458
- "name": "scrollElementRef",
42459
- "type": {
42460
- "text": "Ref<HTMLDivElement>"
42461
- },
42462
- "privacy": "public"
42463
- },
42464
- {
42465
- "kind": "field",
42466
- "name": "virtualizer",
42467
- "type": {
42468
- "text": "Virtualizer<Element, Element> | null"
42469
- },
42470
- "privacy": "public",
42471
- "default": "null"
42472
- },
42473
- {
42474
- "kind": "field",
42475
- "name": "virtualItems",
42476
- "type": {
42477
- "text": "Array<VirtualItem>"
42478
- },
42479
- "privacy": "public",
42480
- "default": "[]"
42481
- },
42482
- {
42483
- "kind": "field",
42484
- "name": "virtualizerController",
42485
- "type": {
42486
- "text": "null"
42487
- },
42488
- "default": "null"
42489
- }
42490
- ],
42491
- "events": [
42492
- {
42493
- "description": "(React: onScroll) Event that gets called when user scrolls inside of list.",
42494
- "name": "onscroll",
42495
- "reactName": "onScroll"
42496
- }
42497
- ],
42498
- "attributes": [
42499
- {
42500
- "name": "onscroll",
42501
- "type": {
42502
- "text": "((this: GlobalEventHandlers, ev: Event) => void) | null"
42503
- },
42504
- "description": "Callback that gets called when user scrolls inside of list. This gives access to the scroll container element\nas well via the event. Particularly useful for\nhandling logic related when the user scrolls to the top or bottom of a list.",
42505
- "default": "null",
42506
- "fieldName": "onscroll"
42507
- },
42508
- {
42509
- "name": "virtualizerprops",
42510
- "type": {
42511
- "text": "VirtualizerProps"
42512
- },
42513
- "description": "Object that sets and updates the virtualizer with any relevant props.\nThere are two required object props in order to get virtualization to work properly.\ncount - The length of your list that you are virtualizing.\nAs your list grows/shrinks, this component must be updated with the appropriate value\n(Same with any other updated prop).\nestimateSize - A function that returns the estimated size of your items.\nIf your list is fixed, this will just be the size of your items.\nIf your list is dynamic, try to return approximate the size of each item.\n\nA full list of possible props can be in\n[Tanstack Virtualizer API Docs](https://tanstack.com/virtual/latest/docs/api/virtualizer)",
42514
- "fieldName": "virtualizerProps"
42515
- },
42516
- {
42517
- "name": "setlistdata",
42518
- "type": {
42519
- "text": "(({ virtualItems, measureElement, listStyle }: SetListDataProps) => void) | null"
42520
- },
42521
- "description": "Callback that gets envoked when updates to the virtualizer interally occur.\nThis must be implemented in such a way that this function will trigger update to parent.\n\nvirtualItems - Array that will be what the client displays on screen. Use this to render\na List of your choosing with these items nested inside as your ListItems.\nmeasureElement - Ref to pass to each ListItem rendered client side.\nEach ListItem should also be be passed key and a data-index (which can be found on the virtualItem).\nlistStyle - This should be passed as the style attribute to your List.",
42522
- "default": "null",
42523
- "fieldName": "setlistdata"
42524
- }
42525
- ],
42526
- "superclass": {
42527
- "name": "Component",
42528
- "module": "/src/models"
42529
- },
42530
- "tagName": "mdc-virtualizedlist",
42531
- "jsDoc": "/**\n * `mdc-virtualizedlist` component for creating custom virtualized lists.\n * IMPORTANT: This component does not create it's own list/list items.\n * Use the setlistdata callback prop to update client state in order to\n * Pass list/listitems as a child of this component, which this will virtuailze\n * This implementation handles dynamic lists as well as fixed sized lists.\n * Please refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.\n *\n * @tagname mdc-virtualizedlist\n *\n * @event onscroll - (React: onScroll) Event that gets called when user scrolls inside of list.\n *\n * @slot - Client side List with nested list items.\n */",
42532
- "customElement": true
42533
- }
42534
- ],
42535
- "exports": [
42536
- {
42537
- "kind": "js",
42538
- "name": "default",
42539
- "declaration": {
42540
- "name": "VirtualizedList",
42541
- "module": "components/virtualizedlist/virtualizedlist.component.js"
42542
- }
42543
- }
42544
- ]
42545
- },
42546
42412
  {
42547
42413
  "kind": "javascript-module",
42548
42414
  "path": "components/typewriter/typewriter.component.js",
@@ -42879,6 +42745,140 @@
42879
42745
  }
42880
42746
  ]
42881
42747
  },
42748
+ {
42749
+ "kind": "javascript-module",
42750
+ "path": "components/virtualizedlist/virtualizedlist.component.js",
42751
+ "declarations": [
42752
+ {
42753
+ "kind": "class",
42754
+ "description": "`mdc-virtualizedlist` component for creating custom virtualized lists.\nIMPORTANT: This component does not create it's own list/list items.\nUse the setlistdata callback prop to update client state in order to\nPass list/listitems as a child of this component, which this will virtuailze\nThis implementation handles dynamic lists as well as fixed sized lists.\nPlease refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.",
42755
+ "name": "VirtualizedList",
42756
+ "slots": [
42757
+ {
42758
+ "description": "Client side List with nested list items.",
42759
+ "name": ""
42760
+ }
42761
+ ],
42762
+ "members": [
42763
+ {
42764
+ "kind": "field",
42765
+ "name": "onscroll",
42766
+ "type": {
42767
+ "text": "((this: GlobalEventHandlers, ev: Event) => void) | null"
42768
+ },
42769
+ "description": "Callback that gets called when user scrolls inside of list. This gives access to the scroll container element\nas well via the event. Particularly useful for\nhandling logic related when the user scrolls to the top or bottom of a list.",
42770
+ "default": "null",
42771
+ "attribute": "onscroll"
42772
+ },
42773
+ {
42774
+ "kind": "field",
42775
+ "name": "virtualizerProps",
42776
+ "type": {
42777
+ "text": "VirtualizerProps"
42778
+ },
42779
+ "description": "Object that sets and updates the virtualizer with any relevant props.\nThere are two required object props in order to get virtualization to work properly.\ncount - The length of your list that you are virtualizing.\nAs your list grows/shrinks, this component must be updated with the appropriate value\n(Same with any other updated prop).\nestimateSize - A function that returns the estimated size of your items.\nIf your list is fixed, this will just be the size of your items.\nIf your list is dynamic, try to return approximate the size of each item.\n\nA full list of possible props can be in\n[Tanstack Virtualizer API Docs](https://tanstack.com/virtual/latest/docs/api/virtualizer)",
42780
+ "attribute": "virtualizerprops"
42781
+ },
42782
+ {
42783
+ "kind": "field",
42784
+ "name": "setlistdata",
42785
+ "type": {
42786
+ "text": "(({ virtualItems, measureElement, listStyle }: SetListDataProps) => void) | null"
42787
+ },
42788
+ "description": "Callback that gets envoked when updates to the virtualizer interally occur.\nThis must be implemented in such a way that this function will trigger update to parent.\n\nvirtualItems - Array that will be what the client displays on screen. Use this to render\na List of your choosing with these items nested inside as your ListItems.\nmeasureElement - Ref to pass to each ListItem rendered client side.\nEach ListItem should also be be passed key and a data-index (which can be found on the virtualItem).\nlistStyle - This should be passed as the style attribute to your List.",
42789
+ "default": "null",
42790
+ "attribute": "setlistdata"
42791
+ },
42792
+ {
42793
+ "kind": "field",
42794
+ "name": "scrollElementRef",
42795
+ "type": {
42796
+ "text": "Ref<HTMLDivElement>"
42797
+ },
42798
+ "privacy": "public"
42799
+ },
42800
+ {
42801
+ "kind": "field",
42802
+ "name": "virtualizer",
42803
+ "type": {
42804
+ "text": "Virtualizer<Element, Element> | null"
42805
+ },
42806
+ "privacy": "public",
42807
+ "default": "null"
42808
+ },
42809
+ {
42810
+ "kind": "field",
42811
+ "name": "virtualItems",
42812
+ "type": {
42813
+ "text": "Array<VirtualItem>"
42814
+ },
42815
+ "privacy": "public",
42816
+ "default": "[]"
42817
+ },
42818
+ {
42819
+ "kind": "field",
42820
+ "name": "virtualizerController",
42821
+ "type": {
42822
+ "text": "null"
42823
+ },
42824
+ "default": "null"
42825
+ }
42826
+ ],
42827
+ "events": [
42828
+ {
42829
+ "description": "(React: onScroll) Event that gets called when user scrolls inside of list.",
42830
+ "name": "onscroll",
42831
+ "reactName": "onScroll"
42832
+ }
42833
+ ],
42834
+ "attributes": [
42835
+ {
42836
+ "name": "onscroll",
42837
+ "type": {
42838
+ "text": "((this: GlobalEventHandlers, ev: Event) => void) | null"
42839
+ },
42840
+ "description": "Callback that gets called when user scrolls inside of list. This gives access to the scroll container element\nas well via the event. Particularly useful for\nhandling logic related when the user scrolls to the top or bottom of a list.",
42841
+ "default": "null",
42842
+ "fieldName": "onscroll"
42843
+ },
42844
+ {
42845
+ "name": "virtualizerprops",
42846
+ "type": {
42847
+ "text": "VirtualizerProps"
42848
+ },
42849
+ "description": "Object that sets and updates the virtualizer with any relevant props.\nThere are two required object props in order to get virtualization to work properly.\ncount - The length of your list that you are virtualizing.\nAs your list grows/shrinks, this component must be updated with the appropriate value\n(Same with any other updated prop).\nestimateSize - A function that returns the estimated size of your items.\nIf your list is fixed, this will just be the size of your items.\nIf your list is dynamic, try to return approximate the size of each item.\n\nA full list of possible props can be in\n[Tanstack Virtualizer API Docs](https://tanstack.com/virtual/latest/docs/api/virtualizer)",
42850
+ "fieldName": "virtualizerProps"
42851
+ },
42852
+ {
42853
+ "name": "setlistdata",
42854
+ "type": {
42855
+ "text": "(({ virtualItems, measureElement, listStyle }: SetListDataProps) => void) | null"
42856
+ },
42857
+ "description": "Callback that gets envoked when updates to the virtualizer interally occur.\nThis must be implemented in such a way that this function will trigger update to parent.\n\nvirtualItems - Array that will be what the client displays on screen. Use this to render\na List of your choosing with these items nested inside as your ListItems.\nmeasureElement - Ref to pass to each ListItem rendered client side.\nEach ListItem should also be be passed key and a data-index (which can be found on the virtualItem).\nlistStyle - This should be passed as the style attribute to your List.",
42858
+ "default": "null",
42859
+ "fieldName": "setlistdata"
42860
+ }
42861
+ ],
42862
+ "superclass": {
42863
+ "name": "Component",
42864
+ "module": "/src/models"
42865
+ },
42866
+ "tagName": "mdc-virtualizedlist",
42867
+ "jsDoc": "/**\n * `mdc-virtualizedlist` component for creating custom virtualized lists.\n * IMPORTANT: This component does not create it's own list/list items.\n * Use the setlistdata callback prop to update client state in order to\n * Pass list/listitems as a child of this component, which this will virtuailze\n * This implementation handles dynamic lists as well as fixed sized lists.\n * Please refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.\n *\n * @tagname mdc-virtualizedlist\n *\n * @event onscroll - (React: onScroll) Event that gets called when user scrolls inside of list.\n *\n * @slot - Client side List with nested list items.\n */",
42868
+ "customElement": true
42869
+ }
42870
+ ],
42871
+ "exports": [
42872
+ {
42873
+ "kind": "js",
42874
+ "name": "default",
42875
+ "declaration": {
42876
+ "name": "VirtualizedList",
42877
+ "module": "components/virtualizedlist/virtualizedlist.component.js"
42878
+ }
42879
+ }
42880
+ ]
42881
+ },
42882
42882
  {
42883
42883
  "kind": "javascript-module",
42884
42884
  "path": "utils/mixins/AutoFocusMixin.js",