@sankhyatronics/sankhya-cms 0.1.6 → 0.1.8

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 (17) hide show
  1. package/LICENSE +21 -0
  2. package/custom-elements.json +927 -892
  3. package/dist/{chunk-URC5XBTL.js → chunk-DQHMJZ6X.js} +4 -1
  4. package/dist/{chunk-URC5XBTL.js.map → chunk-DQHMJZ6X.js.map} +1 -1
  5. package/dist/{chunk-5MTPMXAQ.js → chunk-IQPW3CYZ.js} +11 -4
  6. package/dist/chunk-IQPW3CYZ.js.map +1 -0
  7. package/dist/{chunk-5KHI36M5.js → chunk-X2ALYIVT.js} +25 -1
  8. package/dist/chunk-X2ALYIVT.js.map +1 -0
  9. package/dist/dropdown/index.d.ts +3 -0
  10. package/dist/dropdown/index.js +1 -1
  11. package/dist/header/index.d.ts +6 -0
  12. package/dist/header/index.js +1 -1
  13. package/dist/index.js +21 -21
  14. package/dist/menu-item/index.js +1 -1
  15. package/package.json +12 -14
  16. package/dist/chunk-5KHI36M5.js.map +0 -1
  17. package/dist/chunk-5MTPMXAQ.js.map +0 -1
package/custom-elements.json CHANGED
@@ -859,6 +859,204 @@
859
859
  }
860
860
  ]
861
861
  },
862
+ {
863
+ "kind": "javascript-module",
864
+ "path": "src/feature-split/FeatureSplit.ts",
865
+ "declarations": [
866
+ {
867
+ "kind": "class",
868
+ "description": "A title/markdown-subtitle/feature-list block beside (or under) an image.",
869
+ "name": "FeatureSplit",
870
+ "cssProperties": [
871
+ {
872
+ "description": "Overrides the block's padding.",
873
+ "name": "--st-feature-split-padding"
874
+ }
875
+ ],
876
+ "members": [
877
+ {
878
+ "kind": "field",
879
+ "name": "inverted",
880
+ "type": {
881
+ "text": "boolean"
882
+ },
883
+ "default": "false",
884
+ "attribute": "inverted",
885
+ "reflects": true
886
+ },
887
+ {
888
+ "kind": "field",
889
+ "name": "title",
890
+ "type": {
891
+ "text": "string"
892
+ },
893
+ "default": "''",
894
+ "attribute": "title"
895
+ },
896
+ {
897
+ "kind": "field",
898
+ "name": "subtitle",
899
+ "type": {
900
+ "text": "string"
901
+ },
902
+ "default": "''",
903
+ "description": "Markdown.",
904
+ "attribute": "subtitle"
905
+ },
906
+ {
907
+ "kind": "field",
908
+ "name": "items",
909
+ "type": {
910
+ "text": "FeatureSplitItem[]"
911
+ },
912
+ "default": "[]"
913
+ },
914
+ {
915
+ "kind": "field",
916
+ "name": "imageSrc",
917
+ "type": {
918
+ "text": "string"
919
+ },
920
+ "default": "''",
921
+ "attribute": "image-src"
922
+ },
923
+ {
924
+ "kind": "field",
925
+ "name": "imageAlt",
926
+ "type": {
927
+ "text": "string"
928
+ },
929
+ "default": "''",
930
+ "attribute": "image-alt"
931
+ },
932
+ {
933
+ "kind": "field",
934
+ "name": "imagePosition",
935
+ "type": {
936
+ "text": "FeatureSplitImagePosition"
937
+ },
938
+ "default": "'right'",
939
+ "attribute": "image-position",
940
+ "reflects": true
941
+ },
942
+ {
943
+ "kind": "field",
944
+ "name": "actionLabel",
945
+ "type": {
946
+ "text": "string"
947
+ },
948
+ "default": "''",
949
+ "attribute": "action-label"
950
+ },
951
+ {
952
+ "kind": "field",
953
+ "name": "href",
954
+ "type": {
955
+ "text": "string"
956
+ },
957
+ "default": "''",
958
+ "attribute": "href"
959
+ },
960
+ {
961
+ "kind": "method",
962
+ "name": "onAction",
963
+ "privacy": "private"
964
+ }
965
+ ],
966
+ "attributes": [
967
+ {
968
+ "name": "inverted",
969
+ "type": {
970
+ "text": "boolean"
971
+ },
972
+ "default": "false",
973
+ "fieldName": "inverted"
974
+ },
975
+ {
976
+ "name": "title",
977
+ "type": {
978
+ "text": "string"
979
+ },
980
+ "default": "''",
981
+ "fieldName": "title"
982
+ },
983
+ {
984
+ "name": "subtitle",
985
+ "type": {
986
+ "text": "string"
987
+ },
988
+ "default": "''",
989
+ "description": "Markdown.",
990
+ "fieldName": "subtitle"
991
+ },
992
+ {
993
+ "name": "image-src",
994
+ "type": {
995
+ "text": "string"
996
+ },
997
+ "default": "''",
998
+ "fieldName": "imageSrc"
999
+ },
1000
+ {
1001
+ "name": "image-alt",
1002
+ "type": {
1003
+ "text": "string"
1004
+ },
1005
+ "default": "''",
1006
+ "fieldName": "imageAlt"
1007
+ },
1008
+ {
1009
+ "name": "image-position",
1010
+ "type": {
1011
+ "text": "FeatureSplitImagePosition"
1012
+ },
1013
+ "default": "'right'",
1014
+ "fieldName": "imagePosition"
1015
+ },
1016
+ {
1017
+ "name": "action-label",
1018
+ "type": {
1019
+ "text": "string"
1020
+ },
1021
+ "default": "''",
1022
+ "fieldName": "actionLabel"
1023
+ },
1024
+ {
1025
+ "name": "href",
1026
+ "type": {
1027
+ "text": "string"
1028
+ },
1029
+ "default": "''",
1030
+ "fieldName": "href"
1031
+ }
1032
+ ],
1033
+ "superclass": {
1034
+ "name": "LitElement",
1035
+ "package": "lit"
1036
+ },
1037
+ "tagName": "st-feature-split",
1038
+ "customElement": true
1039
+ }
1040
+ ],
1041
+ "exports": [
1042
+ {
1043
+ "kind": "js",
1044
+ "name": "FeatureSplit",
1045
+ "declaration": {
1046
+ "name": "FeatureSplit",
1047
+ "module": "src/feature-split/FeatureSplit.ts"
1048
+ }
1049
+ },
1050
+ {
1051
+ "kind": "custom-element-definition",
1052
+ "name": "st-feature-split",
1053
+ "declaration": {
1054
+ "name": "FeatureSplit",
1055
+ "module": "src/feature-split/FeatureSplit.ts"
1056
+ }
1057
+ }
1058
+ ]
1059
+ },
862
1060
  {
863
1061
  "kind": "javascript-module",
864
1062
  "path": "src/content-block/ContentBlock.ts",
@@ -1236,6 +1434,17 @@
1236
1434
  "attribute": "mega",
1237
1435
  "reflects": true
1238
1436
  },
1437
+ {
1438
+ "kind": "field",
1439
+ "name": "bar",
1440
+ "type": {
1441
+ "text": "boolean"
1442
+ },
1443
+ "default": "false",
1444
+ "description": "Styles a non-`mega` trigger like a mega one — a pill that turns solid accent while open — so\r\na plain dropdown (e.g. \"+ New\") lines up with mega triggers in the same header bar.",
1445
+ "attribute": "bar",
1446
+ "reflects": true
1447
+ },
1239
1448
  {
1240
1449
  "kind": "field",
1241
1450
  "name": "openOnHover",
@@ -1573,6 +1782,15 @@
1573
1782
  "description": "Mega-menu panel (okta.com style), typically holding an `st-mega-menu`: the panel spans the\r\nfull width of the nearest positioned ancestor — `st-header` — right under it, instead of\r\nhanging off the trigger. In `st-header`'s hamburger layout (`inline`) it slides in over the\r\nscreen with a Back button rather than opening as an accordion. A click inside the panel only\r\ncloses it when it lands on a link.",
1574
1783
  "fieldName": "mega"
1575
1784
  },
1785
+ {
1786
+ "name": "bar",
1787
+ "type": {
1788
+ "text": "boolean"
1789
+ },
1790
+ "default": "false",
1791
+ "description": "Styles a non-`mega` trigger like a mega one — a pill that turns solid accent while open — so\r\na plain dropdown (e.g. \"+ New\") lines up with mega triggers in the same header bar.",
1792
+ "fieldName": "bar"
1793
+ },
1576
1794
  {
1577
1795
  "name": "open-on-hover",
1578
1796
  "type": {
@@ -1621,28 +1839,22 @@
1621
1839
  },
1622
1840
  {
1623
1841
  "kind": "javascript-module",
1624
- "path": "src/feature-split/FeatureSplit.ts",
1842
+ "path": "src/features-section/FeatureItem.ts",
1625
1843
  "declarations": [
1626
1844
  {
1627
1845
  "kind": "class",
1628
- "description": "A title/markdown-subtitle/feature-list block beside (or under) an image.",
1629
- "name": "FeatureSplit",
1630
- "cssProperties": [
1631
- {
1632
- "description": "Overrides the block's padding.",
1633
- "name": "--st-feature-split-padding"
1634
- }
1635
- ],
1846
+ "description": "One feature tile for `st-features-section`: optional icon, title, Markdown description and an\r\noptional \"Learn more\" link, rendered on an `st-card`. `icon` is an Iconify name (e.g.\r\n`mdi:rocket`). The link is a plain `<a>` (the source used react-router's `Link` for non-http\r\nhrefs; there is no Lit equivalent). The click is composed, so an SPA router can intercept it\r\n(e.g. via `event.composedPath()`) and navigate client-side; `http(s)` links open in a new tab.",
1847
+ "name": "FeatureItem",
1636
1848
  "members": [
1637
1849
  {
1638
1850
  "kind": "field",
1639
- "name": "inverted",
1851
+ "name": "icon",
1640
1852
  "type": {
1641
- "text": "boolean"
1853
+ "text": "string"
1642
1854
  },
1643
- "default": "false",
1644
- "attribute": "inverted",
1645
- "reflects": true
1855
+ "default": "''",
1856
+ "description": "Iconify icon name, e.g. `mdi:rocket`.",
1857
+ "attribute": "icon"
1646
1858
  },
1647
1859
  {
1648
1860
  "kind": "field",
@@ -1655,223 +1867,31 @@
1655
1867
  },
1656
1868
  {
1657
1869
  "kind": "field",
1658
- "name": "subtitle",
1870
+ "name": "description",
1659
1871
  "type": {
1660
1872
  "text": "string"
1661
1873
  },
1662
1874
  "default": "''",
1663
1875
  "description": "Markdown.",
1664
- "attribute": "subtitle"
1665
- },
1666
- {
1667
- "kind": "field",
1668
- "name": "items",
1669
- "type": {
1670
- "text": "FeatureSplitItem[]"
1671
- },
1672
- "default": "[]"
1876
+ "attribute": "description"
1673
1877
  },
1674
1878
  {
1675
1879
  "kind": "field",
1676
- "name": "imageSrc",
1880
+ "name": "href",
1677
1881
  "type": {
1678
1882
  "text": "string"
1679
1883
  },
1680
1884
  "default": "''",
1681
- "attribute": "image-src"
1885
+ "attribute": "href"
1682
1886
  },
1683
1887
  {
1684
1888
  "kind": "field",
1685
- "name": "imageAlt",
1889
+ "name": "actionLabel",
1686
1890
  "type": {
1687
1891
  "text": "string"
1688
1892
  },
1689
- "default": "''",
1690
- "attribute": "image-alt"
1691
- },
1692
- {
1693
- "kind": "field",
1694
- "name": "imagePosition",
1695
- "type": {
1696
- "text": "FeatureSplitImagePosition"
1697
- },
1698
- "default": "'right'",
1699
- "attribute": "image-position",
1700
- "reflects": true
1701
- },
1702
- {
1703
- "kind": "field",
1704
- "name": "actionLabel",
1705
- "type": {
1706
- "text": "string"
1707
- },
1708
- "default": "''",
1709
- "attribute": "action-label"
1710
- },
1711
- {
1712
- "kind": "field",
1713
- "name": "href",
1714
- "type": {
1715
- "text": "string"
1716
- },
1717
- "default": "''",
1718
- "attribute": "href"
1719
- },
1720
- {
1721
- "kind": "method",
1722
- "name": "onAction",
1723
- "privacy": "private"
1724
- }
1725
- ],
1726
- "attributes": [
1727
- {
1728
- "name": "inverted",
1729
- "type": {
1730
- "text": "boolean"
1731
- },
1732
- "default": "false",
1733
- "fieldName": "inverted"
1734
- },
1735
- {
1736
- "name": "title",
1737
- "type": {
1738
- "text": "string"
1739
- },
1740
- "default": "''",
1741
- "fieldName": "title"
1742
- },
1743
- {
1744
- "name": "subtitle",
1745
- "type": {
1746
- "text": "string"
1747
- },
1748
- "default": "''",
1749
- "description": "Markdown.",
1750
- "fieldName": "subtitle"
1751
- },
1752
- {
1753
- "name": "image-src",
1754
- "type": {
1755
- "text": "string"
1756
- },
1757
- "default": "''",
1758
- "fieldName": "imageSrc"
1759
- },
1760
- {
1761
- "name": "image-alt",
1762
- "type": {
1763
- "text": "string"
1764
- },
1765
- "default": "''",
1766
- "fieldName": "imageAlt"
1767
- },
1768
- {
1769
- "name": "image-position",
1770
- "type": {
1771
- "text": "FeatureSplitImagePosition"
1772
- },
1773
- "default": "'right'",
1774
- "fieldName": "imagePosition"
1775
- },
1776
- {
1777
- "name": "action-label",
1778
- "type": {
1779
- "text": "string"
1780
- },
1781
- "default": "''",
1782
- "fieldName": "actionLabel"
1783
- },
1784
- {
1785
- "name": "href",
1786
- "type": {
1787
- "text": "string"
1788
- },
1789
- "default": "''",
1790
- "fieldName": "href"
1791
- }
1792
- ],
1793
- "superclass": {
1794
- "name": "LitElement",
1795
- "package": "lit"
1796
- },
1797
- "tagName": "st-feature-split",
1798
- "customElement": true
1799
- }
1800
- ],
1801
- "exports": [
1802
- {
1803
- "kind": "js",
1804
- "name": "FeatureSplit",
1805
- "declaration": {
1806
- "name": "FeatureSplit",
1807
- "module": "src/feature-split/FeatureSplit.ts"
1808
- }
1809
- },
1810
- {
1811
- "kind": "custom-element-definition",
1812
- "name": "st-feature-split",
1813
- "declaration": {
1814
- "name": "FeatureSplit",
1815
- "module": "src/feature-split/FeatureSplit.ts"
1816
- }
1817
- }
1818
- ]
1819
- },
1820
- {
1821
- "kind": "javascript-module",
1822
- "path": "src/features-section/FeatureItem.ts",
1823
- "declarations": [
1824
- {
1825
- "kind": "class",
1826
- "description": "One feature tile for `st-features-section`: optional icon, title, Markdown description and an\r\noptional \"Learn more\" link, rendered on an `st-card`. `icon` is an Iconify name (e.g.\r\n`mdi:rocket`). The link is a plain `<a>` (the source used react-router's `Link` for non-http\r\nhrefs; there is no Lit equivalent). The click is composed, so an SPA router can intercept it\r\n(e.g. via `event.composedPath()`) and navigate client-side; `http(s)` links open in a new tab.",
1827
- "name": "FeatureItem",
1828
- "members": [
1829
- {
1830
- "kind": "field",
1831
- "name": "icon",
1832
- "type": {
1833
- "text": "string"
1834
- },
1835
- "default": "''",
1836
- "description": "Iconify icon name, e.g. `mdi:rocket`.",
1837
- "attribute": "icon"
1838
- },
1839
- {
1840
- "kind": "field",
1841
- "name": "title",
1842
- "type": {
1843
- "text": "string"
1844
- },
1845
- "default": "''",
1846
- "attribute": "title"
1847
- },
1848
- {
1849
- "kind": "field",
1850
- "name": "description",
1851
- "type": {
1852
- "text": "string"
1853
- },
1854
- "default": "''",
1855
- "description": "Markdown.",
1856
- "attribute": "description"
1857
- },
1858
- {
1859
- "kind": "field",
1860
- "name": "href",
1861
- "type": {
1862
- "text": "string"
1863
- },
1864
- "default": "''",
1865
- "attribute": "href"
1866
- },
1867
- {
1868
- "kind": "field",
1869
- "name": "actionLabel",
1870
- "type": {
1871
- "text": "string"
1872
- },
1873
- "default": "'Learn more'",
1874
- "attribute": "action-label"
1893
+ "default": "'Learn more'",
1894
+ "attribute": "action-label"
1875
1895
  },
1876
1896
  {
1877
1897
  "kind": "field",
@@ -2107,805 +2127,820 @@
2107
2127
  },
2108
2128
  {
2109
2129
  "kind": "javascript-module",
2110
- "path": "src/footer/Footer.ts",
2130
+ "path": "src/header/Header.ts",
2111
2131
  "declarations": [
2112
2132
  {
2113
2133
  "kind": "class",
2114
- "description": "The footer, in two layouts:\r\n\r\n- **Bar** (default): a copyright line plus an optional \"powered by\" link — what the suite's\r\n authenticated apps use.\r\n- **Site**: when `columns`, `socialLinks`, `description` or `imageSrc` is set, the footer becomes a\r\n marketing-site footer — brand (logo/company name, description, social icons), link columns and a\r\n bottom bar with the copyright and \"powered by\".\r\n\r\nFires a cancelable `footer-link` event (detail `{ href }`) when an internal link is clicked.",
2115
- "name": "Footer",
2134
+ "description": "The app-shell header bar — brand (image + title, or title alone) on the left, a `slot=\"menu\"`\r\nfor primary nav (e.g. `st-dropdown`/`st-menu-grid` mega-menus, or plain links) taking the\r\nmiddle, and a `slot=\"utility\"` for account/app-switcher/theme controls on the right. Ported\r\nfrom `SankhyaUI`'s React `Header` (a separate, unrelated marketing-site project) to this\r\npackage's Lit conventions and this workspace's actual needs — that source component takes an\r\n`imageSrc` logo with no text fallback, but none of this suite's apps has a logo image today, so\r\n`title` is the primary brand prop here and `brand-image-url` is optional, mirroring\r\n`st-app-header`'s own brand/title split (this component's slotted-menu/utility shape is a\r\ndeliberately different, more generic surface than `st-app-header`'s fixed nav-links/user-menu\r\nprops — pick whichever fits a given app's header).\r\n\r\nLayout follows the source's `Header.css`: the menu starts 4rem after the brand, the utility\r\ncontrols sit after a vertical divider, and below `BREAKPOINT_TABLET` (900px here; 768px in the\r\nsource) `menu`/`utility` collapse behind a hamburger toggle into a full-screen layer under the\r\ntoggle (closes on Escape or a click inside it), where the menu's `st-dropdown`s are switched to\r\n`inline` so they open in the flow — the same two slotted elements just get repositioned by CSS\r\n(`.mobile-panel`'s `display: contents` at desktop width vs. a real fixed-position box below\r\n`BREAKPOINT_TABLET`), rather than the slots being duplicated in the template, since a shadow\r\nroot can only ever assign a given light-DOM child to the *first* slot of a given name.\r\n\r\nAn optional `slot=\"brand-extra\"` sits right after the brand (e.g. an edition badge such as\r\n\"🇮🇳 India Edition\"); unlike `menu`/`utility` it stays in the bar at every width.\r\n\r\nAlso carries an optional built-in language switcher (`languages`/`currentLanguageCode`, fires\r\n`language-change`) — ported from `st-app-header`'s own implementation verbatim rather than\r\nrebuilt, since the source `Header`'s reference story shows an equivalent flag/language `Select`\r\nas a first-class header utility. Hidden entirely when `languages` has fewer than two entries.\r\nThis component has no translation logic itself; the consuming app owns what a language `code`\r\nmeans and which content it re-renders in response.",
2135
+ "name": "Header",
2116
2136
  "members": [
2117
2137
  {
2118
2138
  "kind": "field",
2119
- "name": "inverted",
2139
+ "name": "title",
2120
2140
  "type": {
2121
- "text": "boolean"
2141
+ "text": "string"
2122
2142
  },
2123
- "default": "false",
2124
- "description": "Inverts the footer's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`), same as `st-header`'s.",
2125
- "attribute": "inverted",
2126
- "reflects": true
2143
+ "default": "''",
2144
+ "attribute": "title"
2127
2145
  },
2128
2146
  {
2129
2147
  "kind": "field",
2130
- "name": "companyName",
2148
+ "name": "brandImageUrl",
2131
2149
  "type": {
2132
2150
  "text": "string"
2133
2151
  },
2134
2152
  "default": "''",
2135
- "description": "Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly.",
2136
- "attribute": "company-name"
2153
+ "description": "Optional logo image URL, shown before `title`. Omitted entirely when empty — none of this suite's apps has one today. Matches the source component's `imageSrc` (renamed here to pair with `title`/`logoHref`, since this component's only image use is the brand mark).",
2154
+ "attribute": "brand-image-url"
2137
2155
  },
2138
2156
  {
2139
2157
  "kind": "field",
2140
- "name": "copyright",
2158
+ "name": "altText",
2141
2159
  "type": {
2142
2160
  "text": "string"
2143
2161
  },
2144
- "default": "''",
2145
- "description": "Overrides the default computed copyright line entirely.",
2146
- "attribute": "copyright"
2162
+ "default": "'Logo'",
2163
+ "description": "`alt` text for the brand image — matches the source component's `altText` (default `'Logo'`).",
2164
+ "attribute": "alt-text"
2147
2165
  },
2148
2166
  {
2149
2167
  "kind": "field",
2150
- "name": "poweredBy",
2168
+ "name": "logoHref",
2151
2169
  "type": {
2152
2170
  "text": "string"
2153
2171
  },
2154
2172
  "default": "''",
2155
- "attribute": "powered-by"
2173
+ "description": "Wraps the brand in an `<a>` when set (e.g. `/`); a plain non-link `<div>` otherwise.",
2174
+ "attribute": "logoHref"
2156
2175
  },
2157
2176
  {
2158
2177
  "kind": "field",
2159
- "name": "poweredByLink",
2178
+ "name": "logoTarget",
2160
2179
  "type": {
2161
2180
  "text": "string"
2162
2181
  },
2163
- "default": "''",
2164
- "attribute": "powered-by-link"
2182
+ "default": "'_self'",
2183
+ "description": "`target` for the brand `<a>` — matches the source component's `logoTarget` (default `_self`). No effect when `logoHref` isn't set.",
2184
+ "attribute": "logo-target"
2165
2185
  },
2166
2186
  {
2167
2187
  "kind": "field",
2168
- "name": "version",
2188
+ "name": "logoClassName",
2169
2189
  "type": {
2170
2190
  "text": "string"
2171
2191
  },
2172
2192
  "default": "''",
2173
- "description": "App version, rendered as `v{version}` after the copyright line — for apps that show their own\r\nversion in the footer rather than the header title.",
2174
- "attribute": "version"
2193
+ "description": "Extra class(es) appended to the brand link/div — matches the source component's `logoClassName`.",
2194
+ "attribute": "logo-class-name"
2175
2195
  },
2176
2196
  {
2177
2197
  "kind": "field",
2178
- "name": "imageSrc",
2198
+ "name": "inverted",
2179
2199
  "type": {
2180
- "text": "string"
2200
+ "text": "boolean"
2181
2201
  },
2182
- "default": "''",
2183
- "description": "Logo shown in the brand block (site layout).",
2184
- "attribute": "image-src"
2202
+ "default": "false",
2203
+ "description": "Inverts the header's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`).",
2204
+ "attribute": "inverted",
2205
+ "reflects": true
2185
2206
  },
2186
2207
  {
2187
2208
  "kind": "field",
2188
- "name": "description",
2209
+ "name": "sticky",
2189
2210
  "type": {
2190
- "text": "string"
2211
+ "text": "boolean"
2191
2212
  },
2192
- "default": "''",
2193
- "description": "Short blurb under the logo (site layout).",
2194
- "attribute": "description"
2213
+ "default": "false",
2214
+ "attribute": "sticky",
2215
+ "reflects": true
2195
2216
  },
2196
2217
  {
2197
2218
  "kind": "field",
2198
- "name": "columns",
2219
+ "name": "transparent",
2199
2220
  "type": {
2200
- "text": "FooterColumn[]"
2221
+ "text": "boolean"
2201
2222
  },
2202
- "default": "[]",
2203
- "description": "Link columns (site layout)."
2223
+ "default": "false",
2224
+ "description": "Fixes the header over the top of the page and makes it see-through, with light text\r\n(`--st-header-transparent-color`), until the page scrolls past `scroll-threshold` — for a\r\nheader laid over a dark hero. It then takes its normal background and a shadow. The page\r\ncontent starts under it, so the first section should leave room for the 64px bar.",
2225
+ "attribute": "transparent",
2226
+ "reflects": true
2204
2227
  },
2205
2228
  {
2206
2229
  "kind": "field",
2207
- "name": "socialLinks",
2230
+ "name": "hideOnScroll",
2208
2231
  "type": {
2209
- "text": "FooterSocialLink[]"
2232
+ "text": "boolean"
2210
2233
  },
2211
- "default": "[]",
2212
- "description": "Social icon links under the description (site layout)."
2234
+ "default": "false",
2235
+ "description": "Slides the header out of view while the page scrolls down and back in when it scrolls up.",
2236
+ "attribute": "hide-on-scroll",
2237
+ "reflects": true
2213
2238
  },
2214
2239
  {
2215
2240
  "kind": "field",
2216
- "name": "isSite",
2241
+ "name": "scrollThreshold",
2217
2242
  "type": {
2218
- "text": "boolean"
2243
+ "text": "number"
2219
2244
  },
2220
- "privacy": "private",
2221
- "readonly": true
2245
+ "default": "8",
2246
+ "description": "Scroll distance in px after which the header counts as `scrolled`.",
2247
+ "attribute": "scroll-threshold"
2222
2248
  },
2223
2249
  {
2224
2250
  "kind": "field",
2225
- "name": "resolvedCopyright",
2251
+ "name": "scrolled",
2226
2252
  "type": {
2227
- "text": "string"
2253
+ "text": "boolean"
2228
2254
  },
2229
- "privacy": "private",
2230
- "readonly": true
2255
+ "default": "false",
2256
+ "description": "True once the page has scrolled past `scroll-threshold`; reflected so pages can style `st-header[scrolled]`. Set by the header, never from outside.",
2257
+ "attribute": "scrolled",
2258
+ "reflects": true
2231
2259
  },
2232
2260
  {
2233
- "kind": "method",
2234
- "name": "onLinkClick",
2235
- "privacy": "private",
2236
- "return": {
2237
- "type": {
2238
- "text": "void"
2239
- }
2261
+ "kind": "field",
2262
+ "name": "scrollHidden",
2263
+ "type": {
2264
+ "text": "boolean"
2240
2265
  },
2241
- "parameters": [
2242
- {
2243
- "name": "event",
2244
- "type": {
2245
- "text": "MouseEvent"
2246
- }
2247
- },
2248
- {
2249
- "name": "href",
2250
- "type": {
2251
- "text": "string"
2252
- }
2253
- }
2254
- ]
2266
+ "default": "false",
2267
+ "description": "True while `hide-on-scroll` has slid the header away. Set by the header, never from outside.",
2268
+ "attribute": "scroll-hidden",
2269
+ "reflects": true
2255
2270
  },
2256
2271
  {
2257
- "kind": "method",
2258
- "name": "renderLink",
2272
+ "kind": "field",
2273
+ "name": "lastScrollY",
2274
+ "type": {
2275
+ "text": "number"
2276
+ },
2259
2277
  "privacy": "private",
2260
- "parameters": [
2261
- {
2262
- "name": "link",
2263
- "type": {
2264
- "text": "FooterLink"
2265
- }
2266
- }
2267
- ]
2278
+ "default": "0"
2268
2279
  },
2269
2280
  {
2270
- "kind": "method",
2271
- "name": "renderPoweredBy",
2272
- "privacy": "private"
2281
+ "kind": "field",
2282
+ "name": "scrollFrame",
2283
+ "type": {
2284
+ "text": "number"
2285
+ },
2286
+ "privacy": "private",
2287
+ "default": "0"
2273
2288
  },
2274
2289
  {
2275
- "kind": "method",
2276
- "name": "renderSite",
2290
+ "kind": "field",
2291
+ "name": "onScroll",
2277
2292
  "privacy": "private"
2278
- }
2279
- ],
2280
- "attributes": [
2293
+ },
2281
2294
  {
2282
- "name": "inverted",
2295
+ "kind": "field",
2296
+ "name": "languages",
2283
2297
  "type": {
2284
- "text": "boolean"
2298
+ "text": "{ code: string; label: string }[]"
2285
2299
  },
2286
- "default": "false",
2287
- "description": "Inverts the footer's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`), same as `st-header`'s.",
2288
- "fieldName": "inverted"
2300
+ "default": "[]",
2301
+ "description": "Language switcher options, e.g. `[{ code: 'en', label: 'English' }, ...]` — hidden entirely\r\nwhen empty or when only one language is offered (same convention as `st-app-header`'s\r\n`languages`, which this reuses verbatim). This component has no translation logic itself —\r\nselecting an option fires `language-change` (detail: `{ code }`), and the consuming app owns\r\nwhat `code` actually means and which content it re-renders."
2289
2302
  },
2290
2303
  {
2291
- "name": "company-name",
2304
+ "kind": "field",
2305
+ "name": "currentLanguageCode",
2292
2306
  "type": {
2293
2307
  "text": "string"
2294
2308
  },
2295
2309
  "default": "''",
2296
- "description": "Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly.",
2297
- "fieldName": "companyName"
2310
+ "attribute": "current-language-code"
2298
2311
  },
2299
2312
  {
2300
- "name": "copyright",
2313
+ "kind": "field",
2314
+ "name": "languageMenuLabel",
2301
2315
  "type": {
2302
2316
  "text": "string"
2303
2317
  },
2304
- "default": "''",
2305
- "description": "Overrides the default computed copyright line entirely.",
2306
- "fieldName": "copyright"
2318
+ "default": "'Language'",
2319
+ "attribute": "language-menu-label"
2307
2320
  },
2308
2321
  {
2309
- "name": "powered-by",
2322
+ "kind": "field",
2323
+ "name": "mobileOpen",
2310
2324
  "type": {
2311
- "text": "string"
2325
+ "text": "boolean"
2312
2326
  },
2313
- "default": "''",
2314
- "fieldName": "poweredBy"
2327
+ "default": "false",
2328
+ "description": "Internal open/closed state for the mobile nav overlay, reflected to an attribute purely so\r\nthe `:host([mobile-open])` CSS selector above can react to it — not meant to be set from\r\noutside.",
2329
+ "attribute": "mobile-open",
2330
+ "reflects": true
2315
2331
  },
2316
2332
  {
2317
- "name": "powered-by-link",
2333
+ "kind": "field",
2334
+ "name": "compact",
2318
2335
  "type": {
2319
- "text": "string"
2336
+ "text": "boolean"
2320
2337
  },
2321
- "default": "''",
2322
- "fieldName": "poweredByLink"
2338
+ "default": "false",
2339
+ "description": "True while the menu doesn't fit the bar at the current width: the header then shows the same\r\nhamburger layout it uses on a narrow screen. Set by `evaluateFit`, never from outside.",
2340
+ "attribute": "compact",
2341
+ "reflects": true
2323
2342
  },
2324
2343
  {
2325
- "name": "version",
2344
+ "kind": "field",
2345
+ "name": "languageMenuOpen",
2326
2346
  "type": {
2327
- "text": "string"
2347
+ "text": "boolean"
2348
+ },
2349
+ "privacy": "private",
2350
+ "default": "false"
2351
+ },
2352
+ {
2353
+ "kind": "field",
2354
+ "name": "hasUtility",
2355
+ "type": {
2356
+ "text": "boolean"
2357
+ },
2358
+ "privacy": "private",
2359
+ "default": "false",
2360
+ "description": "Whether `slot=\"utility\"` has content — an empty utility row (and its divider) is hidden."
2361
+ },
2362
+ {
2363
+ "kind": "field",
2364
+ "name": "hasBrandExtra",
2365
+ "type": {
2366
+ "text": "boolean"
2367
+ },
2368
+ "privacy": "private",
2369
+ "default": "false",
2370
+ "description": "Whether `slot=\"brand-extra\"` has content — an empty one takes no room beside the brand."
2371
+ },
2372
+ {
2373
+ "kind": "field",
2374
+ "name": "resizeObserver",
2375
+ "type": {
2376
+ "text": "ResizeObserver | undefined"
2377
+ },
2378
+ "privacy": "private"
2379
+ },
2380
+ {
2381
+ "kind": "field",
2382
+ "name": "narrowQuery",
2383
+ "type": {
2384
+ "text": "MediaQueryList | undefined"
2385
+ },
2386
+ "privacy": "private",
2387
+ "description": "Matches below BREAKPOINT_TABLET, where the hamburger layout is always on."
2388
+ },
2389
+ {
2390
+ "kind": "field",
2391
+ "name": "inlinedDropdowns",
2392
+ "privacy": "private",
2393
+ "default": "new Set<HTMLElement & { inline: boolean; open: boolean }>()",
2394
+ "description": "The dropdowns this header switched to `inline` — only these are switched back, so a caller's\r\nown `inline` setting is left alone."
2395
+ },
2396
+ {
2397
+ "kind": "field",
2398
+ "name": "syncInlineDropdowns",
2399
+ "privacy": "private",
2400
+ "description": "While the hamburger layout is on, the dropdowns in the header open in the flow of the\r\nfull-screen panel instead of floating over it (SankhyaUI's touch-device layout)."
2401
+ },
2402
+ {
2403
+ "kind": "field",
2404
+ "name": "onBrandExtraSlotChange",
2405
+ "privacy": "private"
2406
+ },
2407
+ {
2408
+ "kind": "field",
2409
+ "name": "onUtilitySlotChange",
2410
+ "privacy": "private"
2411
+ },
2412
+ {
2413
+ "kind": "field",
2414
+ "name": "onMenuSlotChange",
2415
+ "privacy": "private"
2416
+ },
2417
+ {
2418
+ "kind": "field",
2419
+ "name": "collapsedAtWidth",
2420
+ "type": {
2421
+ "text": "number"
2422
+ },
2423
+ "privacy": "private",
2424
+ "default": "0",
2425
+ "description": "The bar width at which the menu last overflowed — the bar only expands again once it is\r\nclearly wider than this, so it can't flip back and forth right at the threshold."
2426
+ },
2427
+ {
2428
+ "kind": "field",
2429
+ "name": "evaluateFit",
2430
+ "privacy": "private",
2431
+ "description": "Collapses to the hamburger layout when the slotted menu overflows its row, and expands again\r\nonce there is room. The collapsed layout hides the menu, so the room it needs can't be\r\nmeasured then; the width remembered when it collapsed stands in for it."
2432
+ },
2433
+ {
2434
+ "kind": "method",
2435
+ "name": "menuOverflows",
2436
+ "privacy": "private",
2437
+ "return": {
2438
+ "type": {
2439
+ "text": "boolean"
2440
+ }
2441
+ },
2442
+ "description": "Whether the visible menu items reach past the right edge of the menu row. Measured from the\r\nitems' own boxes (the slotted elements and their direct children), not the row's scrollWidth:\r\na closed dropdown's absolutely positioned panel also counts towards scrollWidth, which would\r\nreport overflow at any width."
2443
+ },
2444
+ {
2445
+ "kind": "field",
2446
+ "name": "lightDomObserver",
2447
+ "type": {
2448
+ "text": "MutationObserver | undefined"
2449
+ },
2450
+ "privacy": "private"
2451
+ },
2452
+ {
2453
+ "kind": "field",
2454
+ "name": "closeOnEscape",
2455
+ "privacy": "private"
2456
+ },
2457
+ {
2458
+ "kind": "field",
2459
+ "name": "closeLanguageMenuOnOutsideClick",
2460
+ "privacy": "private"
2461
+ },
2462
+ {
2463
+ "kind": "method",
2464
+ "name": "renderLanguageMenu",
2465
+ "privacy": "private"
2466
+ },
2467
+ {
2468
+ "kind": "method",
2469
+ "name": "onLanguageSelect",
2470
+ "privacy": "private",
2471
+ "return": {
2472
+ "type": {
2473
+ "text": "void"
2474
+ }
2328
2475
  },
2329
- "default": "''",
2330
- "description": "App version, rendered as `v{version}` after the copyright line — for apps that show their own\r\nversion in the footer rather than the header title.",
2331
- "fieldName": "version"
2476
+ "parameters": [
2477
+ {
2478
+ "name": "code",
2479
+ "type": {
2480
+ "text": "string"
2481
+ }
2482
+ }
2483
+ ]
2332
2484
  },
2333
2485
  {
2334
- "name": "image-src",
2335
- "type": {
2336
- "text": "string"
2337
- },
2338
- "default": "''",
2339
- "description": "Logo shown in the brand block (site layout).",
2340
- "fieldName": "imageSrc"
2341
- },
2486
+ "kind": "method",
2487
+ "name": "renderBrand",
2488
+ "privacy": "private"
2489
+ }
2490
+ ],
2491
+ "events": [
2342
2492
  {
2343
- "name": "description",
2493
+ "name": "language-change",
2344
2494
  "type": {
2345
- "text": "string"
2346
- },
2347
- "default": "''",
2348
- "description": "Short blurb under the logo (site layout).",
2349
- "fieldName": "description"
2495
+ "text": "CustomEvent"
2496
+ }
2350
2497
  }
2351
2498
  ],
2352
- "superclass": {
2353
- "name": "LitElement",
2354
- "package": "lit"
2355
- },
2356
- "tagName": "st-footer",
2357
- "customElement": true
2358
- }
2359
- ],
2360
- "exports": [
2361
- {
2362
- "kind": "js",
2363
- "name": "Footer",
2364
- "declaration": {
2365
- "name": "Footer",
2366
- "module": "src/footer/Footer.ts"
2367
- }
2368
- },
2369
- {
2370
- "kind": "custom-element-definition",
2371
- "name": "st-footer",
2372
- "declaration": {
2373
- "name": "Footer",
2374
- "module": "src/footer/Footer.ts"
2375
- }
2376
- }
2377
- ]
2378
- },
2379
- {
2380
- "kind": "javascript-module",
2381
- "path": "src/header/Header.ts",
2382
- "declarations": [
2383
- {
2384
- "kind": "class",
2385
- "description": "The app-shell header bar — brand (image + title, or title alone) on the left, a `slot=\"menu\"`\r\nfor primary nav (e.g. `st-dropdown`/`st-menu-grid` mega-menus, or plain links) taking the\r\nmiddle, and a `slot=\"utility\"` for account/app-switcher/theme controls on the right. Ported\r\nfrom `SankhyaUI`'s React `Header` (a separate, unrelated marketing-site project) to this\r\npackage's Lit conventions and this workspace's actual needs — that source component takes an\r\n`imageSrc` logo with no text fallback, but none of this suite's apps has a logo image today, so\r\n`title` is the primary brand prop here and `brand-image-url` is optional, mirroring\r\n`st-app-header`'s own brand/title split (this component's slotted-menu/utility shape is a\r\ndeliberately different, more generic surface than `st-app-header`'s fixed nav-links/user-menu\r\nprops — pick whichever fits a given app's header).\r\n\r\nLayout follows the source's `Header.css`: the menu starts 4rem after the brand, the utility\r\ncontrols sit after a vertical divider, and below `BREAKPOINT_TABLET` (900px here; 768px in the\r\nsource) `menu`/`utility` collapse behind a hamburger toggle into a full-screen layer under the\r\ntoggle (closes on Escape or a click inside it), where the menu's `st-dropdown`s are switched to\r\n`inline` so they open in the flow — the same two slotted elements just get repositioned by CSS\r\n(`.mobile-panel`'s `display: contents` at desktop width vs. a real fixed-position box below\r\n`BREAKPOINT_TABLET`), rather than the slots being duplicated in the template, since a shadow\r\nroot can only ever assign a given light-DOM child to the *first* slot of a given name.\r\n\r\nAlso carries an optional built-in language switcher (`languages`/`currentLanguageCode`, fires\r\n`language-change`) — ported from `st-app-header`'s own implementation verbatim rather than\r\nrebuilt, since the source `Header`'s reference story shows an equivalent flag/language `Select`\r\nas a first-class header utility. Hidden entirely when `languages` has fewer than two entries.\r\nThis component has no translation logic itself; the consuming app owns what a language `code`\r\nmeans and which content it re-renders in response.",
2386
- "name": "Header",
2387
- "members": [
2499
+ "attributes": [
2388
2500
  {
2389
- "kind": "field",
2390
2501
  "name": "title",
2391
2502
  "type": {
2392
2503
  "text": "string"
2393
2504
  },
2394
2505
  "default": "''",
2395
- "attribute": "title"
2506
+ "fieldName": "title"
2396
2507
  },
2397
2508
  {
2398
- "kind": "field",
2399
- "name": "brandImageUrl",
2509
+ "name": "brand-image-url",
2400
2510
  "type": {
2401
2511
  "text": "string"
2402
2512
  },
2403
2513
  "default": "''",
2404
2514
  "description": "Optional logo image URL, shown before `title`. Omitted entirely when empty — none of this suite's apps has one today. Matches the source component's `imageSrc` (renamed here to pair with `title`/`logoHref`, since this component's only image use is the brand mark).",
2405
- "attribute": "brand-image-url"
2515
+ "fieldName": "brandImageUrl"
2406
2516
  },
2407
2517
  {
2408
- "kind": "field",
2409
- "name": "altText",
2518
+ "name": "alt-text",
2410
2519
  "type": {
2411
2520
  "text": "string"
2412
2521
  },
2413
2522
  "default": "'Logo'",
2414
2523
  "description": "`alt` text for the brand image — matches the source component's `altText` (default `'Logo'`).",
2415
- "attribute": "alt-text"
2524
+ "fieldName": "altText"
2416
2525
  },
2417
2526
  {
2418
- "kind": "field",
2419
2527
  "name": "logoHref",
2420
2528
  "type": {
2421
2529
  "text": "string"
2422
2530
  },
2423
2531
  "default": "''",
2424
2532
  "description": "Wraps the brand in an `<a>` when set (e.g. `/`); a plain non-link `<div>` otherwise.",
2425
- "attribute": "logoHref"
2533
+ "fieldName": "logoHref"
2426
2534
  },
2427
2535
  {
2428
- "kind": "field",
2429
- "name": "logoTarget",
2536
+ "name": "logo-target",
2430
2537
  "type": {
2431
2538
  "text": "string"
2432
2539
  },
2433
2540
  "default": "'_self'",
2434
2541
  "description": "`target` for the brand `<a>` — matches the source component's `logoTarget` (default `_self`). No effect when `logoHref` isn't set.",
2435
- "attribute": "logo-target"
2542
+ "fieldName": "logoTarget"
2436
2543
  },
2437
2544
  {
2438
- "kind": "field",
2439
- "name": "logoClassName",
2545
+ "name": "logo-class-name",
2440
2546
  "type": {
2441
2547
  "text": "string"
2442
2548
  },
2443
2549
  "default": "''",
2444
2550
  "description": "Extra class(es) appended to the brand link/div — matches the source component's `logoClassName`.",
2445
- "attribute": "logo-class-name"
2551
+ "fieldName": "logoClassName"
2446
2552
  },
2447
2553
  {
2448
- "kind": "field",
2449
2554
  "name": "inverted",
2450
2555
  "type": {
2451
2556
  "text": "boolean"
2452
2557
  },
2453
2558
  "default": "false",
2454
2559
  "description": "Inverts the header's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`).",
2455
- "attribute": "inverted",
2456
- "reflects": true
2560
+ "fieldName": "inverted"
2457
2561
  },
2458
2562
  {
2459
- "kind": "field",
2460
2563
  "name": "sticky",
2461
2564
  "type": {
2462
2565
  "text": "boolean"
2463
2566
  },
2464
2567
  "default": "false",
2465
- "attribute": "sticky",
2466
- "reflects": true
2568
+ "fieldName": "sticky"
2467
2569
  },
2468
2570
  {
2469
- "kind": "field",
2470
2571
  "name": "transparent",
2471
2572
  "type": {
2472
2573
  "text": "boolean"
2473
2574
  },
2474
2575
  "default": "false",
2475
2576
  "description": "Fixes the header over the top of the page and makes it see-through, with light text\r\n(`--st-header-transparent-color`), until the page scrolls past `scroll-threshold` — for a\r\nheader laid over a dark hero. It then takes its normal background and a shadow. The page\r\ncontent starts under it, so the first section should leave room for the 64px bar.",
2476
- "attribute": "transparent",
2477
- "reflects": true
2577
+ "fieldName": "transparent"
2478
2578
  },
2479
2579
  {
2480
- "kind": "field",
2481
- "name": "hideOnScroll",
2580
+ "name": "hide-on-scroll",
2482
2581
  "type": {
2483
2582
  "text": "boolean"
2484
2583
  },
2485
2584
  "default": "false",
2486
2585
  "description": "Slides the header out of view while the page scrolls down and back in when it scrolls up.",
2487
- "attribute": "hide-on-scroll",
2488
- "reflects": true
2586
+ "fieldName": "hideOnScroll"
2489
2587
  },
2490
2588
  {
2491
- "kind": "field",
2492
- "name": "scrollThreshold",
2589
+ "name": "scroll-threshold",
2493
2590
  "type": {
2494
2591
  "text": "number"
2495
2592
  },
2496
2593
  "default": "8",
2497
2594
  "description": "Scroll distance in px after which the header counts as `scrolled`.",
2498
- "attribute": "scroll-threshold"
2595
+ "fieldName": "scrollThreshold"
2499
2596
  },
2500
2597
  {
2501
- "kind": "field",
2502
2598
  "name": "scrolled",
2503
2599
  "type": {
2504
2600
  "text": "boolean"
2505
2601
  },
2506
2602
  "default": "false",
2507
2603
  "description": "True once the page has scrolled past `scroll-threshold`; reflected so pages can style `st-header[scrolled]`. Set by the header, never from outside.",
2508
- "attribute": "scrolled",
2509
- "reflects": true
2604
+ "fieldName": "scrolled"
2510
2605
  },
2511
2606
  {
2512
- "kind": "field",
2513
- "name": "scrollHidden",
2607
+ "name": "scroll-hidden",
2514
2608
  "type": {
2515
2609
  "text": "boolean"
2516
2610
  },
2517
2611
  "default": "false",
2518
2612
  "description": "True while `hide-on-scroll` has slid the header away. Set by the header, never from outside.",
2519
- "attribute": "scroll-hidden",
2520
- "reflects": true
2521
- },
2522
- {
2523
- "kind": "field",
2524
- "name": "lastScrollY",
2525
- "type": {
2526
- "text": "number"
2527
- },
2528
- "privacy": "private",
2529
- "default": "0"
2530
- },
2531
- {
2532
- "kind": "field",
2533
- "name": "scrollFrame",
2534
- "type": {
2535
- "text": "number"
2536
- },
2537
- "privacy": "private",
2538
- "default": "0"
2539
- },
2540
- {
2541
- "kind": "field",
2542
- "name": "onScroll",
2543
- "privacy": "private"
2544
- },
2545
- {
2546
- "kind": "field",
2547
- "name": "languages",
2548
- "type": {
2549
- "text": "{ code: string; label: string }[]"
2550
- },
2551
- "default": "[]",
2552
- "description": "Language switcher options, e.g. `[{ code: 'en', label: 'English' }, ...]` — hidden entirely\r\nwhen empty or when only one language is offered (same convention as `st-app-header`'s\r\n`languages`, which this reuses verbatim). This component has no translation logic itself —\r\nselecting an option fires `language-change` (detail: `{ code }`), and the consuming app owns\r\nwhat `code` actually means and which content it re-renders."
2613
+ "fieldName": "scrollHidden"
2553
2614
  },
2554
2615
  {
2555
- "kind": "field",
2556
- "name": "currentLanguageCode",
2616
+ "name": "current-language-code",
2557
2617
  "type": {
2558
2618
  "text": "string"
2559
2619
  },
2560
2620
  "default": "''",
2561
- "attribute": "current-language-code"
2621
+ "fieldName": "currentLanguageCode"
2562
2622
  },
2563
2623
  {
2564
- "kind": "field",
2565
- "name": "languageMenuLabel",
2624
+ "name": "language-menu-label",
2566
2625
  "type": {
2567
2626
  "text": "string"
2568
2627
  },
2569
2628
  "default": "'Language'",
2570
- "attribute": "language-menu-label"
2629
+ "fieldName": "languageMenuLabel"
2571
2630
  },
2572
2631
  {
2573
- "kind": "field",
2574
- "name": "mobileOpen",
2632
+ "name": "mobile-open",
2575
2633
  "type": {
2576
2634
  "text": "boolean"
2577
2635
  },
2578
2636
  "default": "false",
2579
2637
  "description": "Internal open/closed state for the mobile nav overlay, reflected to an attribute purely so\r\nthe `:host([mobile-open])` CSS selector above can react to it — not meant to be set from\r\noutside.",
2580
- "attribute": "mobile-open",
2581
- "reflects": true
2638
+ "fieldName": "mobileOpen"
2582
2639
  },
2583
2640
  {
2584
- "kind": "field",
2585
2641
  "name": "compact",
2586
2642
  "type": {
2587
2643
  "text": "boolean"
2588
2644
  },
2589
2645
  "default": "false",
2590
2646
  "description": "True while the menu doesn't fit the bar at the current width: the header then shows the same\r\nhamburger layout it uses on a narrow screen. Set by `evaluateFit`, never from outside.",
2591
- "attribute": "compact",
2647
+ "fieldName": "compact"
2648
+ }
2649
+ ],
2650
+ "superclass": {
2651
+ "name": "LitElement",
2652
+ "package": "lit"
2653
+ },
2654
+ "tagName": "st-header",
2655
+ "customElement": true
2656
+ }
2657
+ ],
2658
+ "exports": [
2659
+ {
2660
+ "kind": "js",
2661
+ "name": "Header",
2662
+ "declaration": {
2663
+ "name": "Header",
2664
+ "module": "src/header/Header.ts"
2665
+ }
2666
+ },
2667
+ {
2668
+ "kind": "custom-element-definition",
2669
+ "name": "st-header",
2670
+ "declaration": {
2671
+ "name": "Header",
2672
+ "module": "src/header/Header.ts"
2673
+ }
2674
+ }
2675
+ ]
2676
+ },
2677
+ {
2678
+ "kind": "javascript-module",
2679
+ "path": "src/footer/Footer.ts",
2680
+ "declarations": [
2681
+ {
2682
+ "kind": "class",
2683
+ "description": "The footer, in two layouts:\r\n\r\n- **Bar** (default): a copyright line plus an optional \"powered by\" link — what the suite's\r\n authenticated apps use.\r\n- **Site**: when `columns`, `socialLinks`, `description` or `imageSrc` is set, the footer becomes a\r\n marketing-site footer — brand (logo/company name, description, social icons), link columns and a\r\n bottom bar with the copyright and \"powered by\".\r\n\r\nFires a cancelable `footer-link` event (detail `{ href }`) when an internal link is clicked.",
2684
+ "name": "Footer",
2685
+ "members": [
2686
+ {
2687
+ "kind": "field",
2688
+ "name": "inverted",
2689
+ "type": {
2690
+ "text": "boolean"
2691
+ },
2692
+ "default": "false",
2693
+ "description": "Inverts the footer's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`), same as `st-header`'s.",
2694
+ "attribute": "inverted",
2592
2695
  "reflects": true
2593
2696
  },
2594
2697
  {
2595
2698
  "kind": "field",
2596
- "name": "languageMenuOpen",
2699
+ "name": "companyName",
2597
2700
  "type": {
2598
- "text": "boolean"
2701
+ "text": "string"
2599
2702
  },
2600
- "privacy": "private",
2601
- "default": "false"
2703
+ "default": "''",
2704
+ "description": "Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly.",
2705
+ "attribute": "company-name"
2602
2706
  },
2603
2707
  {
2604
2708
  "kind": "field",
2605
- "name": "hasUtility",
2709
+ "name": "copyright",
2606
2710
  "type": {
2607
- "text": "boolean"
2711
+ "text": "string"
2608
2712
  },
2609
- "privacy": "private",
2610
- "default": "false",
2611
- "description": "Whether `slot=\"utility\"` has content — an empty utility row (and its divider) is hidden."
2713
+ "default": "''",
2714
+ "description": "Overrides the default computed copyright line entirely.",
2715
+ "attribute": "copyright"
2716
+ },
2717
+ {
2718
+ "kind": "field",
2719
+ "name": "poweredBy",
2720
+ "type": {
2721
+ "text": "string"
2722
+ },
2723
+ "default": "''",
2724
+ "attribute": "powered-by"
2612
2725
  },
2613
2726
  {
2614
2727
  "kind": "field",
2615
- "name": "resizeObserver",
2728
+ "name": "poweredByLink",
2616
2729
  "type": {
2617
- "text": "ResizeObserver | undefined"
2730
+ "text": "string"
2618
2731
  },
2619
- "privacy": "private"
2732
+ "default": "''",
2733
+ "attribute": "powered-by-link"
2620
2734
  },
2621
2735
  {
2622
2736
  "kind": "field",
2623
- "name": "narrowQuery",
2737
+ "name": "version",
2624
2738
  "type": {
2625
- "text": "MediaQueryList | undefined"
2739
+ "text": "string"
2626
2740
  },
2627
- "privacy": "private",
2628
- "description": "Matches below BREAKPOINT_TABLET, where the hamburger layout is always on."
2741
+ "default": "''",
2742
+ "description": "App version, rendered as `v{version}` after the copyright line — for apps that show their own\r\nversion in the footer rather than the header title.",
2743
+ "attribute": "version"
2629
2744
  },
2630
2745
  {
2631
2746
  "kind": "field",
2632
- "name": "inlinedDropdowns",
2633
- "privacy": "private",
2634
- "default": "new Set<HTMLElement & { inline: boolean; open: boolean }>()",
2635
- "description": "The dropdowns this header switched to `inline` — only these are switched back, so a caller's\r\nown `inline` setting is left alone."
2747
+ "name": "imageSrc",
2748
+ "type": {
2749
+ "text": "string"
2750
+ },
2751
+ "default": "''",
2752
+ "description": "Logo shown in the brand block (site layout).",
2753
+ "attribute": "image-src"
2636
2754
  },
2637
2755
  {
2638
2756
  "kind": "field",
2639
- "name": "syncInlineDropdowns",
2640
- "privacy": "private",
2641
- "description": "While the hamburger layout is on, the dropdowns in the header open in the flow of the\r\nfull-screen panel instead of floating over it (SankhyaUI's touch-device layout)."
2757
+ "name": "description",
2758
+ "type": {
2759
+ "text": "string"
2760
+ },
2761
+ "default": "''",
2762
+ "description": "Short blurb under the logo (site layout).",
2763
+ "attribute": "description"
2642
2764
  },
2643
2765
  {
2644
2766
  "kind": "field",
2645
- "name": "onUtilitySlotChange",
2646
- "privacy": "private"
2767
+ "name": "columns",
2768
+ "type": {
2769
+ "text": "FooterColumn[]"
2770
+ },
2771
+ "default": "[]",
2772
+ "description": "Link columns (site layout)."
2647
2773
  },
2648
2774
  {
2649
2775
  "kind": "field",
2650
- "name": "onMenuSlotChange",
2651
- "privacy": "private"
2776
+ "name": "socialLinks",
2777
+ "type": {
2778
+ "text": "FooterSocialLink[]"
2779
+ },
2780
+ "default": "[]",
2781
+ "description": "Social icon links under the description (site layout)."
2652
2782
  },
2653
2783
  {
2654
2784
  "kind": "field",
2655
- "name": "collapsedAtWidth",
2785
+ "name": "isSite",
2656
2786
  "type": {
2657
- "text": "number"
2787
+ "text": "boolean"
2658
2788
  },
2659
2789
  "privacy": "private",
2660
- "default": "0",
2661
- "description": "The bar width at which the menu last overflowed — the bar only expands again once it is\r\nclearly wider than this, so it can't flip back and forth right at the threshold."
2790
+ "readonly": true
2662
2791
  },
2663
2792
  {
2664
2793
  "kind": "field",
2665
- "name": "evaluateFit",
2794
+ "name": "resolvedCopyright",
2795
+ "type": {
2796
+ "text": "string"
2797
+ },
2666
2798
  "privacy": "private",
2667
- "description": "Collapses to the hamburger layout when the slotted menu overflows its row, and expands again\r\nonce there is room. The collapsed layout hides the menu, so the room it needs can't be\r\nmeasured then; the width remembered when it collapsed stands in for it."
2799
+ "readonly": true
2668
2800
  },
2669
2801
  {
2670
2802
  "kind": "method",
2671
- "name": "menuOverflows",
2803
+ "name": "onLinkClick",
2672
2804
  "privacy": "private",
2673
2805
  "return": {
2674
2806
  "type": {
2675
- "text": "boolean"
2807
+ "text": "void"
2676
2808
  }
2677
2809
  },
2678
- "description": "Whether the visible menu items reach past the right edge of the menu row. Measured from the\r\nitems' own boxes (the slotted elements and their direct children), not the row's scrollWidth:\r\na closed dropdown's absolutely positioned panel also counts towards scrollWidth, which would\r\nreport overflow at any width."
2679
- },
2680
- {
2681
- "kind": "field",
2682
- "name": "lightDomObserver",
2683
- "type": {
2684
- "text": "MutationObserver | undefined"
2685
- },
2686
- "privacy": "private"
2687
- },
2688
- {
2689
- "kind": "field",
2690
- "name": "closeOnEscape",
2691
- "privacy": "private"
2692
- },
2693
- {
2694
- "kind": "field",
2695
- "name": "closeLanguageMenuOnOutsideClick",
2696
- "privacy": "private"
2697
- },
2698
- {
2699
- "kind": "method",
2700
- "name": "renderLanguageMenu",
2701
- "privacy": "private"
2810
+ "parameters": [
2811
+ {
2812
+ "name": "event",
2813
+ "type": {
2814
+ "text": "MouseEvent"
2815
+ }
2816
+ },
2817
+ {
2818
+ "name": "href",
2819
+ "type": {
2820
+ "text": "string"
2821
+ }
2822
+ }
2823
+ ]
2702
2824
  },
2703
2825
  {
2704
2826
  "kind": "method",
2705
- "name": "onLanguageSelect",
2827
+ "name": "renderLink",
2706
2828
  "privacy": "private",
2707
- "return": {
2708
- "type": {
2709
- "text": "void"
2710
- }
2711
- },
2712
2829
  "parameters": [
2713
2830
  {
2714
- "name": "code",
2831
+ "name": "link",
2715
2832
  "type": {
2716
- "text": "string"
2833
+ "text": "FooterLink"
2717
2834
  }
2718
2835
  }
2719
2836
  ]
2720
2837
  },
2721
2838
  {
2722
2839
  "kind": "method",
2723
- "name": "renderBrand",
2840
+ "name": "renderPoweredBy",
2724
2841
  "privacy": "private"
2725
- }
2726
- ],
2727
- "events": [
2842
+ },
2728
2843
  {
2729
- "name": "language-change",
2730
- "type": {
2731
- "text": "CustomEvent"
2732
- }
2844
+ "kind": "method",
2845
+ "name": "renderSite",
2846
+ "privacy": "private"
2733
2847
  }
2734
2848
  ],
2735
2849
  "attributes": [
2736
2850
  {
2737
- "name": "title",
2851
+ "name": "inverted",
2738
2852
  "type": {
2739
- "text": "string"
2853
+ "text": "boolean"
2740
2854
  },
2741
- "default": "''",
2742
- "fieldName": "title"
2855
+ "default": "false",
2856
+ "description": "Inverts the footer's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`), same as `st-header`'s.",
2857
+ "fieldName": "inverted"
2743
2858
  },
2744
2859
  {
2745
- "name": "brand-image-url",
2860
+ "name": "company-name",
2746
2861
  "type": {
2747
2862
  "text": "string"
2748
2863
  },
2749
2864
  "default": "''",
2750
- "description": "Optional logo image URL, shown before `title`. Omitted entirely when empty — none of this suite's apps has one today. Matches the source component's `imageSrc` (renamed here to pair with `title`/`logoHref`, since this component's only image use is the brand mark).",
2751
- "fieldName": "brandImageUrl"
2752
- },
2753
- {
2754
- "name": "alt-text",
2755
- "type": {
2756
- "text": "string"
2757
- },
2758
- "default": "'Logo'",
2759
- "description": "`alt` text for the brand image — matches the source component's `altText` (default `'Logo'`).",
2760
- "fieldName": "altText"
2865
+ "description": "Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly.",
2866
+ "fieldName": "companyName"
2761
2867
  },
2762
2868
  {
2763
- "name": "logoHref",
2869
+ "name": "copyright",
2764
2870
  "type": {
2765
2871
  "text": "string"
2766
2872
  },
2767
2873
  "default": "''",
2768
- "description": "Wraps the brand in an `<a>` when set (e.g. `/`); a plain non-link `<div>` otherwise.",
2769
- "fieldName": "logoHref"
2874
+ "description": "Overrides the default computed copyright line entirely.",
2875
+ "fieldName": "copyright"
2770
2876
  },
2771
2877
  {
2772
- "name": "logo-target",
2878
+ "name": "powered-by",
2773
2879
  "type": {
2774
2880
  "text": "string"
2775
2881
  },
2776
- "default": "'_self'",
2777
- "description": "`target` for the brand `<a>` — matches the source component's `logoTarget` (default `_self`). No effect when `logoHref` isn't set.",
2778
- "fieldName": "logoTarget"
2882
+ "default": "''",
2883
+ "fieldName": "poweredBy"
2779
2884
  },
2780
2885
  {
2781
- "name": "logo-class-name",
2886
+ "name": "powered-by-link",
2782
2887
  "type": {
2783
2888
  "text": "string"
2784
2889
  },
2785
2890
  "default": "''",
2786
- "description": "Extra class(es) appended to the brand link/div — matches the source component's `logoClassName`.",
2787
- "fieldName": "logoClassName"
2788
- },
2789
- {
2790
- "name": "inverted",
2791
- "type": {
2792
- "text": "boolean"
2793
- },
2794
- "default": "false",
2795
- "description": "Inverts the header's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`).",
2796
- "fieldName": "inverted"
2797
- },
2798
- {
2799
- "name": "sticky",
2800
- "type": {
2801
- "text": "boolean"
2802
- },
2803
- "default": "false",
2804
- "fieldName": "sticky"
2805
- },
2806
- {
2807
- "name": "transparent",
2808
- "type": {
2809
- "text": "boolean"
2810
- },
2811
- "default": "false",
2812
- "description": "Fixes the header over the top of the page and makes it see-through, with light text\r\n(`--st-header-transparent-color`), until the page scrolls past `scroll-threshold` — for a\r\nheader laid over a dark hero. It then takes its normal background and a shadow. The page\r\ncontent starts under it, so the first section should leave room for the 64px bar.",
2813
- "fieldName": "transparent"
2814
- },
2815
- {
2816
- "name": "hide-on-scroll",
2817
- "type": {
2818
- "text": "boolean"
2819
- },
2820
- "default": "false",
2821
- "description": "Slides the header out of view while the page scrolls down and back in when it scrolls up.",
2822
- "fieldName": "hideOnScroll"
2823
- },
2824
- {
2825
- "name": "scroll-threshold",
2826
- "type": {
2827
- "text": "number"
2828
- },
2829
- "default": "8",
2830
- "description": "Scroll distance in px after which the header counts as `scrolled`.",
2831
- "fieldName": "scrollThreshold"
2832
- },
2833
- {
2834
- "name": "scrolled",
2835
- "type": {
2836
- "text": "boolean"
2837
- },
2838
- "default": "false",
2839
- "description": "True once the page has scrolled past `scroll-threshold`; reflected so pages can style `st-header[scrolled]`. Set by the header, never from outside.",
2840
- "fieldName": "scrolled"
2841
- },
2842
- {
2843
- "name": "scroll-hidden",
2844
- "type": {
2845
- "text": "boolean"
2846
- },
2847
- "default": "false",
2848
- "description": "True while `hide-on-scroll` has slid the header away. Set by the header, never from outside.",
2849
- "fieldName": "scrollHidden"
2891
+ "fieldName": "poweredByLink"
2850
2892
  },
2851
2893
  {
2852
- "name": "current-language-code",
2894
+ "name": "version",
2853
2895
  "type": {
2854
2896
  "text": "string"
2855
2897
  },
2856
2898
  "default": "''",
2857
- "fieldName": "currentLanguageCode"
2899
+ "description": "App version, rendered as `v{version}` after the copyright line — for apps that show their own\r\nversion in the footer rather than the header title.",
2900
+ "fieldName": "version"
2858
2901
  },
2859
2902
  {
2860
- "name": "language-menu-label",
2903
+ "name": "image-src",
2861
2904
  "type": {
2862
2905
  "text": "string"
2863
2906
  },
2864
- "default": "'Language'",
2865
- "fieldName": "languageMenuLabel"
2866
- },
2867
- {
2868
- "name": "mobile-open",
2869
- "type": {
2870
- "text": "boolean"
2871
- },
2872
- "default": "false",
2873
- "description": "Internal open/closed state for the mobile nav overlay, reflected to an attribute purely so\r\nthe `:host([mobile-open])` CSS selector above can react to it — not meant to be set from\r\noutside.",
2874
- "fieldName": "mobileOpen"
2907
+ "default": "''",
2908
+ "description": "Logo shown in the brand block (site layout).",
2909
+ "fieldName": "imageSrc"
2875
2910
  },
2876
2911
  {
2877
- "name": "compact",
2912
+ "name": "description",
2878
2913
  "type": {
2879
- "text": "boolean"
2914
+ "text": "string"
2880
2915
  },
2881
- "default": "false",
2882
- "description": "True while the menu doesn't fit the bar at the current width: the header then shows the same\r\nhamburger layout it uses on a narrow screen. Set by `evaluateFit`, never from outside.",
2883
- "fieldName": "compact"
2916
+ "default": "''",
2917
+ "description": "Short blurb under the logo (site layout).",
2918
+ "fieldName": "description"
2884
2919
  }
2885
2920
  ],
2886
2921
  "superclass": {
2887
2922
  "name": "LitElement",
2888
2923
  "package": "lit"
2889
2924
  },
2890
- "tagName": "st-header",
2925
+ "tagName": "st-footer",
2891
2926
  "customElement": true
2892
2927
  }
2893
2928
  ],
2894
2929
  "exports": [
2895
2930
  {
2896
2931
  "kind": "js",
2897
- "name": "Header",
2932
+ "name": "Footer",
2898
2933
  "declaration": {
2899
- "name": "Header",
2900
- "module": "src/header/Header.ts"
2934
+ "name": "Footer",
2935
+ "module": "src/footer/Footer.ts"
2901
2936
  }
2902
2937
  },
2903
2938
  {
2904
2939
  "kind": "custom-element-definition",
2905
- "name": "st-header",
2940
+ "name": "st-footer",
2906
2941
  "declaration": {
2907
- "name": "Header",
2908
- "module": "src/header/Header.ts"
2942
+ "name": "Footer",
2943
+ "module": "src/footer/Footer.ts"
2909
2944
  }
2910
2945
  }
2911
2946
  ]
@@ -4631,23 +4666,23 @@
4631
4666
  },
4632
4667
  {
4633
4668
  "kind": "javascript-module",
4634
- "path": "src/promo-banner/PromoBanner.ts",
4669
+ "path": "src/menu-item/MenuItem.ts",
4635
4670
  "declarations": [
4636
4671
  {
4637
4672
  "kind": "class",
4638
- "description": "Rounded call-to-action banner (title, subtitle, one outlined button) on a dark panel or a\r\nbackground image. Port of `SankhyaUI`'s React `PromoBanner`; the button fires an `action` event\r\n(detail `{ href }`, empty unless set) in place of `onAction`.",
4639
- "name": "PromoBanner",
4640
- "cssProperties": [
4673
+ "description": "A single flat nav row — icon (`slot=\"icon\"`) + title + badge on one line, an optional\r\ndescription below — as opposed to `st-menu-grid-item`'s card for a multi-column grid. A 1:1\r\nport of `SankhyaUI`'s React `MenuItem` (`SankhyaCMS/SankhyaUI/src/components/Menu`): same\r\nmarkup and CSS, with its `motion` effects redone in CSS — nudges right and scales to 1.01 on\r\nhover / 0.99 while pressed, the icon tilts on hover, the badge pops in, the description fades\r\nin. Colors come from the suite theme rather than per-item utility classes.\r\n\r\nRenders a real `<a href>` but fires a *cancelable* `menu-item-select` event (detail: `{ href }`)\r\nbefore navigating — a host doing client-side routing calls `event.preventDefault()` on it (the\r\nsource used react-router's `Link` here; the suite apps have no router).",
4674
+ "name": "MenuItem",
4675
+ "members": [
4641
4676
  {
4642
- "description": "Overrides the banner's margin.",
4643
- "name": "--st-promo-banner-margin"
4677
+ "kind": "field",
4678
+ "name": "shadowRootOptions",
4679
+ "type": {
4680
+ "text": "object"
4681
+ },
4682
+ "static": true,
4683
+ "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true }",
4684
+ "description": "`focus()` on the element focuses its link, so `st-dropdown` can arrow-key between items."
4644
4685
  },
4645
- {
4646
- "description": "Overrides the banner's padding.",
4647
- "name": "--st-promo-banner-padding"
4648
- }
4649
- ],
4650
- "members": [
4651
4686
  {
4652
4687
  "kind": "field",
4653
4688
  "name": "title",
@@ -4659,53 +4694,102 @@
4659
4694
  },
4660
4695
  {
4661
4696
  "kind": "field",
4662
- "name": "subtitle",
4697
+ "name": "href",
4663
4698
  "type": {
4664
4699
  "text": "string"
4665
4700
  },
4666
4701
  "default": "''",
4667
- "attribute": "subtitle"
4702
+ "attribute": "href"
4668
4703
  },
4669
4704
  {
4670
4705
  "kind": "field",
4671
- "name": "actionLabel",
4706
+ "name": "description",
4672
4707
  "type": {
4673
4708
  "text": "string"
4674
4709
  },
4675
4710
  "default": "''",
4676
- "attribute": "action-label"
4711
+ "attribute": "description"
4677
4712
  },
4678
4713
  {
4679
4714
  "kind": "field",
4680
- "name": "href",
4715
+ "name": "badge",
4681
4716
  "type": {
4682
4717
  "text": "string"
4683
4718
  },
4684
4719
  "default": "''",
4685
- "attribute": "href"
4720
+ "description": "Small trailing label, e.g. a count or \"New\"/\"Beta\" — omit for none.",
4721
+ "attribute": "badge"
4686
4722
  },
4687
4723
  {
4688
4724
  "kind": "field",
4689
- "name": "imageSrc",
4725
+ "name": "active",
4690
4726
  "type": {
4691
- "text": "string"
4727
+ "text": "boolean"
4692
4728
  },
4693
- "default": "''",
4694
- "attribute": "image-src"
4729
+ "default": "false",
4730
+ "description": "Highlights this row as the current page (source: `isActive`).",
4731
+ "attribute": "active",
4732
+ "reflects": true
4695
4733
  },
4696
4734
  {
4697
4735
  "kind": "field",
4698
- "name": "inverted",
4736
+ "name": "compact",
4699
4737
  "type": {
4700
4738
  "text": "boolean"
4701
4739
  },
4702
4740
  "default": "false",
4703
- "attribute": "inverted",
4741
+ "attribute": "compact",
4704
4742
  "reflects": true
4705
4743
  },
4706
4744
  {
4707
4745
  "kind": "field",
4708
- "name": "onAction",
4746
+ "name": "showDescription",
4747
+ "type": {
4748
+ "text": "boolean"
4749
+ },
4750
+ "default": "true",
4751
+ "description": "Suppresses the description even when `description` is set (source: `showDescription`, default `true`).",
4752
+ "attribute": "show-description"
4753
+ },
4754
+ {
4755
+ "kind": "field",
4756
+ "name": "target",
4757
+ "type": {
4758
+ "text": "string"
4759
+ },
4760
+ "default": "'_self'",
4761
+ "description": "`target` for the `<a>` (source default `_self`).",
4762
+ "attribute": "target"
4763
+ },
4764
+ {
4765
+ "kind": "field",
4766
+ "name": "variant",
4767
+ "type": {
4768
+ "text": "'default' | 'link' | 'bar'"
4769
+ },
4770
+ "default": "'default'",
4771
+ "description": "`default` (a row with a hover box), `link` (a plain text link, as in `st-mega-menu-column`;\r\nmarked with an arrow when it opens a new tab) or `bar` (a top-level item in a header bar,\r\nshaped like a mega `st-dropdown`'s trigger pill so it lines up with the dropdowns beside it).",
4772
+ "attribute": "variant",
4773
+ "reflects": true
4774
+ },
4775
+ {
4776
+ "kind": "field",
4777
+ "name": "hasIcon",
4778
+ "type": {
4779
+ "text": "boolean"
4780
+ },
4781
+ "privacy": "private",
4782
+ "default": "false",
4783
+ "description": "Whether `slot=\"icon\"` has content, so an omitted icon leaves no empty box."
4784
+ },
4785
+ {
4786
+ "kind": "field",
4787
+ "name": "onIconSlotChange",
4788
+ "privacy": "private"
4789
+ },
4790
+ {
4791
+ "kind": "field",
4792
+ "name": "onClick",
4709
4793
  "privacy": "private"
4710
4794
  }
4711
4795
  ],
@@ -4719,92 +4803,121 @@
4719
4803
  "fieldName": "title"
4720
4804
  },
4721
4805
  {
4722
- "name": "subtitle",
4806
+ "name": "href",
4723
4807
  "type": {
4724
4808
  "text": "string"
4725
4809
  },
4726
4810
  "default": "''",
4727
- "fieldName": "subtitle"
4811
+ "fieldName": "href"
4728
4812
  },
4729
4813
  {
4730
- "name": "action-label",
4814
+ "name": "description",
4731
4815
  "type": {
4732
4816
  "text": "string"
4733
4817
  },
4734
4818
  "default": "''",
4735
- "fieldName": "actionLabel"
4819
+ "fieldName": "description"
4736
4820
  },
4737
4821
  {
4738
- "name": "href",
4822
+ "name": "badge",
4739
4823
  "type": {
4740
4824
  "text": "string"
4741
4825
  },
4742
4826
  "default": "''",
4743
- "fieldName": "href"
4827
+ "description": "Small trailing label, e.g. a count or \"New\"/\"Beta\" — omit for none.",
4828
+ "fieldName": "badge"
4744
4829
  },
4745
4830
  {
4746
- "name": "image-src",
4831
+ "name": "active",
4747
4832
  "type": {
4748
- "text": "string"
4833
+ "text": "boolean"
4749
4834
  },
4750
- "default": "''",
4751
- "fieldName": "imageSrc"
4835
+ "default": "false",
4836
+ "description": "Highlights this row as the current page (source: `isActive`).",
4837
+ "fieldName": "active"
4752
4838
  },
4753
4839
  {
4754
- "name": "inverted",
4840
+ "name": "compact",
4755
4841
  "type": {
4756
4842
  "text": "boolean"
4757
4843
  },
4758
4844
  "default": "false",
4759
- "fieldName": "inverted"
4845
+ "fieldName": "compact"
4846
+ },
4847
+ {
4848
+ "name": "show-description",
4849
+ "type": {
4850
+ "text": "boolean"
4851
+ },
4852
+ "default": "true",
4853
+ "description": "Suppresses the description even when `description` is set (source: `showDescription`, default `true`).",
4854
+ "fieldName": "showDescription"
4855
+ },
4856
+ {
4857
+ "name": "target",
4858
+ "type": {
4859
+ "text": "string"
4860
+ },
4861
+ "default": "'_self'",
4862
+ "description": "`target` for the `<a>` (source default `_self`).",
4863
+ "fieldName": "target"
4864
+ },
4865
+ {
4866
+ "name": "variant",
4867
+ "type": {
4868
+ "text": "'default' | 'link' | 'bar'"
4869
+ },
4870
+ "default": "'default'",
4871
+ "description": "`default` (a row with a hover box), `link` (a plain text link, as in `st-mega-menu-column`;\r\nmarked with an arrow when it opens a new tab) or `bar` (a top-level item in a header bar,\r\nshaped like a mega `st-dropdown`'s trigger pill so it lines up with the dropdowns beside it).",
4872
+ "fieldName": "variant"
4760
4873
  }
4761
4874
  ],
4762
4875
  "superclass": {
4763
4876
  "name": "LitElement",
4764
4877
  "package": "lit"
4765
4878
  },
4766
- "tagName": "st-promo-banner",
4879
+ "tagName": "st-menu-item",
4767
4880
  "customElement": true
4768
4881
  }
4769
4882
  ],
4770
4883
  "exports": [
4771
4884
  {
4772
4885
  "kind": "js",
4773
- "name": "PromoBanner",
4886
+ "name": "MenuItem",
4774
4887
  "declaration": {
4775
- "name": "PromoBanner",
4776
- "module": "src/promo-banner/PromoBanner.ts"
4888
+ "name": "MenuItem",
4889
+ "module": "src/menu-item/MenuItem.ts"
4777
4890
  }
4778
4891
  },
4779
4892
  {
4780
4893
  "kind": "custom-element-definition",
4781
- "name": "st-promo-banner",
4894
+ "name": "st-menu-item",
4782
4895
  "declaration": {
4783
- "name": "PromoBanner",
4784
- "module": "src/promo-banner/PromoBanner.ts"
4896
+ "name": "MenuItem",
4897
+ "module": "src/menu-item/MenuItem.ts"
4785
4898
  }
4786
4899
  }
4787
4900
  ]
4788
4901
  },
4789
4902
  {
4790
4903
  "kind": "javascript-module",
4791
- "path": "src/menu-item/MenuItem.ts",
4904
+ "path": "src/promo-banner/PromoBanner.ts",
4792
4905
  "declarations": [
4793
4906
  {
4794
4907
  "kind": "class",
4795
- "description": "A single flat nav row — icon (`slot=\"icon\"`) + title + badge on one line, an optional\r\ndescription below — as opposed to `st-menu-grid-item`'s card for a multi-column grid. A 1:1\r\nport of `SankhyaUI`'s React `MenuItem` (`SankhyaCMS/SankhyaUI/src/components/Menu`): same\r\nmarkup and CSS, with its `motion` effects redone in CSS — nudges right and scales to 1.01 on\r\nhover / 0.99 while pressed, the icon tilts on hover, the badge pops in, the description fades\r\nin. Colors come from the suite theme rather than per-item utility classes.\r\n\r\nRenders a real `<a href>` but fires a *cancelable* `menu-item-select` event (detail: `{ href }`)\r\nbefore navigating — a host doing client-side routing calls `event.preventDefault()` on it (the\r\nsource used react-router's `Link` here; the suite apps have no router).",
4796
- "name": "MenuItem",
4797
- "members": [
4908
+ "description": "Rounded call-to-action banner (title, subtitle, one outlined button) on a dark panel or a\r\nbackground image. Port of `SankhyaUI`'s React `PromoBanner`; the button fires an `action` event\r\n(detail `{ href }`, empty unless set) in place of `onAction`.",
4909
+ "name": "PromoBanner",
4910
+ "cssProperties": [
4798
4911
  {
4799
- "kind": "field",
4800
- "name": "shadowRootOptions",
4801
- "type": {
4802
- "text": "object"
4803
- },
4804
- "static": true,
4805
- "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true }",
4806
- "description": "`focus()` on the element focuses its link, so `st-dropdown` can arrow-key between items."
4912
+ "description": "Overrides the banner's margin.",
4913
+ "name": "--st-promo-banner-margin"
4807
4914
  },
4915
+ {
4916
+ "description": "Overrides the banner's padding.",
4917
+ "name": "--st-promo-banner-padding"
4918
+ }
4919
+ ],
4920
+ "members": [
4808
4921
  {
4809
4922
  "kind": "field",
4810
4923
  "name": "title",
@@ -4816,102 +4929,53 @@
4816
4929
  },
4817
4930
  {
4818
4931
  "kind": "field",
4819
- "name": "href",
4820
- "type": {
4821
- "text": "string"
4822
- },
4823
- "default": "''",
4824
- "attribute": "href"
4825
- },
4826
- {
4827
- "kind": "field",
4828
- "name": "description",
4829
- "type": {
4830
- "text": "string"
4831
- },
4832
- "default": "''",
4833
- "attribute": "description"
4834
- },
4835
- {
4836
- "kind": "field",
4837
- "name": "badge",
4838
- "type": {
4839
- "text": "string"
4840
- },
4841
- "default": "''",
4842
- "description": "Small trailing label, e.g. a count or \"New\"/\"Beta\" — omit for none.",
4843
- "attribute": "badge"
4844
- },
4845
- {
4846
- "kind": "field",
4847
- "name": "active",
4848
- "type": {
4849
- "text": "boolean"
4850
- },
4851
- "default": "false",
4852
- "description": "Highlights this row as the current page (source: `isActive`).",
4853
- "attribute": "active",
4854
- "reflects": true
4855
- },
4856
- {
4857
- "kind": "field",
4858
- "name": "compact",
4932
+ "name": "subtitle",
4859
4933
  "type": {
4860
- "text": "boolean"
4934
+ "text": "string"
4861
4935
  },
4862
- "default": "false",
4863
- "attribute": "compact",
4864
- "reflects": true
4936
+ "default": "''",
4937
+ "attribute": "subtitle"
4865
4938
  },
4866
4939
  {
4867
4940
  "kind": "field",
4868
- "name": "showDescription",
4941
+ "name": "actionLabel",
4869
4942
  "type": {
4870
- "text": "boolean"
4943
+ "text": "string"
4871
4944
  },
4872
- "default": "true",
4873
- "description": "Suppresses the description even when `description` is set (source: `showDescription`, default `true`).",
4874
- "attribute": "show-description"
4945
+ "default": "''",
4946
+ "attribute": "action-label"
4875
4947
  },
4876
4948
  {
4877
4949
  "kind": "field",
4878
- "name": "target",
4950
+ "name": "href",
4879
4951
  "type": {
4880
4952
  "text": "string"
4881
4953
  },
4882
- "default": "'_self'",
4883
- "description": "`target` for the `<a>` (source default `_self`).",
4884
- "attribute": "target"
4954
+ "default": "''",
4955
+ "attribute": "href"
4885
4956
  },
4886
4957
  {
4887
4958
  "kind": "field",
4888
- "name": "variant",
4959
+ "name": "imageSrc",
4889
4960
  "type": {
4890
- "text": "'default' | 'link' | 'bar'"
4961
+ "text": "string"
4891
4962
  },
4892
- "default": "'default'",
4893
- "description": "`default` (a row with a hover box), `link` (a plain text link, as in `st-mega-menu-column`;\r\nmarked with an arrow when it opens a new tab) or `bar` (a top-level item in a header bar,\r\nshaped like a mega `st-dropdown`'s trigger pill so it lines up with the dropdowns beside it).",
4894
- "attribute": "variant",
4895
- "reflects": true
4963
+ "default": "''",
4964
+ "attribute": "image-src"
4896
4965
  },
4897
4966
  {
4898
4967
  "kind": "field",
4899
- "name": "hasIcon",
4968
+ "name": "inverted",
4900
4969
  "type": {
4901
4970
  "text": "boolean"
4902
4971
  },
4903
- "privacy": "private",
4904
4972
  "default": "false",
4905
- "description": "Whether `slot=\"icon\"` has content, so an omitted icon leaves no empty box."
4906
- },
4907
- {
4908
- "kind": "field",
4909
- "name": "onIconSlotChange",
4910
- "privacy": "private"
4973
+ "attribute": "inverted",
4974
+ "reflects": true
4911
4975
  },
4912
4976
  {
4913
4977
  "kind": "field",
4914
- "name": "onClick",
4978
+ "name": "onAction",
4915
4979
  "privacy": "private"
4916
4980
  }
4917
4981
  ],
@@ -4925,98 +4989,69 @@
4925
4989
  "fieldName": "title"
4926
4990
  },
4927
4991
  {
4928
- "name": "href",
4992
+ "name": "subtitle",
4929
4993
  "type": {
4930
4994
  "text": "string"
4931
4995
  },
4932
4996
  "default": "''",
4933
- "fieldName": "href"
4997
+ "fieldName": "subtitle"
4934
4998
  },
4935
4999
  {
4936
- "name": "description",
5000
+ "name": "action-label",
4937
5001
  "type": {
4938
5002
  "text": "string"
4939
5003
  },
4940
5004
  "default": "''",
4941
- "fieldName": "description"
5005
+ "fieldName": "actionLabel"
4942
5006
  },
4943
5007
  {
4944
- "name": "badge",
5008
+ "name": "href",
4945
5009
  "type": {
4946
5010
  "text": "string"
4947
5011
  },
4948
5012
  "default": "''",
4949
- "description": "Small trailing label, e.g. a count or \"New\"/\"Beta\" — omit for none.",
4950
- "fieldName": "badge"
5013
+ "fieldName": "href"
4951
5014
  },
4952
5015
  {
4953
- "name": "active",
5016
+ "name": "image-src",
4954
5017
  "type": {
4955
- "text": "boolean"
5018
+ "text": "string"
4956
5019
  },
4957
- "default": "false",
4958
- "description": "Highlights this row as the current page (source: `isActive`).",
4959
- "fieldName": "active"
5020
+ "default": "''",
5021
+ "fieldName": "imageSrc"
4960
5022
  },
4961
5023
  {
4962
- "name": "compact",
5024
+ "name": "inverted",
4963
5025
  "type": {
4964
5026
  "text": "boolean"
4965
5027
  },
4966
5028
  "default": "false",
4967
- "fieldName": "compact"
4968
- },
4969
- {
4970
- "name": "show-description",
4971
- "type": {
4972
- "text": "boolean"
4973
- },
4974
- "default": "true",
4975
- "description": "Suppresses the description even when `description` is set (source: `showDescription`, default `true`).",
4976
- "fieldName": "showDescription"
4977
- },
4978
- {
4979
- "name": "target",
4980
- "type": {
4981
- "text": "string"
4982
- },
4983
- "default": "'_self'",
4984
- "description": "`target` for the `<a>` (source default `_self`).",
4985
- "fieldName": "target"
4986
- },
4987
- {
4988
- "name": "variant",
4989
- "type": {
4990
- "text": "'default' | 'link' | 'bar'"
4991
- },
4992
- "default": "'default'",
4993
- "description": "`default` (a row with a hover box), `link` (a plain text link, as in `st-mega-menu-column`;\r\nmarked with an arrow when it opens a new tab) or `bar` (a top-level item in a header bar,\r\nshaped like a mega `st-dropdown`'s trigger pill so it lines up with the dropdowns beside it).",
4994
- "fieldName": "variant"
5029
+ "fieldName": "inverted"
4995
5030
  }
4996
5031
  ],
4997
5032
  "superclass": {
4998
5033
  "name": "LitElement",
4999
5034
  "package": "lit"
5000
5035
  },
5001
- "tagName": "st-menu-item",
5036
+ "tagName": "st-promo-banner",
5002
5037
  "customElement": true
5003
5038
  }
5004
5039
  ],
5005
5040
  "exports": [
5006
5041
  {
5007
5042
  "kind": "js",
5008
- "name": "MenuItem",
5043
+ "name": "PromoBanner",
5009
5044
  "declaration": {
5010
- "name": "MenuItem",
5011
- "module": "src/menu-item/MenuItem.ts"
5045
+ "name": "PromoBanner",
5046
+ "module": "src/promo-banner/PromoBanner.ts"
5012
5047
  }
5013
5048
  },
5014
5049
  {
5015
5050
  "kind": "custom-element-definition",
5016
- "name": "st-menu-item",
5051
+ "name": "st-promo-banner",
5017
5052
  "declaration": {
5018
- "name": "MenuItem",
5019
- "module": "src/menu-item/MenuItem.ts"
5053
+ "name": "PromoBanner",
5054
+ "module": "src/promo-banner/PromoBanner.ts"
5020
5055
  }
5021
5056
  }
5022
5057
  ]
@@ -5237,77 +5272,6 @@
5237
5272
  }
5238
5273
  ]
5239
5274
  },
5240
- {
5241
- "kind": "javascript-module",
5242
- "path": "src/stats/Stats.ts",
5243
- "declarations": [
5244
- {
5245
- "kind": "class",
5246
- "description": "Responsive grid of headline numbers with a label and optional description. Port of React `Stats`.\r\n`inverted` puts it on the dark band (`--st-cms-band-dark-bg`), which stays dark in the dark theme.",
5247
- "name": "Stats",
5248
- "cssProperties": [
5249
- {
5250
- "description": "Overrides the block's padding.",
5251
- "name": "--st-stats-padding"
5252
- }
5253
- ],
5254
- "members": [
5255
- {
5256
- "kind": "field",
5257
- "name": "items",
5258
- "type": {
5259
- "text": "StatItem[]"
5260
- },
5261
- "default": "[]"
5262
- },
5263
- {
5264
- "kind": "field",
5265
- "name": "inverted",
5266
- "type": {
5267
- "text": "boolean"
5268
- },
5269
- "default": "false",
5270
- "attribute": "inverted",
5271
- "reflects": true
5272
- }
5273
- ],
5274
- "attributes": [
5275
- {
5276
- "name": "inverted",
5277
- "type": {
5278
- "text": "boolean"
5279
- },
5280
- "default": "false",
5281
- "fieldName": "inverted"
5282
- }
5283
- ],
5284
- "superclass": {
5285
- "name": "LitElement",
5286
- "package": "lit"
5287
- },
5288
- "tagName": "st-stats",
5289
- "customElement": true
5290
- }
5291
- ],
5292
- "exports": [
5293
- {
5294
- "kind": "js",
5295
- "name": "Stats",
5296
- "declaration": {
5297
- "name": "Stats",
5298
- "module": "src/stats/Stats.ts"
5299
- }
5300
- },
5301
- {
5302
- "kind": "custom-element-definition",
5303
- "name": "st-stats",
5304
- "declaration": {
5305
- "name": "Stats",
5306
- "module": "src/stats/Stats.ts"
5307
- }
5308
- }
5309
- ]
5310
- },
5311
5275
  {
5312
5276
  "kind": "javascript-module",
5313
5277
  "path": "src/select/Select.ts",
@@ -5534,6 +5498,77 @@
5534
5498
  }
5535
5499
  ]
5536
5500
  },
5501
+ {
5502
+ "kind": "javascript-module",
5503
+ "path": "src/stats/Stats.ts",
5504
+ "declarations": [
5505
+ {
5506
+ "kind": "class",
5507
+ "description": "Responsive grid of headline numbers with a label and optional description. Port of React `Stats`.\r\n`inverted` puts it on the dark band (`--st-cms-band-dark-bg`), which stays dark in the dark theme.",
5508
+ "name": "Stats",
5509
+ "cssProperties": [
5510
+ {
5511
+ "description": "Overrides the block's padding.",
5512
+ "name": "--st-stats-padding"
5513
+ }
5514
+ ],
5515
+ "members": [
5516
+ {
5517
+ "kind": "field",
5518
+ "name": "items",
5519
+ "type": {
5520
+ "text": "StatItem[]"
5521
+ },
5522
+ "default": "[]"
5523
+ },
5524
+ {
5525
+ "kind": "field",
5526
+ "name": "inverted",
5527
+ "type": {
5528
+ "text": "boolean"
5529
+ },
5530
+ "default": "false",
5531
+ "attribute": "inverted",
5532
+ "reflects": true
5533
+ }
5534
+ ],
5535
+ "attributes": [
5536
+ {
5537
+ "name": "inverted",
5538
+ "type": {
5539
+ "text": "boolean"
5540
+ },
5541
+ "default": "false",
5542
+ "fieldName": "inverted"
5543
+ }
5544
+ ],
5545
+ "superclass": {
5546
+ "name": "LitElement",
5547
+ "package": "lit"
5548
+ },
5549
+ "tagName": "st-stats",
5550
+ "customElement": true
5551
+ }
5552
+ ],
5553
+ "exports": [
5554
+ {
5555
+ "kind": "js",
5556
+ "name": "Stats",
5557
+ "declaration": {
5558
+ "name": "Stats",
5559
+ "module": "src/stats/Stats.ts"
5560
+ }
5561
+ },
5562
+ {
5563
+ "kind": "custom-element-definition",
5564
+ "name": "st-stats",
5565
+ "declaration": {
5566
+ "name": "Stats",
5567
+ "module": "src/stats/Stats.ts"
5568
+ }
5569
+ }
5570
+ ]
5571
+ },
5537
5572
  {
5538
5573
  "kind": "javascript-module",
5539
5574
  "path": "src/testimonials/Testimonials.ts",