@genesislcap/foundation-ui 14.316.0 → 14.317.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +271 -183
- package/dist/dts/number-field/number-field.d.ts.map +1 -1
- package/dist/dts/number-field/utils.d.ts +8 -0
- package/dist/dts/number-field/utils.d.ts.map +1 -1
- package/dist/dts/stepper/stepper.d.ts +5 -0
- package/dist/dts/stepper/stepper.d.ts.map +1 -1
- package/dist/dts/stepper/stepper.styles.d.ts.map +1 -1
- package/dist/dts/stepper/stepper.template.d.ts.map +1 -1
- package/dist/esm/number-field/number-field.js +6 -4
- package/dist/esm/number-field/utils.js +45 -0
- package/dist/esm/stepper/stepper.js +28 -10
- package/dist/esm/stepper/stepper.styles.js +8 -0
- package/dist/esm/stepper/stepper.template.js +3 -2
- package/package.json +18 -18
|
@@ -1680,6 +1680,188 @@
|
|
|
1680
1680
|
}
|
|
1681
1681
|
]
|
|
1682
1682
|
},
|
|
1683
|
+
{
|
|
1684
|
+
"kind": "javascript-module",
|
|
1685
|
+
"path": "src/accordion/accordion.styles.ts",
|
|
1686
|
+
"declarations": [
|
|
1687
|
+
{
|
|
1688
|
+
"kind": "function",
|
|
1689
|
+
"name": "foundationAccordionStyles",
|
|
1690
|
+
"return": {
|
|
1691
|
+
"type": {
|
|
1692
|
+
"text": "ElementStyles"
|
|
1693
|
+
}
|
|
1694
|
+
},
|
|
1695
|
+
"parameters": [
|
|
1696
|
+
{
|
|
1697
|
+
"name": "context",
|
|
1698
|
+
"type": {
|
|
1699
|
+
"text": "ElementDefinitionContext"
|
|
1700
|
+
}
|
|
1701
|
+
},
|
|
1702
|
+
{
|
|
1703
|
+
"name": "definition",
|
|
1704
|
+
"type": {
|
|
1705
|
+
"text": "FoundationElementDefinition"
|
|
1706
|
+
}
|
|
1707
|
+
}
|
|
1708
|
+
]
|
|
1709
|
+
}
|
|
1710
|
+
],
|
|
1711
|
+
"exports": [
|
|
1712
|
+
{
|
|
1713
|
+
"kind": "js",
|
|
1714
|
+
"name": "foundationAccordionStyles",
|
|
1715
|
+
"declaration": {
|
|
1716
|
+
"name": "foundationAccordionStyles",
|
|
1717
|
+
"module": "src/accordion/accordion.styles.ts"
|
|
1718
|
+
}
|
|
1719
|
+
}
|
|
1720
|
+
]
|
|
1721
|
+
},
|
|
1722
|
+
{
|
|
1723
|
+
"kind": "javascript-module",
|
|
1724
|
+
"path": "src/accordion/accordion.template.ts",
|
|
1725
|
+
"declarations": [
|
|
1726
|
+
{
|
|
1727
|
+
"kind": "function",
|
|
1728
|
+
"name": "foundationAccordionTemplate",
|
|
1729
|
+
"return": {
|
|
1730
|
+
"type": {
|
|
1731
|
+
"text": "ViewTemplate<Accordion>"
|
|
1732
|
+
}
|
|
1733
|
+
},
|
|
1734
|
+
"parameters": [
|
|
1735
|
+
{
|
|
1736
|
+
"name": "context",
|
|
1737
|
+
"type": {
|
|
1738
|
+
"text": "ElementDefinitionContext"
|
|
1739
|
+
}
|
|
1740
|
+
},
|
|
1741
|
+
{
|
|
1742
|
+
"name": "definition",
|
|
1743
|
+
"type": {
|
|
1744
|
+
"text": "FoundationElementDefinition"
|
|
1745
|
+
}
|
|
1746
|
+
}
|
|
1747
|
+
]
|
|
1748
|
+
}
|
|
1749
|
+
],
|
|
1750
|
+
"exports": [
|
|
1751
|
+
{
|
|
1752
|
+
"kind": "js",
|
|
1753
|
+
"name": "foundationAccordionTemplate",
|
|
1754
|
+
"declaration": {
|
|
1755
|
+
"name": "foundationAccordionTemplate",
|
|
1756
|
+
"module": "src/accordion/accordion.template.ts"
|
|
1757
|
+
}
|
|
1758
|
+
}
|
|
1759
|
+
]
|
|
1760
|
+
},
|
|
1761
|
+
{
|
|
1762
|
+
"kind": "javascript-module",
|
|
1763
|
+
"path": "src/accordion/accordion.ts",
|
|
1764
|
+
"declarations": [
|
|
1765
|
+
{
|
|
1766
|
+
"kind": "class",
|
|
1767
|
+
"description": "",
|
|
1768
|
+
"name": "Accordion",
|
|
1769
|
+
"superclass": {
|
|
1770
|
+
"name": "FASTAccordion",
|
|
1771
|
+
"package": "@microsoft/fast-foundation"
|
|
1772
|
+
},
|
|
1773
|
+
"tagName": "%%prefix%%-accordion",
|
|
1774
|
+
"customElement": true
|
|
1775
|
+
},
|
|
1776
|
+
{
|
|
1777
|
+
"kind": "variable",
|
|
1778
|
+
"name": "foundationAccordionShadowOptions",
|
|
1779
|
+
"type": {
|
|
1780
|
+
"text": "ShadowRootInit"
|
|
1781
|
+
},
|
|
1782
|
+
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
1783
|
+
},
|
|
1784
|
+
{
|
|
1785
|
+
"kind": "variable",
|
|
1786
|
+
"name": "defaultAccordionConfig",
|
|
1787
|
+
"type": {
|
|
1788
|
+
"text": "object"
|
|
1789
|
+
},
|
|
1790
|
+
"default": "{}"
|
|
1791
|
+
},
|
|
1792
|
+
{
|
|
1793
|
+
"kind": "variable",
|
|
1794
|
+
"name": "foundationAccordion",
|
|
1795
|
+
"description": "The Foundation Accordion",
|
|
1796
|
+
"privacy": "public"
|
|
1797
|
+
}
|
|
1798
|
+
],
|
|
1799
|
+
"exports": [
|
|
1800
|
+
{
|
|
1801
|
+
"kind": "js",
|
|
1802
|
+
"name": "Accordion",
|
|
1803
|
+
"declaration": {
|
|
1804
|
+
"name": "Accordion",
|
|
1805
|
+
"module": "src/accordion/accordion.ts"
|
|
1806
|
+
}
|
|
1807
|
+
},
|
|
1808
|
+
{
|
|
1809
|
+
"kind": "js",
|
|
1810
|
+
"name": "foundationAccordionShadowOptions",
|
|
1811
|
+
"declaration": {
|
|
1812
|
+
"name": "foundationAccordionShadowOptions",
|
|
1813
|
+
"module": "src/accordion/accordion.ts"
|
|
1814
|
+
}
|
|
1815
|
+
},
|
|
1816
|
+
{
|
|
1817
|
+
"kind": "js",
|
|
1818
|
+
"name": "defaultAccordionConfig",
|
|
1819
|
+
"declaration": {
|
|
1820
|
+
"name": "defaultAccordionConfig",
|
|
1821
|
+
"module": "src/accordion/accordion.ts"
|
|
1822
|
+
}
|
|
1823
|
+
},
|
|
1824
|
+
{
|
|
1825
|
+
"kind": "js",
|
|
1826
|
+
"name": "foundationAccordion",
|
|
1827
|
+
"declaration": {
|
|
1828
|
+
"name": "foundationAccordion",
|
|
1829
|
+
"module": "src/accordion/accordion.ts"
|
|
1830
|
+
}
|
|
1831
|
+
}
|
|
1832
|
+
]
|
|
1833
|
+
},
|
|
1834
|
+
{
|
|
1835
|
+
"kind": "javascript-module",
|
|
1836
|
+
"path": "src/accordion/index.ts",
|
|
1837
|
+
"declarations": [],
|
|
1838
|
+
"exports": [
|
|
1839
|
+
{
|
|
1840
|
+
"kind": "js",
|
|
1841
|
+
"name": "*",
|
|
1842
|
+
"declaration": {
|
|
1843
|
+
"name": "*",
|
|
1844
|
+
"package": "./accordion.template"
|
|
1845
|
+
}
|
|
1846
|
+
},
|
|
1847
|
+
{
|
|
1848
|
+
"kind": "js",
|
|
1849
|
+
"name": "*",
|
|
1850
|
+
"declaration": {
|
|
1851
|
+
"name": "*",
|
|
1852
|
+
"package": "./accordion.styles"
|
|
1853
|
+
}
|
|
1854
|
+
},
|
|
1855
|
+
{
|
|
1856
|
+
"kind": "js",
|
|
1857
|
+
"name": "*",
|
|
1858
|
+
"declaration": {
|
|
1859
|
+
"name": "*",
|
|
1860
|
+
"package": "./accordion"
|
|
1861
|
+
}
|
|
1862
|
+
}
|
|
1863
|
+
]
|
|
1864
|
+
},
|
|
1683
1865
|
{
|
|
1684
1866
|
"kind": "javascript-module",
|
|
1685
1867
|
"path": "src/actions-menu/actions-menu.styles.ts",
|
|
@@ -2759,188 +2941,6 @@
|
|
|
2759
2941
|
}
|
|
2760
2942
|
]
|
|
2761
2943
|
},
|
|
2762
|
-
{
|
|
2763
|
-
"kind": "javascript-module",
|
|
2764
|
-
"path": "src/accordion/accordion.styles.ts",
|
|
2765
|
-
"declarations": [
|
|
2766
|
-
{
|
|
2767
|
-
"kind": "function",
|
|
2768
|
-
"name": "foundationAccordionStyles",
|
|
2769
|
-
"return": {
|
|
2770
|
-
"type": {
|
|
2771
|
-
"text": "ElementStyles"
|
|
2772
|
-
}
|
|
2773
|
-
},
|
|
2774
|
-
"parameters": [
|
|
2775
|
-
{
|
|
2776
|
-
"name": "context",
|
|
2777
|
-
"type": {
|
|
2778
|
-
"text": "ElementDefinitionContext"
|
|
2779
|
-
}
|
|
2780
|
-
},
|
|
2781
|
-
{
|
|
2782
|
-
"name": "definition",
|
|
2783
|
-
"type": {
|
|
2784
|
-
"text": "FoundationElementDefinition"
|
|
2785
|
-
}
|
|
2786
|
-
}
|
|
2787
|
-
]
|
|
2788
|
-
}
|
|
2789
|
-
],
|
|
2790
|
-
"exports": [
|
|
2791
|
-
{
|
|
2792
|
-
"kind": "js",
|
|
2793
|
-
"name": "foundationAccordionStyles",
|
|
2794
|
-
"declaration": {
|
|
2795
|
-
"name": "foundationAccordionStyles",
|
|
2796
|
-
"module": "src/accordion/accordion.styles.ts"
|
|
2797
|
-
}
|
|
2798
|
-
}
|
|
2799
|
-
]
|
|
2800
|
-
},
|
|
2801
|
-
{
|
|
2802
|
-
"kind": "javascript-module",
|
|
2803
|
-
"path": "src/accordion/accordion.template.ts",
|
|
2804
|
-
"declarations": [
|
|
2805
|
-
{
|
|
2806
|
-
"kind": "function",
|
|
2807
|
-
"name": "foundationAccordionTemplate",
|
|
2808
|
-
"return": {
|
|
2809
|
-
"type": {
|
|
2810
|
-
"text": "ViewTemplate<Accordion>"
|
|
2811
|
-
}
|
|
2812
|
-
},
|
|
2813
|
-
"parameters": [
|
|
2814
|
-
{
|
|
2815
|
-
"name": "context",
|
|
2816
|
-
"type": {
|
|
2817
|
-
"text": "ElementDefinitionContext"
|
|
2818
|
-
}
|
|
2819
|
-
},
|
|
2820
|
-
{
|
|
2821
|
-
"name": "definition",
|
|
2822
|
-
"type": {
|
|
2823
|
-
"text": "FoundationElementDefinition"
|
|
2824
|
-
}
|
|
2825
|
-
}
|
|
2826
|
-
]
|
|
2827
|
-
}
|
|
2828
|
-
],
|
|
2829
|
-
"exports": [
|
|
2830
|
-
{
|
|
2831
|
-
"kind": "js",
|
|
2832
|
-
"name": "foundationAccordionTemplate",
|
|
2833
|
-
"declaration": {
|
|
2834
|
-
"name": "foundationAccordionTemplate",
|
|
2835
|
-
"module": "src/accordion/accordion.template.ts"
|
|
2836
|
-
}
|
|
2837
|
-
}
|
|
2838
|
-
]
|
|
2839
|
-
},
|
|
2840
|
-
{
|
|
2841
|
-
"kind": "javascript-module",
|
|
2842
|
-
"path": "src/accordion/accordion.ts",
|
|
2843
|
-
"declarations": [
|
|
2844
|
-
{
|
|
2845
|
-
"kind": "class",
|
|
2846
|
-
"description": "",
|
|
2847
|
-
"name": "Accordion",
|
|
2848
|
-
"superclass": {
|
|
2849
|
-
"name": "FASTAccordion",
|
|
2850
|
-
"package": "@microsoft/fast-foundation"
|
|
2851
|
-
},
|
|
2852
|
-
"tagName": "%%prefix%%-accordion",
|
|
2853
|
-
"customElement": true
|
|
2854
|
-
},
|
|
2855
|
-
{
|
|
2856
|
-
"kind": "variable",
|
|
2857
|
-
"name": "foundationAccordionShadowOptions",
|
|
2858
|
-
"type": {
|
|
2859
|
-
"text": "ShadowRootInit"
|
|
2860
|
-
},
|
|
2861
|
-
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
2862
|
-
},
|
|
2863
|
-
{
|
|
2864
|
-
"kind": "variable",
|
|
2865
|
-
"name": "defaultAccordionConfig",
|
|
2866
|
-
"type": {
|
|
2867
|
-
"text": "object"
|
|
2868
|
-
},
|
|
2869
|
-
"default": "{}"
|
|
2870
|
-
},
|
|
2871
|
-
{
|
|
2872
|
-
"kind": "variable",
|
|
2873
|
-
"name": "foundationAccordion",
|
|
2874
|
-
"description": "The Foundation Accordion",
|
|
2875
|
-
"privacy": "public"
|
|
2876
|
-
}
|
|
2877
|
-
],
|
|
2878
|
-
"exports": [
|
|
2879
|
-
{
|
|
2880
|
-
"kind": "js",
|
|
2881
|
-
"name": "Accordion",
|
|
2882
|
-
"declaration": {
|
|
2883
|
-
"name": "Accordion",
|
|
2884
|
-
"module": "src/accordion/accordion.ts"
|
|
2885
|
-
}
|
|
2886
|
-
},
|
|
2887
|
-
{
|
|
2888
|
-
"kind": "js",
|
|
2889
|
-
"name": "foundationAccordionShadowOptions",
|
|
2890
|
-
"declaration": {
|
|
2891
|
-
"name": "foundationAccordionShadowOptions",
|
|
2892
|
-
"module": "src/accordion/accordion.ts"
|
|
2893
|
-
}
|
|
2894
|
-
},
|
|
2895
|
-
{
|
|
2896
|
-
"kind": "js",
|
|
2897
|
-
"name": "defaultAccordionConfig",
|
|
2898
|
-
"declaration": {
|
|
2899
|
-
"name": "defaultAccordionConfig",
|
|
2900
|
-
"module": "src/accordion/accordion.ts"
|
|
2901
|
-
}
|
|
2902
|
-
},
|
|
2903
|
-
{
|
|
2904
|
-
"kind": "js",
|
|
2905
|
-
"name": "foundationAccordion",
|
|
2906
|
-
"declaration": {
|
|
2907
|
-
"name": "foundationAccordion",
|
|
2908
|
-
"module": "src/accordion/accordion.ts"
|
|
2909
|
-
}
|
|
2910
|
-
}
|
|
2911
|
-
]
|
|
2912
|
-
},
|
|
2913
|
-
{
|
|
2914
|
-
"kind": "javascript-module",
|
|
2915
|
-
"path": "src/accordion/index.ts",
|
|
2916
|
-
"declarations": [],
|
|
2917
|
-
"exports": [
|
|
2918
|
-
{
|
|
2919
|
-
"kind": "js",
|
|
2920
|
-
"name": "*",
|
|
2921
|
-
"declaration": {
|
|
2922
|
-
"name": "*",
|
|
2923
|
-
"package": "./accordion.template"
|
|
2924
|
-
}
|
|
2925
|
-
},
|
|
2926
|
-
{
|
|
2927
|
-
"kind": "js",
|
|
2928
|
-
"name": "*",
|
|
2929
|
-
"declaration": {
|
|
2930
|
-
"name": "*",
|
|
2931
|
-
"package": "./accordion.styles"
|
|
2932
|
-
}
|
|
2933
|
-
},
|
|
2934
|
-
{
|
|
2935
|
-
"kind": "js",
|
|
2936
|
-
"name": "*",
|
|
2937
|
-
"declaration": {
|
|
2938
|
-
"name": "*",
|
|
2939
|
-
"package": "./accordion"
|
|
2940
|
-
}
|
|
2941
|
-
}
|
|
2942
|
-
]
|
|
2943
|
-
},
|
|
2944
2944
|
{
|
|
2945
2945
|
"kind": "javascript-module",
|
|
2946
2946
|
"path": "src/anchored-region/anchor-region.template.ts",
|
|
@@ -29638,6 +29638,32 @@
|
|
|
29638
29638
|
}
|
|
29639
29639
|
]
|
|
29640
29640
|
},
|
|
29641
|
+
{
|
|
29642
|
+
"kind": "function",
|
|
29643
|
+
"name": "applyDecimalPrecisionLimits",
|
|
29644
|
+
"return": {
|
|
29645
|
+
"type": {
|
|
29646
|
+
"text": ""
|
|
29647
|
+
}
|
|
29648
|
+
},
|
|
29649
|
+
"parameters": [
|
|
29650
|
+
{
|
|
29651
|
+
"name": "value",
|
|
29652
|
+
"type": {
|
|
29653
|
+
"text": "string"
|
|
29654
|
+
},
|
|
29655
|
+
"description": "The raw numeric value string"
|
|
29656
|
+
},
|
|
29657
|
+
{
|
|
29658
|
+
"name": "options",
|
|
29659
|
+
"type": {
|
|
29660
|
+
"text": "Intl.NumberFormatOptions"
|
|
29661
|
+
},
|
|
29662
|
+
"description": "Intl formatting options containing min/max fraction digits"
|
|
29663
|
+
}
|
|
29664
|
+
],
|
|
29665
|
+
"description": "Apply decimal precision limits to a raw numeric value string\nThis ensures the value respects min/max fraction digits without formatting"
|
|
29666
|
+
},
|
|
29641
29667
|
{
|
|
29642
29668
|
"kind": "function",
|
|
29643
29669
|
"name": "preserveTrailingZerosAfterParse",
|
|
@@ -29939,6 +29965,14 @@
|
|
|
29939
29965
|
"module": "src/number-field/utils.ts"
|
|
29940
29966
|
}
|
|
29941
29967
|
},
|
|
29968
|
+
{
|
|
29969
|
+
"kind": "js",
|
|
29970
|
+
"name": "applyDecimalPrecisionLimits",
|
|
29971
|
+
"declaration": {
|
|
29972
|
+
"name": "applyDecimalPrecisionLimits",
|
|
29973
|
+
"module": "src/number-field/utils.ts"
|
|
29974
|
+
}
|
|
29975
|
+
},
|
|
29942
29976
|
{
|
|
29943
29977
|
"kind": "js",
|
|
29944
29978
|
"name": "preserveTrailingZerosAfterParse",
|
|
@@ -41454,7 +41488,7 @@
|
|
|
41454
41488
|
"type": {
|
|
41455
41489
|
"text": "ElementStyles"
|
|
41456
41490
|
},
|
|
41457
|
-
"default": "css`\n :host {\n display: flex;\n height: 100%;\n width: 100%;\n }\n\n :host([orientation='horizontal']) {\n flex-direction: column;\n }\n\n .stepper-tab {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n max-width: 280px;\n border-radius: 0;\n }\n\n .action-buttons-container {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n }\n\n .stepper-panel-container {\n height: 100%;\n overflow: hidden;\n padding: 15px;\n }\n\n .stepper-tab-menu {\n display: flex;\n flex-direction: column;\n width: 100%;\n margin-bottom: 30px;\n }\n\n .stepper-tab-progress {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: start;\n flex: 1;\n }\n\n .stepper-tab-progress .progress-ring {\n --design-unit: 10;\n\n margin: 0;\n }\n\n .stepper-tab-panel {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: 100%;\n min-width: 370px;\n border-radius: 0;\n }\n\n label {\n padding: 0 10px;\n color: rgb(135 155 166);\n display: block;\n cursor: pointer;\n text-align: center;\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-style: normal;\n margin: calc(var(--design-unit) * 2px) 0;\n }\n\n :host([orientation='horizontal']) .stepper-tab-menu {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: row;\n margin-bottom: 0;\n align-items: center;\n justify-content: center;\n gap: calc(var(--design-unit) * 4px);\n padding: 0 calc(var(--design-unit) * 4px);\n }\n\n :host([orientation='horizontal']) .stepper-tab {\n max-width: 100%;\n max-height: 70px;\n height: 70px;\n }\n`"
|
|
41491
|
+
"default": "css`\n :host {\n display: flex;\n height: 100%;\n width: 100%;\n }\n\n :host([orientation='horizontal']) {\n flex-direction: column;\n }\n\n .stepper-tab {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n max-width: 280px;\n border-radius: 0;\n }\n\n .action-buttons-container {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n }\n\n .stepper-panel-container {\n height: 100%;\n overflow: hidden;\n padding: 15px;\n }\n\n .stepper-tab-menu {\n display: flex;\n flex-direction: column;\n width: 100%;\n margin-bottom: 30px;\n }\n\n .stepper-tab-menu-hidden {\n display: none;\n }\n\n .stepper-tab-progress {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: start;\n flex: 1;\n }\n\n .stepper-tab-progress .progress-ring {\n --design-unit: 10;\n\n margin: 0;\n }\n\n .stepper-tab-panel {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: 100%;\n min-width: 370px;\n border-radius: 0;\n }\n\n label {\n padding: 0 10px;\n color: rgb(135 155 166);\n display: block;\n cursor: pointer;\n text-align: center;\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-style: normal;\n margin: calc(var(--design-unit) * 2px) 0;\n }\n\n :host([orientation='horizontal']) .stepper-tab-menu {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: row;\n margin-bottom: 0;\n align-items: center;\n justify-content: center;\n gap: calc(var(--design-unit) * 4px);\n padding: 0 calc(var(--design-unit) * 4px);\n }\n\n :host([orientation='horizontal']) .stepper-tab-hidden {\n display: none;\n }\n\n :host([orientation='horizontal']) .stepper-tab {\n max-width: 100%;\n max-height: 70px;\n height: 70px;\n }\n`"
|
|
41458
41492
|
}
|
|
41459
41493
|
],
|
|
41460
41494
|
"exports": [
|
|
@@ -41553,6 +41587,14 @@
|
|
|
41553
41587
|
},
|
|
41554
41588
|
"default": "false"
|
|
41555
41589
|
},
|
|
41590
|
+
{
|
|
41591
|
+
"kind": "field",
|
|
41592
|
+
"name": "hideTabs",
|
|
41593
|
+
"type": {
|
|
41594
|
+
"text": "boolean"
|
|
41595
|
+
},
|
|
41596
|
+
"default": "false"
|
|
41597
|
+
},
|
|
41556
41598
|
{
|
|
41557
41599
|
"kind": "field",
|
|
41558
41600
|
"name": "orientation",
|
|
@@ -41677,6 +41719,44 @@
|
|
|
41677
41719
|
},
|
|
41678
41720
|
"privacy": "private"
|
|
41679
41721
|
},
|
|
41722
|
+
{
|
|
41723
|
+
"kind": "field",
|
|
41724
|
+
"name": "pendingNextStep",
|
|
41725
|
+
"type": {
|
|
41726
|
+
"text": "boolean"
|
|
41727
|
+
},
|
|
41728
|
+
"privacy": "private",
|
|
41729
|
+
"default": "false"
|
|
41730
|
+
},
|
|
41731
|
+
{
|
|
41732
|
+
"kind": "field",
|
|
41733
|
+
"name": "slotsInitialized",
|
|
41734
|
+
"type": {
|
|
41735
|
+
"text": "boolean"
|
|
41736
|
+
},
|
|
41737
|
+
"privacy": "private",
|
|
41738
|
+
"default": "false"
|
|
41739
|
+
},
|
|
41740
|
+
{
|
|
41741
|
+
"kind": "method",
|
|
41742
|
+
"name": "setTabsAndTabPanels",
|
|
41743
|
+
"privacy": "private",
|
|
41744
|
+
"return": {
|
|
41745
|
+
"type": {
|
|
41746
|
+
"text": "void"
|
|
41747
|
+
}
|
|
41748
|
+
}
|
|
41749
|
+
},
|
|
41750
|
+
{
|
|
41751
|
+
"kind": "method",
|
|
41752
|
+
"name": "checkAndExecutePendingNextStep",
|
|
41753
|
+
"privacy": "private",
|
|
41754
|
+
"return": {
|
|
41755
|
+
"type": {
|
|
41756
|
+
"text": "void"
|
|
41757
|
+
}
|
|
41758
|
+
}
|
|
41759
|
+
},
|
|
41680
41760
|
{
|
|
41681
41761
|
"kind": "method",
|
|
41682
41762
|
"name": "getActiveIndex",
|
|
@@ -42011,6 +42091,14 @@
|
|
|
42011
42091
|
"default": "false",
|
|
42012
42092
|
"fieldName": "hideAllButtons"
|
|
42013
42093
|
},
|
|
42094
|
+
{
|
|
42095
|
+
"name": "hide-tabs",
|
|
42096
|
+
"type": {
|
|
42097
|
+
"text": "boolean"
|
|
42098
|
+
},
|
|
42099
|
+
"default": "false",
|
|
42100
|
+
"fieldName": "hideTabs"
|
|
42101
|
+
},
|
|
42014
42102
|
{
|
|
42015
42103
|
"name": "orientation",
|
|
42016
42104
|
"type": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../src/number-field/number-field.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../src/number-field/number-field.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAiBrE;;GAEG;AACH,qBAAa,WAAY,SAAQ,eAAe;IACxC,YAAY,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,mBAAmB;IAKA,QAAQ,EAAE,OAAO,CAAS;IAC/C,KAAK,EAAE,MAAM,CAAM;IACE,cAAc,EAAE,OAAO,CAAS;IACrD,MAAM,EAAE,MAAM,CAAW;IACJ,iBAAiB,EAAE,OAAO,CAAS;IACxD,qBAAqB,EAAE,MAAM,CAAuB;IAE1D,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAG/B;IAEF,MAAM,IAAI,IAAI;IAuCd,QAAQ,IAAI,IAAI;IA0ChB,2BAA2B;IAK3B,eAAe,IAAI,IAAI;IAoCvB,YAAY,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI;IA+C5C,UAAU,IAAI,IAAI;CA4BnB;AAED,eAAO,MAAM,kCAAkC,EAAE,cAGhD,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;CAWpC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,oTAMhC,CAAC"}
|
|
@@ -4,6 +4,14 @@ export declare const getSeparatorsFromParser: (value: string, locale: string) =>
|
|
|
4
4
|
export declare const formatControlValue: (value: string, locale: string) => string;
|
|
5
5
|
export declare const sanitiseInputVal: (inputVal: string, locale: string) => string;
|
|
6
6
|
export declare const toIntlNumberFormat: (value: string, locale: string, options: Intl.NumberFormatOptions) => string;
|
|
7
|
+
/**
|
|
8
|
+
* Apply decimal precision limits to a raw numeric value string
|
|
9
|
+
* This ensures the value respects min/max fraction digits without formatting
|
|
10
|
+
* @param value - The raw numeric value string
|
|
11
|
+
* @param options - Intl formatting options containing min/max fraction digits
|
|
12
|
+
* @returns Value string with applied decimal precision limits
|
|
13
|
+
*/
|
|
14
|
+
export declare const applyDecimalPrecisionLimits: (value: string, options: Intl.NumberFormatOptions) => string;
|
|
7
15
|
export declare const preserveTrailingZerosAfterParse: (value: string, parsedValue: string, locale: string) => string;
|
|
8
16
|
/**
|
|
9
17
|
* Validates and formats a value based on locale and precision
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/number-field/utils.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,uBAAuB,GAClC,OAAO,MAAM,EACb,QAAQ,MAAM,KACb;IAAE,gBAAgB,EAAE,MAAM,CAAA;CAI5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAG,MAWlE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,UAAU,MAAM,EAAE,QAAQ,MAAM,KAAG,MAEnE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,SAAS,IAAI,CAAC,mBAAmB,KAChC,MAEF,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAC1C,OAAO,MAAM,EACb,aAAa,MAAM,EACnB,QAAQ,MAAM,KACb,MA+BF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO,MAAM,GAAG,MAAM,EACtB,QAAQ,MAAM,EACd,wBAAqB,EACrB,YAAY,MAAM,KACjB,MA8DF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,EAAE,YAAY,MAAM,KAAG,MAGjF,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,uBAAqB,EACrB,KAAK,MAAM,EACX,KAAK,MAAM,EACX,YAAY,MAAM,KACjB,MAaF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,MAyBvD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,GAAI,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,MAyB5D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,aAAa,MAAM,GAAG,MAAM,EAAE,MAAM,MAAM,KAAG,MAgDnF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,aAAa,MAAM,GAAG,MAAM,EAAE,MAAM,MAAM,KAAG,MA+CnF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,GAAI,OAAO,MAAM,GAAG,MAAM,KAAG,MA8BnE,CAAC"}
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/number-field/utils.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,uBAAuB,GAClC,OAAO,MAAM,EACb,QAAQ,MAAM,KACb;IAAE,gBAAgB,EAAE,MAAM,CAAA;CAI5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAG,MAWlE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,UAAU,MAAM,EAAE,QAAQ,MAAM,KAAG,MAEnE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,SAAS,IAAI,CAAC,mBAAmB,KAChC,MAEF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,2BAA2B,GACtC,OAAO,MAAM,EACb,SAAS,IAAI,CAAC,mBAAmB,KAChC,MAyCF,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAC1C,OAAO,MAAM,EACb,aAAa,MAAM,EACnB,QAAQ,MAAM,KACb,MA+BF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO,MAAM,GAAG,MAAM,EACtB,QAAQ,MAAM,EACd,wBAAqB,EACrB,YAAY,MAAM,KACjB,MA8DF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,EAAE,YAAY,MAAM,KAAG,MAGjF,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,uBAAqB,EACrB,KAAK,MAAM,EACX,KAAK,MAAM,EACX,YAAY,MAAM,KACjB,MAaF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,MAyBvD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,GAAI,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,MAyB5D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,aAAa,MAAM,GAAG,MAAM,EAAE,MAAM,MAAM,KAAG,MAgDnF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,aAAa,MAAM,GAAG,MAAM,EAAE,MAAM,MAAM,KAAG,MA+CnF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,GAAI,OAAO,MAAM,GAAG,MAAM,KAAG,MA8BnE,CAAC"}
|
|
@@ -12,6 +12,7 @@ export declare class Stepper extends FoundationElement {
|
|
|
12
12
|
allowBackwardJumps: boolean;
|
|
13
13
|
allowForwardJumps: boolean;
|
|
14
14
|
hideAllButtons: boolean;
|
|
15
|
+
hideTabs: boolean;
|
|
15
16
|
orientation: TabsOrientation;
|
|
16
17
|
orientationChanged(): void;
|
|
17
18
|
activeid: string;
|
|
@@ -26,7 +27,11 @@ export declare class Stepper extends FoundationElement {
|
|
|
26
27
|
activetab: HTMLElement;
|
|
27
28
|
private tabIds;
|
|
28
29
|
private tabpanelIds;
|
|
30
|
+
private pendingNextStep;
|
|
31
|
+
private slotsInitialized;
|
|
29
32
|
connectedCallback(): void;
|
|
33
|
+
private setTabsAndTabPanels;
|
|
34
|
+
private checkAndExecutePendingNextStep;
|
|
30
35
|
private getActiveIndex;
|
|
31
36
|
/**
|
|
32
37
|
* Go to a specific step by step number (1-based indexing)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAK5C,MAAM,MAAM,UAAU,GAAG;IAAE,OAAO,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC;AAEhD;;GAEG;AACH,qBAAa,OAAQ,SAAQ,iBAAiB;IACgB,gBAAgB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAS;IACrC,iBAAiB,EAAE,OAAO,CAAS;IACtC,cAAc,EAAE,OAAO,CAAS;
|
|
1
|
+
{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAK5C,MAAM,MAAM,UAAU,GAAG;IAAE,OAAO,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC;AAEhD;;GAEG;AACH,qBAAa,OAAQ,SAAQ,iBAAiB;IACgB,gBAAgB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAS;IACrC,iBAAiB,EAAE,OAAO,CAAS;IACtC,cAAc,EAAE,OAAO,CAAS;IACvC,QAAQ,EAAE,OAAO,CAAS;IACvE,WAAW,EAAE,eAAe,CAA4B;IAC9D,kBAAkB,IAAI,IAAI;IAOpB,QAAQ,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAQ7C,IAAI,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAC;IAC/C,WAAW,IAAI,IAAI;IAOP,SAAS,EAAE,WAAW,EAAE,CAAC;IACrC,gBAAgB,IAAI,IAAI;IAMZ,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,aAAa,SAAK;IAClB,cAAc,EAAE,MAAM,CAAK;IAEvC,SAAS,EAAE,WAAW,CAAC;IACvB,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,WAAW,CAAgB;IACnC,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,gBAAgB,CAAkB;IAE1C,iBAAiB,IAAI,IAAI;IAQzB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,8BAA8B;IAOtC,OAAO,CAAC,cAAc;IAStB;;;;;OAKG;IACH,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,sBAAsB,GAAE,OAAe,GAAG,OAAO;IAkD9E;;;OAGG;IACH,aAAa,IAAI,OAAO;IAIxB;;;OAGG;IACH,YAAY,IAAI,OAAO;IAIvB,eAAe,CAAC,SAAS,KAAA;IAQzB,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,iBAAiB;IA0CzB,IAAc,oBAAoB,YAEjC;IAED,IAAc,UAAU,YAEvB;IAED,IAAc,eAAe,YAkB5B;IAED,OAAO,IAAI,IAAI;IAIf,QAAQ,IAAI,IAAI;IA0ChB,YAAY,IAAI,IAAI;IAQpB,SAAS,CAAC,OAAO,QAAO,IAAI,CAqC1B;IAEF,gBAAgB,aAWd;IAEF,OAAO,CAAC,YAAY,CAUlB;IAEF,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,mBAAmB;CAG5B;AAGD,eAAO,MAAM,8BAA8B,EAAE,cAA0B,CAAC;AAExE,eAAO,MAAM,oBAAoB,IAAK,CAAC;AAEvC;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;kBAM5B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper.styles.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,uBAAuB,EAAE,
|
|
1
|
+
{"version":3,"file":"stepper.styles.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,uBAAuB,EAAE,aAmGrC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper.template.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.template.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"stepper.template.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,eAAO,MAAM,kBAAkB,GAAI,WAAM,iEAgDxC,CAAC;AAEF,eAAO,MAAM,yBAAyB,8DAErC,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { NumberField as FASTNumberField } from '@microsoft/fast-components';
|
|
|
4
4
|
import { DOM, attr } from '@microsoft/fast-element';
|
|
5
5
|
import { foundationNumberFieldStyles as styles } from './number-field.styles';
|
|
6
6
|
import { foundationNumberFieldTemplate as template } from './number-field.template';
|
|
7
|
-
import { calculateAutoStepPrecision, decrementWithPrecision, formatControlValue, incrementWithPrecision, toIntlNumberFormat, validateInput, validateMinMax, } from './utils';
|
|
7
|
+
import { applyDecimalPrecisionLimits, calculateAutoStepPrecision, decrementWithPrecision, formatControlValue, incrementWithPrecision, toIntlNumberFormat, validateInput, validateMinMax, } from './utils';
|
|
8
8
|
const MAX_DECIMAL_PLACES = 3;
|
|
9
9
|
const MAX_INPUT_PRECISION = 12;
|
|
10
10
|
/**
|
|
@@ -99,9 +99,9 @@ export class NumberField extends FASTNumberField {
|
|
|
99
99
|
if (this.withFormatting && !new NumberParser(this.locale).hasSeparator(this.control.value)) {
|
|
100
100
|
DOM.queueUpdate(() => {
|
|
101
101
|
const validValue = validateInput(this.control.value, this.locale, this.maximumInputPrecision);
|
|
102
|
-
this.value = validValue;
|
|
102
|
+
this.value = applyDecimalPrecisionLimits(validValue, this.options);
|
|
103
103
|
if (this.control) {
|
|
104
|
-
this.control.value = formatControlValue(validValue, this.locale);
|
|
104
|
+
this.control.value = applyDecimalPrecisionLimits(formatControlValue(validValue, this.locale), this.options);
|
|
105
105
|
}
|
|
106
106
|
this.$emit('input');
|
|
107
107
|
});
|
|
@@ -159,7 +159,9 @@ export class NumberField extends FASTNumberField {
|
|
|
159
159
|
// Preserve precision by avoiding parseFloat
|
|
160
160
|
if (validatedValue && /^-?\d*\.?\d+$/.test(validatedValue)) {
|
|
161
161
|
// Use the validated string value directly to preserve precision
|
|
162
|
-
this.value =
|
|
162
|
+
this.value = this.withFormatting
|
|
163
|
+
? applyDecimalPrecisionLimits(validatedValue, this.options)
|
|
164
|
+
: validatedValue;
|
|
163
165
|
}
|
|
164
166
|
this.control.value =
|
|
165
167
|
this.withFormatting && this.value
|
|
@@ -25,6 +25,51 @@ export const sanitiseInputVal = (inputVal, locale) => {
|
|
|
25
25
|
export const toIntlNumberFormat = (value, locale, options) => {
|
|
26
26
|
return Intl.NumberFormat(locale, options).format(Number(value));
|
|
27
27
|
};
|
|
28
|
+
/**
|
|
29
|
+
* Apply decimal precision limits to a raw numeric value string
|
|
30
|
+
* This ensures the value respects min/max fraction digits without formatting
|
|
31
|
+
* @param value - The raw numeric value string
|
|
32
|
+
* @param options - Intl formatting options containing min/max fraction digits
|
|
33
|
+
* @returns Value string with applied decimal precision limits
|
|
34
|
+
*/
|
|
35
|
+
export const applyDecimalPrecisionLimits = (value, options) => {
|
|
36
|
+
if (!value || value === '')
|
|
37
|
+
return value;
|
|
38
|
+
const numericValue = Number(value);
|
|
39
|
+
if (isNaN(numericValue))
|
|
40
|
+
return value;
|
|
41
|
+
const decimalIndex = value.indexOf('.');
|
|
42
|
+
const hasDecimal = decimalIndex !== -1;
|
|
43
|
+
const currentDecimalPlaces = hasDecimal ? value.length - decimalIndex - 1 : 0;
|
|
44
|
+
const minFractionDigits = options.minimumFractionDigits;
|
|
45
|
+
const maxFractionDigits = options.maximumFractionDigits;
|
|
46
|
+
// If current decimal places are within limits, return as is
|
|
47
|
+
if (currentDecimalPlaces >= minFractionDigits && currentDecimalPlaces <= maxFractionDigits) {
|
|
48
|
+
return value;
|
|
49
|
+
}
|
|
50
|
+
// Apply minimum fraction digits (pad with zeros if needed)
|
|
51
|
+
let result = value;
|
|
52
|
+
if (currentDecimalPlaces < minFractionDigits) {
|
|
53
|
+
if (!hasDecimal) {
|
|
54
|
+
result = value + '.';
|
|
55
|
+
}
|
|
56
|
+
const zerosToAdd = minFractionDigits - currentDecimalPlaces;
|
|
57
|
+
result = result + '0'.repeat(zerosToAdd);
|
|
58
|
+
}
|
|
59
|
+
// Apply maximum fraction digits (truncate if needed)
|
|
60
|
+
if (currentDecimalPlaces > maxFractionDigits) {
|
|
61
|
+
const integerPart = hasDecimal ? value.substring(0, decimalIndex) : value;
|
|
62
|
+
const decimalPart = hasDecimal ? value.substring(decimalIndex + 1) : '';
|
|
63
|
+
const truncatedDecimalPart = decimalPart.substring(0, maxFractionDigits);
|
|
64
|
+
if (maxFractionDigits === 0) {
|
|
65
|
+
result = integerPart;
|
|
66
|
+
}
|
|
67
|
+
else {
|
|
68
|
+
result = `${integerPart}.${truncatedDecimalPart}`;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
return result;
|
|
72
|
+
};
|
|
28
73
|
export const preserveTrailingZerosAfterParse = (value, parsedValue, locale) => {
|
|
29
74
|
const { decimalSeparator } = getSeparatorsFromParser(value, locale);
|
|
30
75
|
// Check if the original value has trailing zeros after decimal (using locale separator)
|
|
@@ -14,9 +14,12 @@ export class Stepper extends FoundationElement {
|
|
|
14
14
|
this.allowBackwardJumps = false;
|
|
15
15
|
this.allowForwardJumps = false;
|
|
16
16
|
this.hideAllButtons = false;
|
|
17
|
+
this.hideTabs = false;
|
|
17
18
|
this.orientation = TabsOrientation.vertical;
|
|
18
19
|
this.progressValue = 0;
|
|
19
20
|
this.activeTabIndex = 0;
|
|
21
|
+
this.pendingNextStep = false;
|
|
22
|
+
this.slotsInitialized = false;
|
|
20
23
|
this.setTabs = () => {
|
|
21
24
|
this.activeTabIndex = this.getActiveIndex();
|
|
22
25
|
this.tabs.forEach((tab, index) => {
|
|
@@ -84,20 +87,14 @@ export class Stepper extends FoundationElement {
|
|
|
84
87
|
}
|
|
85
88
|
tabsChanged() {
|
|
86
89
|
if (this.$fastController.isConnected && this.tabs.length <= this.tabpanels.length) {
|
|
87
|
-
this.
|
|
88
|
-
this.
|
|
89
|
-
this.setTabs();
|
|
90
|
-
this.setTabPanels();
|
|
91
|
-
this.getCompletedTabs();
|
|
90
|
+
this.setTabsAndTabPanels();
|
|
91
|
+
this.checkAndExecutePendingNextStep();
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
94
|
tabpanelsChanged() {
|
|
95
95
|
if (this.$fastController.isConnected && this.tabpanels.length <= this.tabs.length) {
|
|
96
|
-
this.
|
|
97
|
-
this.
|
|
98
|
-
this.setTabs();
|
|
99
|
-
this.setTabPanels();
|
|
100
|
-
this.getCompletedTabs();
|
|
96
|
+
this.setTabsAndTabPanels();
|
|
97
|
+
this.checkAndExecutePendingNextStep();
|
|
101
98
|
}
|
|
102
99
|
}
|
|
103
100
|
connectedCallback() {
|
|
@@ -106,6 +103,20 @@ export class Stepper extends FoundationElement {
|
|
|
106
103
|
this.tabpanelIds = this.getTabPanelIds();
|
|
107
104
|
this.activeTabIndex = this.getActiveIndex();
|
|
108
105
|
}
|
|
106
|
+
setTabsAndTabPanels() {
|
|
107
|
+
this.tabIds = this.getTabIds();
|
|
108
|
+
this.tabpanelIds = this.getTabPanelIds();
|
|
109
|
+
this.setTabs();
|
|
110
|
+
this.setTabPanels();
|
|
111
|
+
this.getCompletedTabs();
|
|
112
|
+
this.slotsInitialized = this.tabs.length > 0 && this.tabpanels.length > 0;
|
|
113
|
+
}
|
|
114
|
+
checkAndExecutePendingNextStep() {
|
|
115
|
+
if (this.pendingNextStep && this.slotsInitialized) {
|
|
116
|
+
this.pendingNextStep = false;
|
|
117
|
+
this.nextStep();
|
|
118
|
+
}
|
|
119
|
+
}
|
|
109
120
|
getActiveIndex() {
|
|
110
121
|
const id = this.activeid;
|
|
111
122
|
if (id !== undefined) {
|
|
@@ -259,6 +270,10 @@ export class Stepper extends FoundationElement {
|
|
|
259
270
|
}
|
|
260
271
|
nextStep() {
|
|
261
272
|
var _a;
|
|
273
|
+
if (!this.slotsInitialized) {
|
|
274
|
+
this.pendingNextStep = true;
|
|
275
|
+
return;
|
|
276
|
+
}
|
|
262
277
|
if (this.validation && this.validation[this.activeTabIndex]) {
|
|
263
278
|
if (!this.validation[this.activeTabIndex].isValid()) {
|
|
264
279
|
this.tabs[this.activeTabIndex].completed = false;
|
|
@@ -328,6 +343,9 @@ __decorate([
|
|
|
328
343
|
__decorate([
|
|
329
344
|
attr({ attribute: 'hide-all-buttons', mode: 'boolean' })
|
|
330
345
|
], Stepper.prototype, "hideAllButtons", void 0);
|
|
346
|
+
__decorate([
|
|
347
|
+
attr({ attribute: 'hide-tabs', mode: 'boolean' })
|
|
348
|
+
], Stepper.prototype, "hideTabs", void 0);
|
|
331
349
|
__decorate([
|
|
332
350
|
attr
|
|
333
351
|
], Stepper.prototype, "orientation", void 0);
|
|
@@ -38,6 +38,10 @@ export const foundationStepperStyles = css `
|
|
|
38
38
|
margin-bottom: 30px;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
+
.stepper-tab-menu-hidden {
|
|
42
|
+
display: none;
|
|
43
|
+
}
|
|
44
|
+
|
|
41
45
|
.stepper-tab-progress {
|
|
42
46
|
display: flex;
|
|
43
47
|
flex-direction: column;
|
|
@@ -85,6 +89,10 @@ export const foundationStepperStyles = css `
|
|
|
85
89
|
padding: 0 calc(var(--design-unit) * 4px);
|
|
86
90
|
}
|
|
87
91
|
|
|
92
|
+
:host([orientation='horizontal']) .stepper-tab-hidden {
|
|
93
|
+
display: none;
|
|
94
|
+
}
|
|
95
|
+
|
|
88
96
|
:host([orientation='horizontal']) .stepper-tab {
|
|
89
97
|
max-width: 100%;
|
|
90
98
|
max-height: 70px;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { html, slotted, when } from '@microsoft/fast-element';
|
|
2
2
|
import { TabsOrientation } from '@microsoft/fast-foundation';
|
|
3
|
+
import { classNames } from '@microsoft/fast-web-utilities';
|
|
3
4
|
import { getPrefix } from '../utils';
|
|
4
5
|
export const getPrefixedStepper = (prefix) => html `
|
|
5
6
|
|
|
6
|
-
<${prefix}-card class
|
|
7
|
-
<div class
|
|
7
|
+
<${prefix}-card class=${(x) => classNames('stepper-tab', ['stepper-tab-hidden', x.hideTabs])} part="stepper-tab" @tab-clicked="${(x, c) => x.handleStepClick(c.event.detail)}" role="stepper-tab" data-test-id="stepper-tab">
|
|
8
|
+
<div class=${(x) => classNames('stepper-tab-menu', ['stepper-tab-menu-hidden', x.hideTabs])} part="stepper-tab-menu">
|
|
8
9
|
<slot name="tab" ${slotted('tabs')} ></slot>
|
|
9
10
|
</div>
|
|
10
11
|
${when((x) => x.orientation === TabsOrientation.vertical, html `
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-ui",
|
|
3
3
|
"description": "Genesis Foundation UI",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.317.1",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -83,13 +83,13 @@
|
|
|
83
83
|
}
|
|
84
84
|
},
|
|
85
85
|
"devDependencies": {
|
|
86
|
-
"@genesislcap/foundation-testing": "14.
|
|
87
|
-
"@genesislcap/genx": "14.
|
|
88
|
-
"@genesislcap/rollup-builder": "14.
|
|
89
|
-
"@genesislcap/ts-builder": "14.
|
|
90
|
-
"@genesislcap/uvu-playwright-builder": "14.
|
|
91
|
-
"@genesislcap/vite-builder": "14.
|
|
92
|
-
"@genesislcap/webpack-builder": "14.
|
|
86
|
+
"@genesislcap/foundation-testing": "14.317.1",
|
|
87
|
+
"@genesislcap/genx": "14.317.1",
|
|
88
|
+
"@genesislcap/rollup-builder": "14.317.1",
|
|
89
|
+
"@genesislcap/ts-builder": "14.317.1",
|
|
90
|
+
"@genesislcap/uvu-playwright-builder": "14.317.1",
|
|
91
|
+
"@genesislcap/vite-builder": "14.317.1",
|
|
92
|
+
"@genesislcap/webpack-builder": "14.317.1",
|
|
93
93
|
"copyfiles": "^2.4.1"
|
|
94
94
|
},
|
|
95
95
|
"dependencies": {
|
|
@@ -98,15 +98,15 @@
|
|
|
98
98
|
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
|
99
99
|
"@fortawesome/free-solid-svg-icons": "^6.2.1",
|
|
100
100
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
101
|
-
"@genesislcap/expression-builder": "14.
|
|
102
|
-
"@genesislcap/foundation-comms": "14.
|
|
103
|
-
"@genesislcap/foundation-criteria": "14.
|
|
104
|
-
"@genesislcap/foundation-errors": "14.
|
|
105
|
-
"@genesislcap/foundation-events": "14.
|
|
106
|
-
"@genesislcap/foundation-logger": "14.
|
|
107
|
-
"@genesislcap/foundation-notifications": "14.
|
|
108
|
-
"@genesislcap/foundation-user": "14.
|
|
109
|
-
"@genesislcap/foundation-utils": "14.
|
|
101
|
+
"@genesislcap/expression-builder": "14.317.1",
|
|
102
|
+
"@genesislcap/foundation-comms": "14.317.1",
|
|
103
|
+
"@genesislcap/foundation-criteria": "14.317.1",
|
|
104
|
+
"@genesislcap/foundation-errors": "14.317.1",
|
|
105
|
+
"@genesislcap/foundation-events": "14.317.1",
|
|
106
|
+
"@genesislcap/foundation-logger": "14.317.1",
|
|
107
|
+
"@genesislcap/foundation-notifications": "14.317.1",
|
|
108
|
+
"@genesislcap/foundation-user": "14.317.1",
|
|
109
|
+
"@genesislcap/foundation-utils": "14.317.1",
|
|
110
110
|
"@microsoft/fast-colors": "5.3.1",
|
|
111
111
|
"@microsoft/fast-components": "2.30.6",
|
|
112
112
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -128,5 +128,5 @@
|
|
|
128
128
|
"access": "public"
|
|
129
129
|
},
|
|
130
130
|
"customElements": "dist/custom-elements.json",
|
|
131
|
-
"gitHead": "
|
|
131
|
+
"gitHead": "f07a702cfccfcd3e4dce43860f1620e6ead90fe7"
|
|
132
132
|
}
|