@triptease/tt-navbar 0.0.47 → 0.0.49
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/src/TtNavbar.js +10 -5
- package/dist/src/TtNavbar.js.map +1 -1
- package/dist/src/styles.js +3 -63
- package/dist/src/styles.js.map +1 -1
- package/dist/web/Config.js +1 -1
- package/dist/web/Routes.js +1 -1
- package/dist/web/TtNavbar.js +12 -69
- package/dist/web/TtNavbar.js.map +2 -2
- package/dist/web/getInitialNavbarState.js +1 -1
- package/dist/web/global.d.js +1 -1
- package/dist/web/index.js +12 -69
- package/dist/web/index.js.map +2 -2
- package/dist/web/styles.js +4 -64
- package/dist/web/styles.js.map +2 -2
- package/dist/web/triptease-logo.js +1 -1
- package/dist/web/tt-navbar.js +12 -69
- package/dist/web/tt-navbar.js.map +2 -2
- package/dist/web/urlMappings.js +1 -1
- package/package.json +1 -1
- package/src/TtNavbar.ts +12 -6
- package/src/styles.ts +3 -63
package/dist/web/global.d.js
CHANGED
package/dist/web/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @triptease/tt-navbar v0.0.
|
|
2
|
+
* @triptease/tt-navbar v0.0.49
|
|
3
3
|
*/
|
|
4
4
|
var __defProp = Object.defineProperty;
|
|
5
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
@@ -1639,7 +1639,6 @@ var styles2 = i`
|
|
|
1639
1639
|
--nav-bar-width: fit-content;
|
|
1640
1640
|
}
|
|
1641
1641
|
|
|
1642
|
-
|
|
1643
1642
|
* {
|
|
1644
1643
|
box-sizing: border-box;
|
|
1645
1644
|
}
|
|
@@ -1875,41 +1874,6 @@ var styles2 = i`
|
|
|
1875
1874
|
background-color: var(--color-surface-200);
|
|
1876
1875
|
width: calc(100% - var(--nav-bar-width));
|
|
1877
1876
|
height: 100%;
|
|
1878
|
-
transition-property: left, visibility;
|
|
1879
|
-
transition-duration: 700ms, 400ms;
|
|
1880
|
-
transition-timing-function: ease-out, ease-in;
|
|
1881
|
-
|
|
1882
|
-
&.hidden {
|
|
1883
|
-
left: -100%;
|
|
1884
|
-
visibility: hidden;
|
|
1885
|
-
}
|
|
1886
|
-
}
|
|
1887
|
-
|
|
1888
|
-
.link-page > .section {
|
|
1889
|
-
display: flex;
|
|
1890
|
-
flex-direction: column;
|
|
1891
|
-
gap: var(--space-scale-2);
|
|
1892
|
-
}
|
|
1893
|
-
|
|
1894
|
-
.section > .links-container {
|
|
1895
|
-
display: grid;
|
|
1896
|
-
grid-template-columns: repeat(3, 1fr);
|
|
1897
|
-
gap: var(--space-scale-3);
|
|
1898
|
-
overflow-y: auto;
|
|
1899
|
-
height: 100%;
|
|
1900
|
-
}
|
|
1901
|
-
|
|
1902
|
-
.visually-hidden {
|
|
1903
|
-
position: absolute;
|
|
1904
|
-
width: 1px;
|
|
1905
|
-
height: 1px;
|
|
1906
|
-
margin: -1px;
|
|
1907
|
-
padding: 0;
|
|
1908
|
-
border: 0;
|
|
1909
|
-
overflow: hidden;
|
|
1910
|
-
clip: rect(0 0 0 0);
|
|
1911
|
-
clip-path: inset(50%);
|
|
1912
|
-
white-space: nowrap;
|
|
1913
1877
|
}
|
|
1914
1878
|
|
|
1915
1879
|
.tooltip {
|
|
@@ -1926,32 +1890,6 @@ var styles2 = i`
|
|
|
1926
1890
|
font-weight: var(--font-weight-medium);
|
|
1927
1891
|
}
|
|
1928
1892
|
|
|
1929
|
-
.auth-container {
|
|
1930
|
-
display: flex;
|
|
1931
|
-
align-items: center;
|
|
1932
|
-
justify-content: center;
|
|
1933
|
-
min-height: 100vh;
|
|
1934
|
-
}
|
|
1935
|
-
|
|
1936
|
-
.error-container {
|
|
1937
|
-
padding: 4rem 1rem 1rem;
|
|
1938
|
-
max-width: 1280px;
|
|
1939
|
-
margin-left: auto;
|
|
1940
|
-
margin-right: auto;
|
|
1941
|
-
}
|
|
1942
|
-
|
|
1943
|
-
.error-stack {
|
|
1944
|
-
width: 100%;
|
|
1945
|
-
padding: 1rem;
|
|
1946
|
-
overflow-x: auto;
|
|
1947
|
-
}
|
|
1948
|
-
|
|
1949
|
-
.fullscreen-iframe {
|
|
1950
|
-
width: 100%;
|
|
1951
|
-
height: 100vh;
|
|
1952
|
-
border: 0;
|
|
1953
|
-
}
|
|
1954
|
-
|
|
1955
1893
|
.nav-toggle-button {
|
|
1956
1894
|
position: relative;
|
|
1957
1895
|
}
|
|
@@ -1977,7 +1915,9 @@ var styles2 = i`
|
|
|
1977
1915
|
--tt-combobox-color: var(--color-text-inverted-400);
|
|
1978
1916
|
--tt-combobox-dropdown-color: var(--color-text-inverted-400);
|
|
1979
1917
|
--tt-combobox-list-background-color: var(--color-surface-inverted-100);
|
|
1980
|
-
--tt-combobox-option-background-color-hover: var(
|
|
1918
|
+
--tt-combobox-option-background-color-hover: var(
|
|
1919
|
+
--color-surface-inverted-200
|
|
1920
|
+
);
|
|
1981
1921
|
--tt-combobox-placeholder-color: var(--color-text-inverted-300);
|
|
1982
1922
|
--tt-combobox-background-color: var(--color-surface-inverted-100);
|
|
1983
1923
|
--tt-combobox-hover-background-color: var(--color-surface-inverted-200);
|
|
@@ -2089,10 +2029,6 @@ var TtNavbar = class extends i4 {
|
|
|
2089
2029
|
}
|
|
2090
2030
|
if (!bestMatch) {
|
|
2091
2031
|
for (const link of this.allNavLinks) {
|
|
2092
|
-
link.classList.remove("current-page");
|
|
2093
|
-
if (link.hasAttribute("aria-current")) {
|
|
2094
|
-
link.attributes.removeNamedItem("aria-current");
|
|
2095
|
-
}
|
|
2096
2032
|
const linkPath = new URL(link.href).pathname;
|
|
2097
2033
|
if (currentPath.startsWith(linkPath)) {
|
|
2098
2034
|
if (linkPath.length > bestMatchLength) {
|
|
@@ -2102,6 +2038,12 @@ var TtNavbar = class extends i4 {
|
|
|
2102
2038
|
}
|
|
2103
2039
|
}
|
|
2104
2040
|
}
|
|
2041
|
+
for (const link of this.allNavLinks) {
|
|
2042
|
+
link.classList.remove("current-page");
|
|
2043
|
+
if (link.hasAttribute("aria-current")) {
|
|
2044
|
+
link.attributes.removeNamedItem("aria-current");
|
|
2045
|
+
}
|
|
2046
|
+
}
|
|
2105
2047
|
if (bestMatch) {
|
|
2106
2048
|
bestMatch.classList.add("current-page");
|
|
2107
2049
|
bestMatch.setAttribute("aria-current", "page");
|
|
@@ -2130,7 +2072,8 @@ var TtNavbar = class extends i4 {
|
|
|
2130
2072
|
NavbarStateCookieOpenValue,
|
|
2131
2073
|
NavbarStateCookieClosedValue
|
|
2132
2074
|
} = Config;
|
|
2133
|
-
|
|
2075
|
+
const domain = window.location.hostname.endsWith(".triptease.io") ? "domain=.triptease.io" : "";
|
|
2076
|
+
document.cookie = `${NavbarStateCookieName}=${this.isOpen ? NavbarStateCookieOpenValue : NavbarStateCookieClosedValue}; path=/; max-age=31536000; ${domain}`;
|
|
2134
2077
|
};
|
|
2135
2078
|
this.handleDetailsToggle = (e10) => {
|
|
2136
2079
|
const { newState } = e10;
|