@triptease/tt-navbar 0.0.96 → 0.1.0

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 (77) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/package.json +3 -0
  3. package/dist/cjs/src/Config.js +10 -0
  4. package/dist/cjs/src/Config.js.map +1 -0
  5. package/dist/cjs/src/Routes.js +8 -0
  6. package/dist/cjs/src/Routes.js.map +1 -0
  7. package/dist/cjs/src/TtNavbar.js +426 -0
  8. package/dist/cjs/src/TtNavbar.js.map +1 -0
  9. package/dist/cjs/src/getInitialNavbarState.js +21 -0
  10. package/dist/cjs/src/getInitialNavbarState.js.map +1 -0
  11. package/dist/cjs/src/index.js +12 -0
  12. package/dist/cjs/src/index.js.map +1 -0
  13. package/dist/cjs/src/styles.js +331 -0
  14. package/dist/cjs/src/styles.js.map +1 -0
  15. package/dist/cjs/src/triptease-logo.js +13 -0
  16. package/dist/cjs/src/triptease-logo.js.map +1 -0
  17. package/dist/cjs/src/tt-navbar.js +9 -0
  18. package/dist/cjs/src/tt-navbar.js.map +1 -0
  19. package/dist/cjs/src/urlMappings.js +36 -0
  20. package/dist/cjs/src/urlMappings.js.map +1 -0
  21. package/dist/esm/src/Config.js.map +1 -0
  22. package/dist/esm/src/Routes.js.map +1 -0
  23. package/dist/esm/src/TtNavbar.js.map +1 -0
  24. package/dist/esm/src/getInitialNavbarState.js.map +1 -0
  25. package/dist/esm/src/index.js.map +1 -0
  26. package/dist/esm/src/styles.js.map +1 -0
  27. package/dist/esm/src/triptease-logo.js.map +1 -0
  28. package/dist/esm/src/tt-navbar.js.map +1 -0
  29. package/dist/esm/src/urlMappings.js.map +1 -0
  30. package/dist/esm/test/tt-navbar.test.js.map +1 -0
  31. package/dist/web/Config.js +1 -1
  32. package/dist/web/Routes.js +1 -1
  33. package/dist/web/TtNavbar.js +19 -19
  34. package/dist/web/getInitialNavbarState.js +1 -1
  35. package/dist/web/global.d.js +1 -1
  36. package/dist/web/index.js +19 -19
  37. package/dist/web/styles.js +1 -1
  38. package/dist/web/triptease-logo.js +1 -1
  39. package/dist/web/tt-navbar.js +19 -19
  40. package/dist/web/urlMappings.js +1 -1
  41. package/package.json +18 -8
  42. package/tsconfig.cjs.json +9 -0
  43. package/tsconfig.json +3 -3
  44. package/web-test-runner.config.js +1 -1
  45. package/dist/src/Config.js.map +0 -1
  46. package/dist/src/Routes.js.map +0 -1
  47. package/dist/src/TtNavbar.js.map +0 -1
  48. package/dist/src/getInitialNavbarState.js.map +0 -1
  49. package/dist/src/index.js.map +0 -1
  50. package/dist/src/styles.js.map +0 -1
  51. package/dist/src/triptease-logo.js.map +0 -1
  52. package/dist/src/tt-navbar.js.map +0 -1
  53. package/dist/src/urlMappings.js.map +0 -1
  54. package/dist/stories/tt-navbar.stories.d.ts +0 -39
  55. package/dist/stories/tt-navbar.stories.js +0 -56
  56. package/dist/stories/tt-navbar.stories.js.map +0 -1
  57. package/dist/test/tt-navbar.test.js.map +0 -1
  58. /package/dist/{src → esm/src}/Config.d.ts +0 -0
  59. /package/dist/{src → esm/src}/Config.js +0 -0
  60. /package/dist/{src → esm/src}/Routes.d.ts +0 -0
  61. /package/dist/{src → esm/src}/Routes.js +0 -0
  62. /package/dist/{src → esm/src}/TtNavbar.d.ts +0 -0
  63. /package/dist/{src → esm/src}/TtNavbar.js +0 -0
  64. /package/dist/{src → esm/src}/getInitialNavbarState.d.ts +0 -0
  65. /package/dist/{src → esm/src}/getInitialNavbarState.js +0 -0
  66. /package/dist/{src → esm/src}/index.d.ts +0 -0
  67. /package/dist/{src → esm/src}/index.js +0 -0
  68. /package/dist/{src → esm/src}/styles.d.ts +0 -0
  69. /package/dist/{src → esm/src}/styles.js +0 -0
  70. /package/dist/{src → esm/src}/triptease-logo.d.ts +0 -0
  71. /package/dist/{src → esm/src}/triptease-logo.js +0 -0
  72. /package/dist/{src → esm/src}/tt-navbar.d.ts +0 -0
  73. /package/dist/{src → esm/src}/tt-navbar.js +0 -0
  74. /package/dist/{src → esm/src}/urlMappings.d.ts +0 -0
  75. /package/dist/{src → esm/src}/urlMappings.js +0 -0
  76. /package/dist/{test → esm/test}/tt-navbar.test.d.ts +0 -0
  77. /package/dist/{test → esm/test}/tt-navbar.test.js +0 -0
package/dist/web/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @triptease/tt-navbar v0.0.96
2
+ * @triptease/tt-navbar v0.1.0
3
3
  */
4
4
  var __defProp = Object.defineProperty;
5
5
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -686,22 +686,22 @@ var t4 = class extends e8 {
686
686
  t4.directiveName = "unsafeSVG", t4.resultType = 2;
687
687
  var o8 = e7(t4);
688
688
 
689
- // ../icons/dist/src/icons/alert.js
689
+ // ../icons/dist/esm/src/icons/alert.js
690
690
  var alert = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
691
691
  <path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM9.25 5.75C9.25 5.33579 9.58579 5 10 5C10.4142 5 10.75 5.33579 10.75 5.75V11.25C10.75 11.6642 10.4142 12 10 12C9.58579 12 9.25 11.6642 9.25 11.25V5.75ZM10.75 13.75C10.75 14.1642 10.4142 14.5 10 14.5C9.58579 14.5 9.25 14.1642 9.25 13.75C9.25 13.3358 9.58579 13 10 13C10.4142 13 10.75 13.3358 10.75 13.75Z" fill="currentColor"/>
692
692
  </svg>`;
693
693
 
694
- // ../icons/dist/src/icons/campaigns.js
694
+ // ../icons/dist/esm/src/icons/campaigns.js
695
695
  var campaigns = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
696
696
  <path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 11C13.75 9.47056 14.1646 8.11984 14.7956 7.17338C15.1658 6.61803 15.5905 6.22612 16.0341 5.99602L17.0795 5.75165C17.8298 5.78274 18.5916 6.25415 19.2044 7.17338C19.8354 8.11984 20.25 9.47056 20.25 11C20.25 12.5294 19.8354 13.8802 19.2044 14.8266C18.5916 15.7458 17.8298 16.2173 17.0794 16.2484L16.0341 16.004C15.5905 15.7739 15.1659 15.382 14.7956 14.8266C14.1646 13.8802 13.75 12.5294 13.75 11ZM12.25 11C12.25 9.3468 12.6627 7.80949 13.373 6.61808L5.48783 8.46138C4.46994 8.69932 3.75 9.60698 3.75 10.6523V11.3477C3.75 12.393 4.46994 13.3007 5.48783 13.5386L13.373 15.3819C12.6627 14.1905 12.25 12.6532 12.25 11ZM5.14639 7.00075L15.5263 4.57427C15.9817 4.36663 16.4756 4.25 17 4.25C18.4334 4.25 19.6392 5.12146 20.4525 6.34133C21.2692 7.56645 21.75 9.21573 21.75 11C21.75 12.7843 21.2692 14.4335 20.4525 15.6587C19.6392 16.8785 18.4334 17.75 17 17.75C16.4756 17.75 15.9817 17.6334 15.5263 17.4257L11.75 16.5429V17.5C11.75 19.2949 10.2949 20.75 8.5 20.75C6.70507 20.75 5.25 19.2949 5.25 17.5V15.0235L5.14639 14.9992C3.4499 14.6027 2.25 13.0899 2.25 11.3477V10.6523C2.25 8.91009 3.4499 7.39734 5.14639 7.00075ZM6.75 15.3741V17.5C6.75 18.4665 7.5335 19.25 8.5 19.25C9.4665 19.25 10.25 18.4665 10.25 17.5V16.1923L6.75 15.3741Z" />
697
697
  </svg>`;
698
698
 
699
- // ../icons/dist/src/icons/channels.js
699
+ // ../icons/dist/esm/src/icons/channels.js
700
700
  var channels = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
701
701
  <path d="M18 3C19.6569 3 21 4.34315 21 6C21 7.65685 19.6569 9 18 9C17.4435 9 16.9243 8.84513 16.4775 8.58105L15.3076 9.75098C15.7443 10.3919 16 11.166 16 12C16 12.8334 15.7437 13.6064 15.3076 14.2471L16.4775 15.417C16.9241 15.1532 17.4438 15 18 15C19.6569 15 21 16.3431 21 18C21 19.6569 19.6569 21 18 21C16.3431 21 15 19.6569 15 18C15 17.4438 15.1532 16.9241 15.417 16.4775L14.2471 15.3076C13.6064 15.7437 12.8334 16 12 16C11.166 16 10.3919 15.7443 9.75098 15.3076L8.58105 16.4775C8.84513 16.9243 9 17.4435 9 18C9 19.6569 7.65685 21 6 21C4.34315 21 3 19.6569 3 18C3 16.3431 4.34315 15 6 15C6.55558 15 7.07429 15.1538 7.52051 15.417L8.69141 14.2471C8.2555 13.6065 8 12.8332 8 12C8 11.1665 8.25523 10.3927 8.69141 9.75195L7.52148 8.58203C7.07501 8.84569 6.55606 9 6 9C4.34315 9 3 7.65685 3 6C3 4.34315 4.34315 3 6 3C7.65685 3 9 4.34315 9 6C9 6.55606 8.84569 7.07501 8.58203 7.52148L9.75195 8.69141C9.73784 8.70101 9.72394 8.71092 9.70996 8.7207C10.3587 8.26679 11.1481 8 12 8C12.833 8 13.6066 8.25472 14.2471 8.69043L15.417 7.52051C15.1538 7.07429 15 6.55558 15 6C15 4.34315 16.3431 3 18 3ZM6 16.5C5.17157 16.5 4.5 17.1716 4.5 18C4.5 18.8284 5.17157 19.5 6 19.5C6.82843 19.5 7.5 18.8284 7.5 18C7.5 17.1716 6.82843 16.5 6 16.5ZM18 16.5C17.1716 16.5 16.5 17.1716 16.5 18C16.5 18.8284 17.1716 19.5 18 19.5C18.8284 19.5 19.5 18.8284 19.5 18C19.5 17.1716 18.8284 16.5 18 16.5ZM12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12C14.5 10.6193 13.3807 9.5 12 9.5ZM6 4.5C5.17157 4.5 4.5 5.17157 4.5 6C4.5 6.82843 5.17157 7.5 6 7.5C6.82843 7.5 7.5 6.82843 7.5 6C7.5 5.17157 6.82843 4.5 6 4.5ZM18 4.5C17.1716 4.5 16.5 5.17157 16.5 6C16.5 6.82843 17.1716 7.5 18 7.5C18.8284 7.5 19.5 6.82843 19.5 6C19.5 5.17157 18.8284 4.5 18 4.5Z" />
702
702
  </svg>`;
703
703
 
704
- // ../icons/dist/src/icons/chevron-down.js
704
+ // ../icons/dist/esm/src/icons/chevron-down.js
705
705
  var chevronDown = `
706
706
  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-chevron-down chevron-down"
707
707
  viewBox="0 0 16 16" role="presentation">
@@ -710,43 +710,43 @@ var chevronDown = `
710
710
  stroke="currentColor"/>
711
711
  </svg>`;
712
712
 
713
- // ../icons/dist/src/icons/external.js
713
+ // ../icons/dist/esm/src/icons/external.js
714
714
  var external = `<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
715
715
  <path d="M6 2C6.41421 2 6.75 2.33579 6.75 2.75C6.75 3.16421 6.41421 3.5 6 3.5H4.75C4.05964 3.5 3.5 4.05964 3.5 4.75V11.25C3.5 11.9404 4.05964 12.5 4.75 12.5H11.25C11.9404 12.5 12.5 11.9404 12.5 11.25V10C12.5 9.58579 12.8358 9.25 13.25 9.25C13.6642 9.25 14 9.58579 14 10V11.25C14 12.7688 12.7688 14 11.25 14H4.75C3.23122 14 2 12.7688 2 11.25V4.75C2 3.23122 3.23122 2 4.75 2H6ZM14 6C14 6.41421 13.6642 6.75 13.25 6.75C12.8358 6.75 12.5 6.41421 12.5 6V4.56055L8.03027 9.03027C7.73738 9.32317 7.26262 9.32317 6.96973 9.03027C6.67683 8.73738 6.67683 8.26262 6.96973 7.96973L11.4395 3.5H10C9.58579 3.5 9.25 3.16421 9.25 2.75C9.25 2.33579 9.58579 2 10 2H14V6Z" fill="currentColor"/>
716
716
  </svg>`;
717
717
 
718
- // ../icons/dist/src/icons/gear.js
718
+ // ../icons/dist/esm/src/icons/gear.js
719
719
  var gear = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
720
720
  <path d="M13.4678 2C13.9142 2.00002 14.307 2.2963 14.4297 2.72559L15.0049 4.74219L16.8398 3.72363C17.1813 3.53396 17.5973 3.56262 17.9072 3.78418L18.0332 3.89062L20.1084 5.9668C20.4241 6.2825 20.4932 6.76987 20.2764 7.16016L19.2568 8.99316L21.2744 9.57031C21.6502 9.67769 21.9239 9.9921 21.9863 10.3682L22 10.5322V13.4678C22 13.9142 21.7037 14.307 21.2744 14.4297L19.2568 15.0049L20.2764 16.8398C20.4661 17.1813 20.4374 17.5972 20.2158 17.9072L20.1094 18.0332L18.0332 20.1084C17.7175 20.4241 17.2301 20.4932 16.8398 20.2764L15.0049 19.2568L14.4297 21.2744C14.3223 21.6502 14.0079 21.9239 13.6318 21.9863L13.4678 22H10.5322C10.0858 22 9.69297 21.7037 9.57031 21.2744L8.99316 19.2568L7.16016 20.2764C6.81867 20.466 6.40275 20.4374 6.09277 20.2158L5.9668 20.1094L3.8916 18.0332C3.5759 17.7175 3.50683 17.2301 3.72363 16.8398L4.74219 15.0059L2.72559 14.4297C2.34982 14.3223 2.07606 14.0079 2.01367 13.6318L2 13.4678V10.5322C2.00005 10.0858 2.29632 9.69296 2.72559 9.57031L4.74219 8.99316L3.72363 7.16016C3.53394 6.81866 3.5626 6.40276 3.78418 6.09277L3.89062 5.9668L5.9668 3.8916C6.28251 3.57589 6.76986 3.5068 7.16016 3.72363L8.99316 4.74219L9.57031 2.72559C9.67768 2.34981 9.99209 2.07606 10.3682 2.01367L10.5322 2H13.4678ZM10.4014 5.27148C9.70554 5.47089 9.05368 5.77388 8.46484 6.16504L6.76074 5.21875L5.21777 6.76074L6.22363 8.57031L6.23242 8.56738C5.91398 9.13213 5.67275 9.74545 5.52051 10.3936L5.49023 10.3398L3.5 10.9092V13.0908L5.49121 13.6592L5.52051 13.6055C5.67256 14.2532 5.91338 14.8662 6.23145 15.4307L6.22363 15.4287L5.21875 17.2393L5.21777 17.2383V17.2393H5.21875L6.76074 18.7822L8.46484 17.834C9.05398 18.2254 9.7061 18.5281 10.4023 18.7275L10.9092 20.5H13.0908L13.5488 18.8916C14.3898 18.7443 15.1787 18.4482 15.8877 18.0293L17.2393 18.7812L18.7822 17.2393L18.085 15.9863C18.6037 15.2393 18.9814 14.3876 19.1777 13.4678L20.5 13.0908V10.9092L19.1777 10.5303C18.9812 9.61065 18.6038 8.75856 18.085 8.01172L18.7812 6.76074L17.2393 5.21777L15.8857 5.96875C15.1773 5.55053 14.389 5.25458 13.5488 5.10742L13.0908 3.5H10.9092L10.4014 5.27148ZM12 8C14.2091 8 16 9.79086 16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8ZM12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12C14.5 10.6193 13.3807 9.5 12 9.5Z" />
721
721
  <path d="M13.6328 2.01367C14.0085 2.07631 14.3224 2.35007 14.4297 2.72559L15.0049 4.74219L16.8398 3.72363C17.1813 3.53396 17.5973 3.56262 17.9072 3.78418L18.0332 3.89062L20.1084 5.9668L20.2158 6.09277C20.4372 6.40274 20.466 6.81875 20.2764 7.16016L19.2568 8.99316L21.2744 9.57031C21.6502 9.67769 21.9239 9.9921 21.9863 10.3682L22 10.5322V13.4678L21.9863 13.6328C21.9237 14.0085 21.6499 14.3224 21.2744 14.4297L19.2568 15.0049L20.2764 16.8398C20.4661 17.1813 20.4374 17.5972 20.2158 17.9072L20.1094 18.0332L18.0332 20.1084L17.9072 20.2158C17.5973 20.4372 17.1813 20.466 16.8398 20.2764L15.0049 19.2568L14.4297 21.2744C14.3223 21.6502 14.0079 21.9239 13.6318 21.9863L13.4678 22H10.5322L10.3672 21.9863C9.99146 21.9237 9.6776 21.6499 9.57031 21.2744L8.99316 19.2568L7.16016 20.2764C6.81867 20.466 6.40275 20.4374 6.09277 20.2158L5.9668 20.1094L3.8916 18.0332L3.78418 17.9072C3.56278 17.5973 3.53398 17.1812 3.72363 16.8398L4.74219 15.0059L2.72559 14.4297C2.34982 14.3223 2.07606 14.0079 2.01367 13.6318L2 13.4678V10.5322L2.01367 10.3672C2.07633 9.99149 2.35009 9.6776 2.72559 9.57031L4.74219 8.99316L3.72363 7.16016C3.53394 6.81866 3.5626 6.40276 3.78418 6.09277L3.89062 5.9668L5.9668 3.8916L6.09277 3.78418C6.40275 3.56277 6.81875 3.53396 7.16016 3.72363L8.99316 4.74219L9.57031 2.72559C9.67768 2.34981 9.99209 2.07606 10.3682 2.01367L10.5322 2H13.4678L13.6328 2.01367ZM10.4014 5.27148C9.70554 5.47089 9.05368 5.77388 8.46484 6.16504L6.76074 5.21875L5.21777 6.76074L6.22363 8.57031L6.23242 8.56738C5.91398 9.13213 5.67275 9.74545 5.52051 10.3936L5.49023 10.3398L3.5 10.9092V13.0908L5.49121 13.6592L5.52051 13.6055C5.67256 14.2532 5.91338 14.8662 6.23145 15.4307L6.22363 15.4287L5.21875 17.2393L5.21777 17.2383V17.2393H5.21875L6.76074 18.7822L8.46484 17.834C9.05398 18.2254 9.7061 18.5281 10.4023 18.7275L10.9092 20.5H13.0908L13.5488 18.8916C14.3898 18.7443 15.1787 18.4482 15.8877 18.0293L17.2393 18.7812L18.7822 17.2393L18.085 15.9863C18.6037 15.2393 18.9814 14.3876 19.1777 13.4678L20.5 13.0908V10.9092L19.1777 10.5303C18.9812 9.61065 18.6038 8.75856 18.085 8.01172L18.7812 6.76074L17.2393 5.21777L15.8857 5.96875C15.1773 5.55053 14.389 5.25458 13.5488 5.10742L13.0908 3.5H10.9092L10.4014 5.27148ZM12 8C14.2091 8 16 9.79086 16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8ZM12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12C14.5 10.6193 13.3807 9.5 12 9.5Z" />
722
722
  </svg>`;
723
723
 
724
- // ../icons/dist/src/icons/graph.js
724
+ // ../icons/dist/esm/src/icons/graph.js
725
725
  var graph = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
726
726
  <path d="M18.1543 3.00391C19.7394 3.08421 21 4.39489 21 6V18L20.9961 18.1543C20.9184 19.6883 19.6883 20.9184 18.1543 20.9961L18 21H6C4.39489 21 3.08421 19.7394 3.00391 18.1543L3 18V6C3 4.34315 4.34315 3 6 3H18L18.1543 3.00391ZM6 4.5C5.17157 4.5 4.5 5.17157 4.5 6V18C4.5 18.8284 5.17157 19.5 6 19.5H18C18.8284 19.5 19.5 18.8284 19.5 18V6C19.5 5.17157 18.8284 4.5 18 4.5H6ZM8 9C8.41421 9 8.75 9.33579 8.75 9.75V16.25C8.75 16.6642 8.41421 17 8 17C7.58579 17 7.25 16.6642 7.25 16.25V9.75C7.25 9.33579 7.58579 9 8 9ZM12 12C12.4142 12 12.75 12.3358 12.75 12.75V16.25C12.75 16.6642 12.4142 17 12 17C11.5858 17 11.25 16.6642 11.25 16.25V12.75C11.25 12.3358 11.5858 12 12 12ZM16 9C16.4142 9 16.75 9.33579 16.75 9.75V16.25C16.75 16.6642 16.4142 17 16 17C15.5858 17 15.25 16.6642 15.25 16.25V9.75C15.25 9.33579 15.5858 9 16 9Z" />
727
727
  </svg>`;
728
728
 
729
- // ../icons/dist/src/icons/home.js
729
+ // ../icons/dist/esm/src/icons/home.js
730
730
  var home = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
731
731
  <path d="M10.7725 3.95499C11.4946 3.39358 12.5054 3.39358 13.2275 3.95499L20.2275 9.39936C20.7146 9.77822 20.9999 10.3614 21 10.9785V18C21 19.6051 19.7394 20.9158 18.1543 20.9961L18 21H6C4.39489 21 3.08421 19.7394 3.00391 18.1543L3 18V10.9785C3.00007 10.4386 3.21792 9.92445 3.59863 9.55073L3.77246 9.39936L10.7725 3.95499ZM12.3066 5.13859C12.1263 4.99869 11.8737 4.99869 11.6934 5.13859L4.69336 10.583C4.57163 10.6776 4.50008 10.8243 4.5 10.9785V18C4.5 18.8284 5.17157 19.5 6 19.5H8V16C8.00014 14.3432 9.34323 13 11 13H13C14.6568 13 15.9999 14.3432 16 16V19.5H18C18.8284 19.5 19.5 18.8284 19.5 18V10.9785C19.4999 10.8243 19.4284 10.6776 19.3066 10.583L12.3066 5.13859ZM11 14.5C10.1717 14.5 9.50014 15.1717 9.5 16V19.5H14.5V16C14.4999 15.1717 13.8283 14.5 13 14.5H11Z" />
732
732
  </svg>`;
733
733
 
734
- // ../icons/dist/src/icons/logout.js
734
+ // ../icons/dist/esm/src/icons/logout.js
735
735
  var logout = `<svg width="17" height="20" viewBox="0 0 17 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
736
736
  <path d="M12 0C12.4142 0 12.75 0.335786 12.75 0.75C12.75 1.16421 12.4142 1.5 12 1.5H3.75C2.50736 1.5 1.5 2.50736 1.5 3.75V16.25C1.5 17.4926 2.50736 18.5 3.75 18.5H12C12.4142 18.5 12.75 18.8358 12.75 19.25C12.75 19.6642 12.4142 20 12 20H3.75C1.67893 20 0 18.3211 0 16.25V3.75C2.57706e-07 1.67893 1.67893 1.28851e-07 3.75 0H12ZM10.7197 5.71973C11.0125 5.42693 11.4874 5.42713 11.7803 5.71973L16.0605 10L11.7803 14.2803C11.4874 14.5729 11.0126 14.573 10.7197 14.2803C10.4272 13.9874 10.4272 13.5125 10.7197 13.2197L13.1895 10.75H6.5C6.08605 10.7498 5.7501 10.414 5.75 10C5.75009 9.58601 6.08604 9.25023 6.5 9.25H13.1895L10.7197 6.78027C10.4272 6.48743 10.4272 6.01254 10.7197 5.71973Z" />
737
737
  </svg>`;
738
738
 
739
- // ../icons/dist/src/icons/sidebar-collapsed.js
739
+ // ../icons/dist/esm/src/icons/sidebar-collapsed.js
740
740
  var sidebarCollapsed = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
741
741
  <path d="M17 3.25C19.0711 3.25 20.75 4.92893 20.75 7V17C20.75 19.0711 19.0711 20.75 17 20.75H7C4.92893 20.75 3.25 19.0711 3.25 17V7C3.25 4.92893 4.92893 3.25 7 3.25H17ZM10 19.25H17C18.2426 19.25 19.25 18.2426 19.25 17V7C19.25 5.75736 18.2426 4.75 17 4.75H10V19.25Z"/>
742
742
  </svg>`;
743
743
 
744
- // ../icons/dist/src/icons/user.js
744
+ // ../icons/dist/esm/src/icons/user.js
745
745
  var user = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
746
746
  <path d="M12 2C17.5228 2 22 6.47715 22 12C22 15.2098 20.4857 18.0638 18.1348 19.8936C18.0344 20.055 17.8763 20.1738 17.6875 20.2227C16.0725 21.3418 14.1137 22 12 22C9.88604 22 7.92664 21.3421 6.31152 20.2227C6.12294 20.1736 5.96441 20.055 5.86426 19.8936C3.51367 18.0638 2 15.2095 2 12C2 6.47715 6.47715 2 12 2ZM11.25 15.5C9.1884 15.5 7.49093 17.0597 7.27344 19.0635C8.62515 19.9698 10.2503 20.5 12 20.5C13.7494 20.5 15.374 19.9695 16.7256 19.0635C16.508 17.0598 14.8116 15.5 12.75 15.5H11.25ZM12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 14.3333 4.44073 16.4464 5.96289 17.9824C6.62169 15.683 8.73895 14 11.25 14H12.75C15.2609 14 17.3772 15.6832 18.0361 17.9824C19.5586 16.4464 20.5 14.3335 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM12 5.25C14.0711 5.25 15.75 6.92893 15.75 9C15.75 11.0711 14.0711 12.75 12 12.75C9.92893 12.75 8.25 11.0711 8.25 9C8.25 6.92893 9.92893 5.25 12 5.25ZM12 6.75C10.7574 6.75 9.75 7.75736 9.75 9C9.75 10.2426 10.7574 11.25 12 11.25C13.2426 11.25 14.25 10.2426 14.25 9C14.25 7.75736 13.2426 6.75 12 6.75Z" />
747
747
  </svg>`;
748
748
 
749
- // ../icons/dist/src/icons/wallet.js
749
+ // ../icons/dist/esm/src/icons/wallet.js
750
750
  var wallet = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
751
751
  <path d="M14.2275 3.02681C16.5581 2.53634 18.7497 4.3152 18.75 6.69674V7.09518C20.0437 7.42823 20.9998 8.60187 21 9.99948V16.9995C21 18.6046 19.7394 19.9153 18.1543 19.9956L18 19.9995H6C4.39489 19.9995 3.08421 18.7389 3.00391 17.1538L3 16.9995V8.43405C3.00022 6.66092 4.2424 5.12941 5.97754 4.76412L14.2275 3.02681ZM6 8.49948C5.17173 8.49948 4.50026 9.17127 4.5 9.99948V16.9995C4.5 17.8279 5.17157 18.4995 6 18.4995H18C18.8284 18.4995 19.5 17.8279 19.5 16.9995V9.99948C19.4997 9.17127 18.8283 8.49948 18 8.49948H6ZM16.5 11.9995C17.3283 11.9995 17.9997 12.6713 18 13.4995C18 14.3279 17.3284 14.9995 16.5 14.9995C15.6716 14.9995 15 14.3279 15 13.4995C15.0003 12.6713 15.6717 11.9995 16.5 11.9995ZM17.25 6.69674C17.2497 5.26791 15.9344 4.20028 14.5361 4.49459L6.28613 6.2319C5.67607 6.36042 5.16896 6.73055 4.85254 7.22799C5.20609 7.08147 5.59347 6.99948 6 6.99948H17.25V6.69674Z" />
752
752
  </svg>`;
@@ -862,7 +862,7 @@ var i6 = e7(class extends i5 {
862
862
  }
863
863
  });
864
864
 
865
- // ../tt-combobox/dist/src/styles.js
865
+ // ../tt-combobox/dist/esm/src/styles.js
866
866
  var styles = i`
867
867
  :host {
868
868
  display: flex;
@@ -1084,7 +1084,7 @@ var styles = i`
1084
1084
  }
1085
1085
  `;
1086
1086
 
1087
- // ../tt-combobox/dist/src/TtCombobox.js
1087
+ // ../tt-combobox/dist/esm/src/TtCombobox.js
1088
1088
  var __decorate = function(decorators, target2, key, desc) {
1089
1089
  var c5 = arguments.length, r8 = c5 < 3 ? target2 : desc === null ? desc = Object.getOwnPropertyDescriptor(target2, key) : desc, d3;
1090
1090
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r8 = Reflect.decorate(decorators, target2, key, desc);
@@ -1557,7 +1557,7 @@ __decorate([
1557
1557
  n4({ type: Array, attribute: "value" })
1558
1558
  ], TtCombobox.prototype, "value", void 0);
1559
1559
 
1560
- // ../tt-combobox/dist/src/tt-option/styles.js
1560
+ // ../tt-combobox/dist/esm/src/tt-option/styles.js
1561
1561
  var styles2 = i`
1562
1562
  li {
1563
1563
  cursor: pointer;
@@ -1629,7 +1629,7 @@ var styles2 = i`
1629
1629
  }
1630
1630
  `;
1631
1631
 
1632
- // ../tt-combobox/dist/src/tt-option/TtOption.js
1632
+ // ../tt-combobox/dist/esm/src/tt-option/TtOption.js
1633
1633
  var __decorate2 = function(decorators, target2, key, desc) {
1634
1634
  var c5 = arguments.length, r8 = c5 < 3 ? target2 : desc === null ? desc = Object.getOwnPropertyDescriptor(target2, key) : desc, d3;
1635
1635
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r8 = Reflect.decorate(decorators, target2, key, desc);
@@ -1702,14 +1702,14 @@ __decorate2([
1702
1702
  n4({ type: Boolean, attribute: "include-checkbox" })
1703
1703
  ], TtOption.prototype, "includeCheckbox", void 0);
1704
1704
 
1705
- // ../tt-combobox/dist/src/tt-option/tt-option.js
1705
+ // ../tt-combobox/dist/esm/src/tt-option/tt-option.js
1706
1706
  if (typeof window !== "undefined") {
1707
1707
  if (!window.customElements.get("tt-option")) {
1708
1708
  window.customElements.define("tt-option", TtOption);
1709
1709
  }
1710
1710
  }
1711
1711
 
1712
- // ../tt-combobox/dist/src/tt-combobox.js
1712
+ // ../tt-combobox/dist/esm/src/tt-combobox.js
1713
1713
  if (typeof window !== "undefined") {
1714
1714
  if (!window.customElements.get("tt-combobox")) {
1715
1715
  window.customElements.define("tt-combobox", TtCombobox);
package/dist/web/styles.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @triptease/tt-navbar v0.0.96
2
+ * @triptease/tt-navbar v0.1.0
3
3
  */
4
4
 
5
5
  // ../../node_modules/@lit/reactive-element/css-tag.js
package/dist/web/triptease-logo.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @triptease/tt-navbar v0.0.96
2
+ * @triptease/tt-navbar v0.1.0
3
3
  */
4
4
 
5
5
  // src/triptease-logo.ts
package/dist/web/tt-navbar.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @triptease/tt-navbar v0.0.96
2
+ * @triptease/tt-navbar v0.1.0
3
3
  */
4
4
  var __defProp = Object.defineProperty;
5
5
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -686,22 +686,22 @@ var t4 = class extends e8 {
686
686
  t4.directiveName = "unsafeSVG", t4.resultType = 2;
687
687
  var o8 = e7(t4);
688
688
 
689
- // ../icons/dist/src/icons/alert.js
689
+ // ../icons/dist/esm/src/icons/alert.js
690
690
  var alert = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
691
691
  <path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM9.25 5.75C9.25 5.33579 9.58579 5 10 5C10.4142 5 10.75 5.33579 10.75 5.75V11.25C10.75 11.6642 10.4142 12 10 12C9.58579 12 9.25 11.6642 9.25 11.25V5.75ZM10.75 13.75C10.75 14.1642 10.4142 14.5 10 14.5C9.58579 14.5 9.25 14.1642 9.25 13.75C9.25 13.3358 9.58579 13 10 13C10.4142 13 10.75 13.3358 10.75 13.75Z" fill="currentColor"/>
692
692
  </svg>`;
693
693
 
694
- // ../icons/dist/src/icons/campaigns.js
694
+ // ../icons/dist/esm/src/icons/campaigns.js
695
695
  var campaigns = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
696
696
  <path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 11C13.75 9.47056 14.1646 8.11984 14.7956 7.17338C15.1658 6.61803 15.5905 6.22612 16.0341 5.99602L17.0795 5.75165C17.8298 5.78274 18.5916 6.25415 19.2044 7.17338C19.8354 8.11984 20.25 9.47056 20.25 11C20.25 12.5294 19.8354 13.8802 19.2044 14.8266C18.5916 15.7458 17.8298 16.2173 17.0794 16.2484L16.0341 16.004C15.5905 15.7739 15.1659 15.382 14.7956 14.8266C14.1646 13.8802 13.75 12.5294 13.75 11ZM12.25 11C12.25 9.3468 12.6627 7.80949 13.373 6.61808L5.48783 8.46138C4.46994 8.69932 3.75 9.60698 3.75 10.6523V11.3477C3.75 12.393 4.46994 13.3007 5.48783 13.5386L13.373 15.3819C12.6627 14.1905 12.25 12.6532 12.25 11ZM5.14639 7.00075L15.5263 4.57427C15.9817 4.36663 16.4756 4.25 17 4.25C18.4334 4.25 19.6392 5.12146 20.4525 6.34133C21.2692 7.56645 21.75 9.21573 21.75 11C21.75 12.7843 21.2692 14.4335 20.4525 15.6587C19.6392 16.8785 18.4334 17.75 17 17.75C16.4756 17.75 15.9817 17.6334 15.5263 17.4257L11.75 16.5429V17.5C11.75 19.2949 10.2949 20.75 8.5 20.75C6.70507 20.75 5.25 19.2949 5.25 17.5V15.0235L5.14639 14.9992C3.4499 14.6027 2.25 13.0899 2.25 11.3477V10.6523C2.25 8.91009 3.4499 7.39734 5.14639 7.00075ZM6.75 15.3741V17.5C6.75 18.4665 7.5335 19.25 8.5 19.25C9.4665 19.25 10.25 18.4665 10.25 17.5V16.1923L6.75 15.3741Z" />
697
697
  </svg>`;
698
698
 
699
- // ../icons/dist/src/icons/channels.js
699
+ // ../icons/dist/esm/src/icons/channels.js
700
700
  var channels = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
701
701
  <path d="M18 3C19.6569 3 21 4.34315 21 6C21 7.65685 19.6569 9 18 9C17.4435 9 16.9243 8.84513 16.4775 8.58105L15.3076 9.75098C15.7443 10.3919 16 11.166 16 12C16 12.8334 15.7437 13.6064 15.3076 14.2471L16.4775 15.417C16.9241 15.1532 17.4438 15 18 15C19.6569 15 21 16.3431 21 18C21 19.6569 19.6569 21 18 21C16.3431 21 15 19.6569 15 18C15 17.4438 15.1532 16.9241 15.417 16.4775L14.2471 15.3076C13.6064 15.7437 12.8334 16 12 16C11.166 16 10.3919 15.7443 9.75098 15.3076L8.58105 16.4775C8.84513 16.9243 9 17.4435 9 18C9 19.6569 7.65685 21 6 21C4.34315 21 3 19.6569 3 18C3 16.3431 4.34315 15 6 15C6.55558 15 7.07429 15.1538 7.52051 15.417L8.69141 14.2471C8.2555 13.6065 8 12.8332 8 12C8 11.1665 8.25523 10.3927 8.69141 9.75195L7.52148 8.58203C7.07501 8.84569 6.55606 9 6 9C4.34315 9 3 7.65685 3 6C3 4.34315 4.34315 3 6 3C7.65685 3 9 4.34315 9 6C9 6.55606 8.84569 7.07501 8.58203 7.52148L9.75195 8.69141C9.73784 8.70101 9.72394 8.71092 9.70996 8.7207C10.3587 8.26679 11.1481 8 12 8C12.833 8 13.6066 8.25472 14.2471 8.69043L15.417 7.52051C15.1538 7.07429 15 6.55558 15 6C15 4.34315 16.3431 3 18 3ZM6 16.5C5.17157 16.5 4.5 17.1716 4.5 18C4.5 18.8284 5.17157 19.5 6 19.5C6.82843 19.5 7.5 18.8284 7.5 18C7.5 17.1716 6.82843 16.5 6 16.5ZM18 16.5C17.1716 16.5 16.5 17.1716 16.5 18C16.5 18.8284 17.1716 19.5 18 19.5C18.8284 19.5 19.5 18.8284 19.5 18C19.5 17.1716 18.8284 16.5 18 16.5ZM12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12C14.5 10.6193 13.3807 9.5 12 9.5ZM6 4.5C5.17157 4.5 4.5 5.17157 4.5 6C4.5 6.82843 5.17157 7.5 6 7.5C6.82843 7.5 7.5 6.82843 7.5 6C7.5 5.17157 6.82843 4.5 6 4.5ZM18 4.5C17.1716 4.5 16.5 5.17157 16.5 6C16.5 6.82843 17.1716 7.5 18 7.5C18.8284 7.5 19.5 6.82843 19.5 6C19.5 5.17157 18.8284 4.5 18 4.5Z" />
702
702
  </svg>`;
703
703
 
704
- // ../icons/dist/src/icons/chevron-down.js
704
+ // ../icons/dist/esm/src/icons/chevron-down.js
705
705
  var chevronDown = `
706
706
  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-chevron-down chevron-down"
707
707
  viewBox="0 0 16 16" role="presentation">
@@ -710,43 +710,43 @@ var chevronDown = `
710
710
  stroke="currentColor"/>
711
711
  </svg>`;
712
712
 
713
- // ../icons/dist/src/icons/external.js
713
+ // ../icons/dist/esm/src/icons/external.js
714
714
  var external = `<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
715
715
  <path d="M6 2C6.41421 2 6.75 2.33579 6.75 2.75C6.75 3.16421 6.41421 3.5 6 3.5H4.75C4.05964 3.5 3.5 4.05964 3.5 4.75V11.25C3.5 11.9404 4.05964 12.5 4.75 12.5H11.25C11.9404 12.5 12.5 11.9404 12.5 11.25V10C12.5 9.58579 12.8358 9.25 13.25 9.25C13.6642 9.25 14 9.58579 14 10V11.25C14 12.7688 12.7688 14 11.25 14H4.75C3.23122 14 2 12.7688 2 11.25V4.75C2 3.23122 3.23122 2 4.75 2H6ZM14 6C14 6.41421 13.6642 6.75 13.25 6.75C12.8358 6.75 12.5 6.41421 12.5 6V4.56055L8.03027 9.03027C7.73738 9.32317 7.26262 9.32317 6.96973 9.03027C6.67683 8.73738 6.67683 8.26262 6.96973 7.96973L11.4395 3.5H10C9.58579 3.5 9.25 3.16421 9.25 2.75C9.25 2.33579 9.58579 2 10 2H14V6Z" fill="currentColor"/>
716
716
  </svg>`;
717
717
 
718
- // ../icons/dist/src/icons/gear.js
718
+ // ../icons/dist/esm/src/icons/gear.js
719
719
  var gear = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
720
720
  <path d="M13.4678 2C13.9142 2.00002 14.307 2.2963 14.4297 2.72559L15.0049 4.74219L16.8398 3.72363C17.1813 3.53396 17.5973 3.56262 17.9072 3.78418L18.0332 3.89062L20.1084 5.9668C20.4241 6.2825 20.4932 6.76987 20.2764 7.16016L19.2568 8.99316L21.2744 9.57031C21.6502 9.67769 21.9239 9.9921 21.9863 10.3682L22 10.5322V13.4678C22 13.9142 21.7037 14.307 21.2744 14.4297L19.2568 15.0049L20.2764 16.8398C20.4661 17.1813 20.4374 17.5972 20.2158 17.9072L20.1094 18.0332L18.0332 20.1084C17.7175 20.4241 17.2301 20.4932 16.8398 20.2764L15.0049 19.2568L14.4297 21.2744C14.3223 21.6502 14.0079 21.9239 13.6318 21.9863L13.4678 22H10.5322C10.0858 22 9.69297 21.7037 9.57031 21.2744L8.99316 19.2568L7.16016 20.2764C6.81867 20.466 6.40275 20.4374 6.09277 20.2158L5.9668 20.1094L3.8916 18.0332C3.5759 17.7175 3.50683 17.2301 3.72363 16.8398L4.74219 15.0059L2.72559 14.4297C2.34982 14.3223 2.07606 14.0079 2.01367 13.6318L2 13.4678V10.5322C2.00005 10.0858 2.29632 9.69296 2.72559 9.57031L4.74219 8.99316L3.72363 7.16016C3.53394 6.81866 3.5626 6.40276 3.78418 6.09277L3.89062 5.9668L5.9668 3.8916C6.28251 3.57589 6.76986 3.5068 7.16016 3.72363L8.99316 4.74219L9.57031 2.72559C9.67768 2.34981 9.99209 2.07606 10.3682 2.01367L10.5322 2H13.4678ZM10.4014 5.27148C9.70554 5.47089 9.05368 5.77388 8.46484 6.16504L6.76074 5.21875L5.21777 6.76074L6.22363 8.57031L6.23242 8.56738C5.91398 9.13213 5.67275 9.74545 5.52051 10.3936L5.49023 10.3398L3.5 10.9092V13.0908L5.49121 13.6592L5.52051 13.6055C5.67256 14.2532 5.91338 14.8662 6.23145 15.4307L6.22363 15.4287L5.21875 17.2393L5.21777 17.2383V17.2393H5.21875L6.76074 18.7822L8.46484 17.834C9.05398 18.2254 9.7061 18.5281 10.4023 18.7275L10.9092 20.5H13.0908L13.5488 18.8916C14.3898 18.7443 15.1787 18.4482 15.8877 18.0293L17.2393 18.7812L18.7822 17.2393L18.085 15.9863C18.6037 15.2393 18.9814 14.3876 19.1777 13.4678L20.5 13.0908V10.9092L19.1777 10.5303C18.9812 9.61065 18.6038 8.75856 18.085 8.01172L18.7812 6.76074L17.2393 5.21777L15.8857 5.96875C15.1773 5.55053 14.389 5.25458 13.5488 5.10742L13.0908 3.5H10.9092L10.4014 5.27148ZM12 8C14.2091 8 16 9.79086 16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8ZM12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12C14.5 10.6193 13.3807 9.5 12 9.5Z" />
721
721
  <path d="M13.6328 2.01367C14.0085 2.07631 14.3224 2.35007 14.4297 2.72559L15.0049 4.74219L16.8398 3.72363C17.1813 3.53396 17.5973 3.56262 17.9072 3.78418L18.0332 3.89062L20.1084 5.9668L20.2158 6.09277C20.4372 6.40274 20.466 6.81875 20.2764 7.16016L19.2568 8.99316L21.2744 9.57031C21.6502 9.67769 21.9239 9.9921 21.9863 10.3682L22 10.5322V13.4678L21.9863 13.6328C21.9237 14.0085 21.6499 14.3224 21.2744 14.4297L19.2568 15.0049L20.2764 16.8398C20.4661 17.1813 20.4374 17.5972 20.2158 17.9072L20.1094 18.0332L18.0332 20.1084L17.9072 20.2158C17.5973 20.4372 17.1813 20.466 16.8398 20.2764L15.0049 19.2568L14.4297 21.2744C14.3223 21.6502 14.0079 21.9239 13.6318 21.9863L13.4678 22H10.5322L10.3672 21.9863C9.99146 21.9237 9.6776 21.6499 9.57031 21.2744L8.99316 19.2568L7.16016 20.2764C6.81867 20.466 6.40275 20.4374 6.09277 20.2158L5.9668 20.1094L3.8916 18.0332L3.78418 17.9072C3.56278 17.5973 3.53398 17.1812 3.72363 16.8398L4.74219 15.0059L2.72559 14.4297C2.34982 14.3223 2.07606 14.0079 2.01367 13.6318L2 13.4678V10.5322L2.01367 10.3672C2.07633 9.99149 2.35009 9.6776 2.72559 9.57031L4.74219 8.99316L3.72363 7.16016C3.53394 6.81866 3.5626 6.40276 3.78418 6.09277L3.89062 5.9668L5.9668 3.8916L6.09277 3.78418C6.40275 3.56277 6.81875 3.53396 7.16016 3.72363L8.99316 4.74219L9.57031 2.72559C9.67768 2.34981 9.99209 2.07606 10.3682 2.01367L10.5322 2H13.4678L13.6328 2.01367ZM10.4014 5.27148C9.70554 5.47089 9.05368 5.77388 8.46484 6.16504L6.76074 5.21875L5.21777 6.76074L6.22363 8.57031L6.23242 8.56738C5.91398 9.13213 5.67275 9.74545 5.52051 10.3936L5.49023 10.3398L3.5 10.9092V13.0908L5.49121 13.6592L5.52051 13.6055C5.67256 14.2532 5.91338 14.8662 6.23145 15.4307L6.22363 15.4287L5.21875 17.2393L5.21777 17.2383V17.2393H5.21875L6.76074 18.7822L8.46484 17.834C9.05398 18.2254 9.7061 18.5281 10.4023 18.7275L10.9092 20.5H13.0908L13.5488 18.8916C14.3898 18.7443 15.1787 18.4482 15.8877 18.0293L17.2393 18.7812L18.7822 17.2393L18.085 15.9863C18.6037 15.2393 18.9814 14.3876 19.1777 13.4678L20.5 13.0908V10.9092L19.1777 10.5303C18.9812 9.61065 18.6038 8.75856 18.085 8.01172L18.7812 6.76074L17.2393 5.21777L15.8857 5.96875C15.1773 5.55053 14.389 5.25458 13.5488 5.10742L13.0908 3.5H10.9092L10.4014 5.27148ZM12 8C14.2091 8 16 9.79086 16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8ZM12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12C14.5 10.6193 13.3807 9.5 12 9.5Z" />
722
722
  </svg>`;
723
723
 
724
- // ../icons/dist/src/icons/graph.js
724
+ // ../icons/dist/esm/src/icons/graph.js
725
725
  var graph = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
726
726
  <path d="M18.1543 3.00391C19.7394 3.08421 21 4.39489 21 6V18L20.9961 18.1543C20.9184 19.6883 19.6883 20.9184 18.1543 20.9961L18 21H6C4.39489 21 3.08421 19.7394 3.00391 18.1543L3 18V6C3 4.34315 4.34315 3 6 3H18L18.1543 3.00391ZM6 4.5C5.17157 4.5 4.5 5.17157 4.5 6V18C4.5 18.8284 5.17157 19.5 6 19.5H18C18.8284 19.5 19.5 18.8284 19.5 18V6C19.5 5.17157 18.8284 4.5 18 4.5H6ZM8 9C8.41421 9 8.75 9.33579 8.75 9.75V16.25C8.75 16.6642 8.41421 17 8 17C7.58579 17 7.25 16.6642 7.25 16.25V9.75C7.25 9.33579 7.58579 9 8 9ZM12 12C12.4142 12 12.75 12.3358 12.75 12.75V16.25C12.75 16.6642 12.4142 17 12 17C11.5858 17 11.25 16.6642 11.25 16.25V12.75C11.25 12.3358 11.5858 12 12 12ZM16 9C16.4142 9 16.75 9.33579 16.75 9.75V16.25C16.75 16.6642 16.4142 17 16 17C15.5858 17 15.25 16.6642 15.25 16.25V9.75C15.25 9.33579 15.5858 9 16 9Z" />
727
727
  </svg>`;
728
728
 
729
- // ../icons/dist/src/icons/home.js
729
+ // ../icons/dist/esm/src/icons/home.js
730
730
  var home = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
731
731
  <path d="M10.7725 3.95499C11.4946 3.39358 12.5054 3.39358 13.2275 3.95499L20.2275 9.39936C20.7146 9.77822 20.9999 10.3614 21 10.9785V18C21 19.6051 19.7394 20.9158 18.1543 20.9961L18 21H6C4.39489 21 3.08421 19.7394 3.00391 18.1543L3 18V10.9785C3.00007 10.4386 3.21792 9.92445 3.59863 9.55073L3.77246 9.39936L10.7725 3.95499ZM12.3066 5.13859C12.1263 4.99869 11.8737 4.99869 11.6934 5.13859L4.69336 10.583C4.57163 10.6776 4.50008 10.8243 4.5 10.9785V18C4.5 18.8284 5.17157 19.5 6 19.5H8V16C8.00014 14.3432 9.34323 13 11 13H13C14.6568 13 15.9999 14.3432 16 16V19.5H18C18.8284 19.5 19.5 18.8284 19.5 18V10.9785C19.4999 10.8243 19.4284 10.6776 19.3066 10.583L12.3066 5.13859ZM11 14.5C10.1717 14.5 9.50014 15.1717 9.5 16V19.5H14.5V16C14.4999 15.1717 13.8283 14.5 13 14.5H11Z" />
732
732
  </svg>`;
733
733
 
734
- // ../icons/dist/src/icons/logout.js
734
+ // ../icons/dist/esm/src/icons/logout.js
735
735
  var logout = `<svg width="17" height="20" viewBox="0 0 17 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
736
736
  <path d="M12 0C12.4142 0 12.75 0.335786 12.75 0.75C12.75 1.16421 12.4142 1.5 12 1.5H3.75C2.50736 1.5 1.5 2.50736 1.5 3.75V16.25C1.5 17.4926 2.50736 18.5 3.75 18.5H12C12.4142 18.5 12.75 18.8358 12.75 19.25C12.75 19.6642 12.4142 20 12 20H3.75C1.67893 20 0 18.3211 0 16.25V3.75C2.57706e-07 1.67893 1.67893 1.28851e-07 3.75 0H12ZM10.7197 5.71973C11.0125 5.42693 11.4874 5.42713 11.7803 5.71973L16.0605 10L11.7803 14.2803C11.4874 14.5729 11.0126 14.573 10.7197 14.2803C10.4272 13.9874 10.4272 13.5125 10.7197 13.2197L13.1895 10.75H6.5C6.08605 10.7498 5.7501 10.414 5.75 10C5.75009 9.58601 6.08604 9.25023 6.5 9.25H13.1895L10.7197 6.78027C10.4272 6.48743 10.4272 6.01254 10.7197 5.71973Z" />
737
737
  </svg>`;
738
738
 
739
- // ../icons/dist/src/icons/sidebar-collapsed.js
739
+ // ../icons/dist/esm/src/icons/sidebar-collapsed.js
740
740
  var sidebarCollapsed = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
741
741
  <path d="M17 3.25C19.0711 3.25 20.75 4.92893 20.75 7V17C20.75 19.0711 19.0711 20.75 17 20.75H7C4.92893 20.75 3.25 19.0711 3.25 17V7C3.25 4.92893 4.92893 3.25 7 3.25H17ZM10 19.25H17C18.2426 19.25 19.25 18.2426 19.25 17V7C19.25 5.75736 18.2426 4.75 17 4.75H10V19.25Z"/>
742
742
  </svg>`;
743
743
 
744
- // ../icons/dist/src/icons/user.js
744
+ // ../icons/dist/esm/src/icons/user.js
745
745
  var user = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
746
746
  <path d="M12 2C17.5228 2 22 6.47715 22 12C22 15.2098 20.4857 18.0638 18.1348 19.8936C18.0344 20.055 17.8763 20.1738 17.6875 20.2227C16.0725 21.3418 14.1137 22 12 22C9.88604 22 7.92664 21.3421 6.31152 20.2227C6.12294 20.1736 5.96441 20.055 5.86426 19.8936C3.51367 18.0638 2 15.2095 2 12C2 6.47715 6.47715 2 12 2ZM11.25 15.5C9.1884 15.5 7.49093 17.0597 7.27344 19.0635C8.62515 19.9698 10.2503 20.5 12 20.5C13.7494 20.5 15.374 19.9695 16.7256 19.0635C16.508 17.0598 14.8116 15.5 12.75 15.5H11.25ZM12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 14.3333 4.44073 16.4464 5.96289 17.9824C6.62169 15.683 8.73895 14 11.25 14H12.75C15.2609 14 17.3772 15.6832 18.0361 17.9824C19.5586 16.4464 20.5 14.3335 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM12 5.25C14.0711 5.25 15.75 6.92893 15.75 9C15.75 11.0711 14.0711 12.75 12 12.75C9.92893 12.75 8.25 11.0711 8.25 9C8.25 6.92893 9.92893 5.25 12 5.25ZM12 6.75C10.7574 6.75 9.75 7.75736 9.75 9C9.75 10.2426 10.7574 11.25 12 11.25C13.2426 11.25 14.25 10.2426 14.25 9C14.25 7.75736 13.2426 6.75 12 6.75Z" />
747
747
  </svg>`;
748
748
 
749
- // ../icons/dist/src/icons/wallet.js
749
+ // ../icons/dist/esm/src/icons/wallet.js
750
750
  var wallet = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
751
751
  <path d="M14.2275 3.02681C16.5581 2.53634 18.7497 4.3152 18.75 6.69674V7.09518C20.0437 7.42823 20.9998 8.60187 21 9.99948V16.9995C21 18.6046 19.7394 19.9153 18.1543 19.9956L18 19.9995H6C4.39489 19.9995 3.08421 18.7389 3.00391 17.1538L3 16.9995V8.43405C3.00022 6.66092 4.2424 5.12941 5.97754 4.76412L14.2275 3.02681ZM6 8.49948C5.17173 8.49948 4.50026 9.17127 4.5 9.99948V16.9995C4.5 17.8279 5.17157 18.4995 6 18.4995H18C18.8284 18.4995 19.5 17.8279 19.5 16.9995V9.99948C19.4997 9.17127 18.8283 8.49948 18 8.49948H6ZM16.5 11.9995C17.3283 11.9995 17.9997 12.6713 18 13.4995C18 14.3279 17.3284 14.9995 16.5 14.9995C15.6716 14.9995 15 14.3279 15 13.4995C15.0003 12.6713 15.6717 11.9995 16.5 11.9995ZM17.25 6.69674C17.2497 5.26791 15.9344 4.20028 14.5361 4.49459L6.28613 6.2319C5.67607 6.36042 5.16896 6.73055 4.85254 7.22799C5.20609 7.08147 5.59347 6.99948 6 6.99948H17.25V6.69674Z" />
752
752
  </svg>`;
@@ -862,7 +862,7 @@ var i6 = e7(class extends i5 {
862
862
  }
863
863
  });
864
864
 
865
- // ../tt-combobox/dist/src/styles.js
865
+ // ../tt-combobox/dist/esm/src/styles.js
866
866
  var styles = i`
867
867
  :host {
868
868
  display: flex;
@@ -1084,7 +1084,7 @@ var styles = i`
1084
1084
  }
1085
1085
  `;
1086
1086
 
1087
- // ../tt-combobox/dist/src/TtCombobox.js
1087
+ // ../tt-combobox/dist/esm/src/TtCombobox.js
1088
1088
  var __decorate = function(decorators, target2, key, desc) {
1089
1089
  var c5 = arguments.length, r8 = c5 < 3 ? target2 : desc === null ? desc = Object.getOwnPropertyDescriptor(target2, key) : desc, d3;
1090
1090
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r8 = Reflect.decorate(decorators, target2, key, desc);
@@ -1557,7 +1557,7 @@ __decorate([
1557
1557
  n4({ type: Array, attribute: "value" })
1558
1558
  ], TtCombobox.prototype, "value", void 0);
1559
1559
 
1560
- // ../tt-combobox/dist/src/tt-option/styles.js
1560
+ // ../tt-combobox/dist/esm/src/tt-option/styles.js
1561
1561
  var styles2 = i`
1562
1562
  li {
1563
1563
  cursor: pointer;
@@ -1629,7 +1629,7 @@ var styles2 = i`
1629
1629
  }
1630
1630
  `;
1631
1631
 
1632
- // ../tt-combobox/dist/src/tt-option/TtOption.js
1632
+ // ../tt-combobox/dist/esm/src/tt-option/TtOption.js
1633
1633
  var __decorate2 = function(decorators, target2, key, desc) {
1634
1634
  var c5 = arguments.length, r8 = c5 < 3 ? target2 : desc === null ? desc = Object.getOwnPropertyDescriptor(target2, key) : desc, d3;
1635
1635
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r8 = Reflect.decorate(decorators, target2, key, desc);
@@ -1702,14 +1702,14 @@ __decorate2([
1702
1702
  n4({ type: Boolean, attribute: "include-checkbox" })
1703
1703
  ], TtOption.prototype, "includeCheckbox", void 0);
1704
1704
 
1705
- // ../tt-combobox/dist/src/tt-option/tt-option.js
1705
+ // ../tt-combobox/dist/esm/src/tt-option/tt-option.js
1706
1706
  if (typeof window !== "undefined") {
1707
1707
  if (!window.customElements.get("tt-option")) {
1708
1708
  window.customElements.define("tt-option", TtOption);
1709
1709
  }
1710
1710
  }
1711
1711
 
1712
- // ../tt-combobox/dist/src/tt-combobox.js
1712
+ // ../tt-combobox/dist/esm/src/tt-combobox.js
1713
1713
  if (typeof window !== "undefined") {
1714
1714
  if (!window.customElements.get("tt-combobox")) {
1715
1715
  window.customElements.define("tt-combobox", TtCombobox);
package/dist/web/urlMappings.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @triptease/tt-navbar v0.0.96
2
+ * @triptease/tt-navbar v0.1.0
3
3
  */
4
4
 
5
5
  // src/urlMappings.ts
package/package.json CHANGED
@@ -3,20 +3,30 @@
3
3
  "description": "Webcomponent tt-navbar following open-wc recommendations",
4
4
  "license": "MIT",
5
5
  "author": "tt-navbar",
6
- "version": "0.0.96",
6
+ "version": "0.1.0",
7
7
  "type": "module",
8
- "main": "dist/src/index.js",
9
- "module": "dist/src/index.js",
8
+ "main": "dist/esm/src/index.js",
9
+ "module": "dist/esm/src/index.js",
10
10
  "exports": {
11
- ".": "./dist/src/index.js",
12
- "./tt-navbar.js": "./dist/src/tt-navbar.js"
11
+ ".": {
12
+ "types": "./dist/esm/src/index.d.ts",
13
+ "import": "./dist/esm/src/index.js",
14
+ "require": "./dist/cjs/src/index.js"
15
+ },
16
+ "./tt-navbar.js": {
17
+ "types": "./dist/esm/src/tt-navbar.d.ts",
18
+ "import": "./dist/esm/src/tt-navbar.js",
19
+ "require": "./dist/cjs/src/tt-navbar.js"
20
+ }
13
21
  },
14
22
  "scripts": {
15
23
  "analyze": "cem analyze --litelement",
16
24
  "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"web-dev-server\"",
17
25
  "build": "yarn build:node && yarn build:web",
18
26
  "build:web": "node ../../scripts/esbuild.mjs",
19
- "build:node": "tsc && npm run analyze -- --exclude dist",
27
+ "build:esm": "tsc && npm run analyze -- --exclude dist",
28
+ "build:cjs": "tsc -p tsconfig.cjs.json && node ../../scripts/create-cjs-package.mjs",
29
+ "build:node": "yarn build:esm && yarn build:cjs",
20
30
  "build:node:watch": "tsc --watch",
21
31
  "prepublish": "tsc && npm run analyze -- --exclude dist",
22
32
  "test": "tsc && wtr --coverage",
@@ -25,8 +35,8 @@
25
35
  "dependencies": {
26
36
  "@clerk/clerk-js": "^5.102.1",
27
37
  "@clerk/types": "^4.95.1",
28
- "@triptease/icons": "1.3.14",
29
- "@triptease/tt-combobox": "5.6.7",
38
+ "@triptease/icons": "1.4.0",
39
+ "@triptease/tt-combobox": "5.7.0",
30
40
  "lit": "^3.1.4"
31
41
  },
32
42
  "devDependencies": {
package/tsconfig.cjs.json ADDED
@@ -0,0 +1,9 @@
1
+ {
2
+ "extends": "../../tsconfig.packages.cjs.json",
3
+ "compilerOptions": {
4
+ "rootDir": "./",
5
+ "outDir": "dist/cjs"
6
+ },
7
+ "include": ["src/**/*.ts"],
8
+ "exclude": ["node_modules", "dist"]
9
+ }
package/tsconfig.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
- "extends": "../../tsconfig.packages.json",
2
+ "extends": "../../tsconfig.packages.esm.json",
3
3
  "compilerOptions": {
4
4
  "rootDir": "./",
5
- "outDir": "dist"
5
+ "outDir": "dist/esm"
6
6
  },
7
- "include": ["**/*.ts"],
7
+ "include": ["src/**/*.ts", "test/**/*.ts"],
8
8
  "exclude": ["node_modules", "dist"]
9
9
  }
package/web-test-runner.config.js CHANGED
@@ -4,7 +4,7 @@ const filteredLogs = ['Running in dev mode', 'Lit is in dev mode'];
4
4
 
5
5
  export default /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
6
6
  /** Test files to run */
7
- files: 'dist/test/**/*.test.js',
7
+ files: 'dist/esm/test/**/*.test.js',
8
8
 
9
9
  /** Resolve bare module imports */
10
10
  nodeResolve: {
package/dist/src/Config.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Config.js","sourceRoot":"","sources":["../../src/Config.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;IACb,qBAAqB,EAAE,iBAAiB;IACxC,0BAA0B,EAAE,MAAe;IAC3C,4BAA4B,EAAE,QAAiB;CAChD,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC","sourcesContent":["const Config = {\n NavbarStateCookieName: 'tt-navbar-state',\n NavbarStateCookieOpenValue: 'open' as const,\n NavbarStateCookieClosedValue: 'closed' as const,\n};\n\nexport { Config };\n"]}
package/dist/src/Routes.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Routes.js","sourceRoot":"","sources":["../../src/Routes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;IACb,eAAe,EAAE,iBAAiB;CACnC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC","sourcesContent":["const Routes = {\n CampaignManager: 'CampaignManager',\n};\n\nexport { Routes };\n"]}
package/dist/src/TtNavbar.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"TtNavbar.js","sourceRoot":"","sources":["../../src/TtNavbar.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, query, queryAll, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport {\n campaigns,\n channels,\n chevronDown,\n external,\n gear,\n graph,\n home,\n logout,\n sidebarCollapsed,\n user,\n wallet,\n} from '@triptease/icons';\nimport '@triptease/tt-combobox';\nimport { styles } from './styles.js';\nimport { tripteaseLogo } from './triptease-logo.js';\nimport { urlMappings } from './urlMappings.js';\nimport { Routes } from './Routes.js';\nimport { Config } from './Config.js';\n\nconst jsonArrayConverter = (value: string | null) => {\n if (!value) return [];\n try {\n return JSON.parse(value);\n } catch {\n return [];\n }\n};\n\nexport class TtNavbar extends LitElement {\n static styles = styles;\n\n @property({ type: Function })\n navigate: ((e: MouseEvent) => void) | undefined;\n\n @property({ type: String, attribute: 'campaign-manager-url' })\n campaignManagerUrl: string = 'https://app.campaign-manager.triptease.io';\n\n @property({ type: String, attribute: 'platform-url' })\n platformUrl?: string;\n\n @property({ type: String, attribute: 'client-key' })\n clientKey?: string;\n\n @property({ type: String, attribute: 'active-route' })\n activeRoute?: keyof typeof Routes;\n\n @property({ type: Array, converter: jsonArrayConverter })\n clients: { clientKey: string; displayName: string }[] = [];\n\n @property({ type: String, attribute: 'initial-state' })\n initialState: 'open' | 'closed' | undefined = undefined;\n\n @state()\n isOpen: boolean = true;\n\n @property({ type: Object })\n onClientChange: ((clientKeySelected: string) => void) | undefined;\n\n @queryAll('details')\n protected allDetailsElements!: Array<HTMLDetailsElement>;\n\n @queryAll('a')\n protected allNavLinks!: Array<HTMLAnchorElement>;\n\n @query(`a#${Routes.CampaignManager}`)\n private campaignManagerLink!: HTMLAnchorElement;\n\n protected firstUpdated() {\n this.setActiveState();\n }\n\n public connectedCallback() {\n // Listen for browser back/forward navigation\n window.addEventListener('popstate', this.setActiveState);\n\n // Listen for Tetris programmatic navigation\n window.addEventListener('tetris:navigate', this.setActiveState);\n\n super.connectedCallback();\n\n if (this.initialState) {\n this.isOpen = this.initialState === 'open';\n }\n }\n\n public disconnectedCallback() {\n window.removeEventListener('popstate', this.setActiveState);\n window.removeEventListener('tetris:navigate', this.setActiveState);\n\n super.disconnectedCallback();\n }\n\n private get mappedUrlPatterns(): URLPattern[] {\n return Object.keys(urlMappings).map(\n (pattern) => new URLPattern({ pathname: pattern, baseURL: window.location.origin })\n );\n }\n\n /*\n * Set the active state for the current page.\n *\n * This function iterates over all nav links and compares the current URL path with the href of each link.\n * If the current URL path starts with the href of a link, the link is marked as active. If multiple links\n * share the same prefix, the longest prefix is used as it is more specific.\n *\n * Example:\n * - Current URL: /channels/123\n * - Nav links:\n * - /channels\n * - /channels/123\n * - /channels/456\n *\n * Loop 1: currentPath = /channels/123, linkPath = /channels, bestMatch = /channels\n * Loop 2: currentPath = /channels/123, linkPath = /channels/123, bestMatch = /channels/123\n * Loop 3: currentPath = /channels/123, linkPath = /channels/456, bestMatch = /channels/123\n * Result: /channels/123 is marked as active\n *\n */\n private setActiveState = () => {\n const currentPath = window.location.pathname;\n\n let bestMatch: HTMLAnchorElement | undefined;\n let bestMatchLength = 0;\n\n // Check special cases first, as everything will always match on / and return Dashboard\n if (this.activeRoute === Routes.CampaignManager) {\n bestMatch = this.campaignManagerLink;\n }\n if (!bestMatch && this.clientKey) {\n const parsedPath = currentPath.replace(this.clientKey, '$CLIENT_KEY');\n let mappedUrl: string | undefined = urlMappings[parsedPath];\n\n const matchedPattern = this.mappedUrlPatterns.find((pattern) =>\n pattern.test(currentPath, window.location.origin)\n )?.pathname;\n\n if (matchedPattern) {\n mappedUrl = urlMappings[matchedPattern];\n }\n\n if (mappedUrl) {\n const clientSpecificUrl = mappedUrl.replace('$CLIENT_KEY', this.clientKey);\n const links = Object.values(this.allNavLinks);\n bestMatch = links.find((link) => link.href.includes(clientSpecificUrl));\n }\n }\n\n if (!bestMatch) {\n for (const link of this.allNavLinks) {\n const linkPath = new URL(link.href).pathname;\n\n if (currentPath.startsWith(linkPath)) {\n if (linkPath.length > bestMatchLength) {\n bestMatch = link;\n bestMatchLength = linkPath.length;\n }\n }\n }\n }\n\n for (const link of this.allNavLinks) {\n link.classList.remove('current-page');\n if (link.hasAttribute('aria-current')) {\n link.attributes.removeNamedItem('aria-current');\n }\n }\n\n if (bestMatch) {\n bestMatch.classList.add('current-page');\n bestMatch.setAttribute('aria-current', 'page');\n\n // Auto-expand parent details if the active link is within a collapsible section\n const parentDetails = bestMatch.closest('details');\n if (parentDetails) {\n parentDetails.setAttribute('open', '');\n }\n } else {\n console.error(`No matching nav link found for path: ${currentPath}`);\n }\n };\n\n private closeAllDetails = (element?: HTMLDetailsElement) => {\n this.allDetailsElements.forEach((detail) => {\n if (element && !detail.contains(element)) {\n detail.removeAttribute('open');\n } else if (!element) {\n detail.removeAttribute('open');\n }\n });\n };\n\n private toggleSidebar = () => {\n this.closeAllDetails();\n this.isOpen = !this.isOpen;\n\n const { NavbarStateCookieName, NavbarStateCookieOpenValue, NavbarStateCookieClosedValue } = Config;\n\n const domain = window.location.hostname.endsWith('.triptease.io') ? 'domain=.triptease.io' : '';\n\n document.cookie = `${NavbarStateCookieName}=${this.isOpen ? NavbarStateCookieOpenValue : NavbarStateCookieClosedValue}; path=/; max-age=31536000; ${domain}`;\n };\n\n private handleDetailsToggle = (e: ToggleEvent) => {\n const { newState } = e;\n const target = e.currentTarget as HTMLDetailsElement;\n\n if (newState === 'open') {\n if (!this.isOpen) {\n this.toggleSidebar();\n }\n\n this.closeAllDetails(target);\n }\n };\n\n private buildUrl = (path: string): string => {\n if (!this.clientKey) throw new Error('clientKey is required');\n\n const formattedPath = path.replace('$CLIENT_KEY', this.clientKey);\n if (!this.platformUrl) return formattedPath;\n\n return new URL(formattedPath, this.platformUrl).toString();\n };\n\n private onAnchorClick = (e: MouseEvent) => {\n if (this.navigate) {\n this.navigate(e);\n this.setActiveState();\n }\n };\n\n private handleClientChange = (e: Event) => {\n const combobox = e.target as EventTarget & { value?: string[] };\n const selectedClientKey = combobox.value?.[0];\n\n if (selectedClientKey && this.onClientChange) {\n this.onClientChange(selectedClientKey);\n }\n };\n\n render() {\n return html`\n <nav id=${this.id} class=\"${this.isOpen ? '' : 'sidebar-closed'}\">\n <div class=\"sidebar-header ${this.isOpen ? '' : 'sidebar-closed'}\">\n <div class=\"logo\">\n ${unsafeSVG(tripteaseLogo)}\n </div>\n <button id=\"navbar-toggle-btn\" class=\"nav-item nav-toggle-button\" @click=${this.toggleSidebar}>\n ${unsafeSVG(sidebarCollapsed)}\n <span class=\"tooltip nav-toggle-tooltip\">\n ${unsafeSVG(sidebarCollapsed)}\n <span>${this.isOpen ? html`Collapse sidebar` : html`Expand sidebar`}</span>\n </span>\n </button>\n </div>\n\n <div class=\"nav-items ${this.isOpen ? '' : 'sidebar-closed'}\">\n <a\n class=\"nav-item\"\n href=${this.buildUrl('/')}\n @click=${this.onAnchorClick}\n data-intercom-target=\"dashboard\"\n >${unsafeSVG(home)}<span>Dashboard</span></a\n >\n <a id=\"${Routes.CampaignManager}\" class=\"nav-item\" href=${this.campaignManagerUrl}\n @click=${this.onAnchorClick}\n data-intercom-target=\"campaigns\"\n >${unsafeSVG(campaigns)}<span>Campaigns</span></a\n >\n <a\n class=\"nav-item\"\n href=${this.buildUrl('/$CLIENT_KEY/channels')}\n @click=${this.onAnchorClick}\n data-intercom-target=\"channels\"\n >${unsafeSVG(channels)}<span>Channels</span></a\n >\n <details id=\"market-insights\" @toggle=${this.handleDetailsToggle} data-intercom-target=\"market-insights\">\n <summary>\n ${unsafeSVG(graph)}\n <span>Market Insights</span>\n <span class=\"icon chevron\"> ${unsafeSVG(chevronDown)}</span>\n </summary>\n <div class=\"dropdown-items\">\n <a\n class=\"sub-nav-item\"\n href=${this.buildUrl('/parity/$CLIENT_KEY')}\n @click=${this.onAnchorClick}\n data-intercom-target=\"parity-monitoring\"\n >Parity monitoring</a\n >\n <a\n class=\"sub-nav-item\"\n href=${this.buildUrl('/$CLIENT_KEY/guest-insights')}\n @click=${this.onAnchorClick}\n data-intercom-target=\"guest-insights\"\n >Guest insights</a\n >\n </div>\n </details>\n <details id=\"settings\" @toggle=${this.handleDetailsToggle} data-intercom-target=\"settings\">\n <summary>\n ${unsafeSVG(gear)}\n <span>Settings</span>\n <span class=\"icon chevron\"> ${unsafeSVG(chevronDown)}</span>\n </summary>\n <div class=\"dropdown-items\">\n <a\n class=\"sub-nav-item\"\n href=${this.buildUrl('/$CLIENT_KEY/guest-behavioural-data')}\n @click=${this.onAnchorClick}\n data-intercom-target=\"email-setup\"\n >Email setup</a\n >\n <a\n class=\"sub-nav-item\"\n href=${this.buildUrl('/$CLIENT_KEY/crm-config')}\n @click=${this.onAnchorClick}\n data-intercom-target=\"crm-connectivity\"\n >CRM connectivity</a\n >\n <a\n class=\"sub-nav-item\"\n href=${this.buildUrl('/$CLIENT_KEY/settings/guides')}\n @click=${this.onAnchorClick}\n data-intercom-target=\"group-settings\"\n >Group settings</a\n >\n <a\n class=\"sub-nav-item\"\n href=${this.buildUrl('/$CLIENT_KEY/settings/hotels')}\n @click=${this.onAnchorClick}\n data-intercom-target=\"property-settings\"\n >Property settings</a\n >\n </div>\n </details>\n <hr />\n <details id=\"account\" @toggle=${this.handleDetailsToggle} data-intercom-target=\"account\">\n <summary>\n ${unsafeSVG(user)}\n <span>Account</span>\n <span class=\"icon chevron\"> ${unsafeSVG(chevronDown)}</span>\n </summary>\n <div class=\"dropdown-items\">\n <a\n class=\"sub-nav-item\"\n href=${this.buildUrl('/account')}\n @click=${this.onAnchorClick}\n data-intercom-target=\"user-settings\"\n >User settings</a\n >\n <!-- TODO: Change to /$CLIENT_KEY/account/team when the change in Tetris is ready -->\n <a\n class=\"sub-nav-item\"\n href=${this.buildUrl('/account/team/$CLIENT_KEY')}\n @click=${this.onAnchorClick}\n data-intercom-target=\"team-permissions\"\n >Team and permissions</a\n >\n </div>\n </details>\n <details id=\"billing-routes\" @toggle=${this.handleDetailsToggle} data-intercom-target=\"billing\">\n <summary>\n ${unsafeSVG(wallet)}\n <span>Billing</span>\n <span class=\"icon chevron\"> ${unsafeSVG(chevronDown)}</span>\n </summary>\n <div>\n <!-- TODO: Change to /$CLIENT_KEY/account/billing-management when the change in Tetris is ready -->\n <a\n class=\"sub-nav-item\"\n href=${this.buildUrl('/account/billing-management/$CLIENT_KEY')}\n @click=${this.onAnchorClick}\n data-intercom-target=\"booking-reconciliation\"\n >Booking reconciliation</a\n >\n <!-- TODO: Change to /$CLIENT_KEY/subscriptions when the change in Tetris is ready -->\n <a\n class=\"sub-nav-item\"\n href=${this.buildUrl('/subscriptions/$CLIENT_KEY')}\n @click=${this.onAnchorClick}\n data-intercom-target=\"subscriptions\"\n >Subscriptions</a\n >\n </div>\n </details>\n </div>\n <div class=\"tertiary-nav ${this.isOpen ? '' : 'sidebar-closed'}\">\n <div id=\"external-links\" class=\"nav-items\">\n <a\n class=\"nav-item external-link\"\n href='https://triptease.canny.io/feature-requests'\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n Feature requests\n ${unsafeSVG(external)}\n </a>\n <a\n class='nav-item external-link'\n href='https://triptease.canny.io/changelog'\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n Product updates\n ${unsafeSVG(external)}\n </a>\n <a\n class='nav-item external-link'\n href='https://help.triptease.com/'\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n Help center\n ${unsafeSVG(external)}\n </a>\n <hr />\n </div>\n <div class='nav-items'>\n <div id=\"client-selector\">\n ${\n this.clients.length > 1\n ? html`\n <tt-combobox\n .openUpward=${true}\n .value=${this.clientKey ? [this.clientKey] : []}\n @change=${this.handleClientChange}\n >\n ${this.clients.map(\n (client) => html`\n <option slot=\"option\" value=${client.clientKey}>${client.displayName}</option>\n `\n )}\n </tt-combobox>\n `\n : html`\n <div class=\"single-client-name\">\n ${this.clients.find((m) => m.clientKey === this.clientKey)?.displayName}\n </div>\n `\n }\n </div>\n <a\n id=\"logout-link\"\n class=\"nav-item\"\n href=${this.buildUrl('/logout')}\n @click=${this.onAnchorClick}\n data-intercom-target=\"logout\"\n >${unsafeSVG(logout)}<span>Logout</span></a>\n </div>\n </nav>\n `;\n }\n}\n"]}
package/dist/src/getInitialNavbarState.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"getInitialNavbarState.js","sourceRoot":"","sources":["../../src/getInitialNavbarState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,qBAAqB,GAAG,CAAC,YAAqB,EAAE,EAAE;IACtD,MAAM,OAAO,GAAG,YAAY,IAAI,QAAQ,CAAC,MAAM,CAAC;IAEhD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC;IAE3G,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAExC,IAAI,KAAK,KAAK,MAAM,CAAC,0BAA0B,IAAI,KAAK,KAAK,MAAM,CAAC,4BAA4B,EAAE,CAAC;QACjG,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import { Config } from './Config.js';\n\nconst getInitialNavbarState = (cookieString?: string) => {\n const cookies = cookieString || document.cookie;\n\n if (!cookies) {\n return undefined;\n }\n\n const stateCookie = cookies.split(';').find((c) => c.trim().startsWith(`${Config.NavbarStateCookieName}`));\n\n if (!stateCookie) {\n return undefined;\n }\n\n const value = stateCookie.split('=')[1];\n\n if (value !== Config.NavbarStateCookieOpenValue && value !== Config.NavbarStateCookieClosedValue) {\n return undefined;\n }\n\n return value;\n};\n\nexport { getInitialNavbarState };\n"]}
package/dist/src/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC","sourcesContent":["export { TtNavbar } from './TtNavbar.js';\nexport { Routes } from './Routes.js';\nexport { Config } from './Config.js';\nexport { getInitialNavbarState } from './getInitialNavbarState.js';\n"]}
package/dist/src/styles.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;CAW5B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAyCf,iBAAiB;;;;UAIjB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA4DjB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgN1B,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst visuallyHiddenCss = css`\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n border: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n white-space: nowrap;\n`;\n\nexport const styles = css`\n :host {\n --nav-bar-width: 260px;\n\n display: block;\n height: 100vh;\n }\n\n :host:has(.sidebar-closed) {\n --nav-bar-width: fit-content;\n }\n\n * {\n box-sizing: border-box;\n }\n\n nav {\n --menu-font-size: var(--font-size-200);\n max-width: var(--nav-bar-width);\n width: var(--nav-bar-width);\n min-height: 100vh;\n height: max-content;\n display: flex;\n align-items: start;\n gap: var(--space-scale-3-5);\n flex-direction: column;\n background-color: var(--color-surface-inverted-100);\n color: var(--color-text-inverted-400);\n padding-top: var(--space-scale-2);\n padding-bottom: var(--space-scale-2);\n z-index: 1;\n\n .nav-items {\n display: flex;\n flex-direction: column;\n padding: 0 var(--space-scale-1);\n width: 100%;\n }\n\n .nav-items.sidebar-closed {\n a span {\n ${visuallyHiddenCss}\n }\n\n details summary span {\n ${visuallyHiddenCss}\n }\n }\n\n .sidebar-header {\n width: 100%;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n justify-content: center;\n padding: 0 var(--space-scale-2);\n\n button {\n background-color: transparent;\n color: var(--color-text-inverted-400);\n border: none;\n }\n }\n\n .sidebar-header.sidebar-closed {\n padding: 0 var(--space-scale-1);\n .logo {\n display: none;\n visibility: hidden;\n }\n }\n\n hr {\n width: 100%;\n height: 1px;\n background-color: var(--color-surface-inverted-200);\n border: none;\n }\n\n .tertiary-nav {\n display: flex;\n flex-direction: column;\n margin-top: auto;\n width: 100%;\n\n .external-link {\n font-size: var(--menu-font-size);\n line-height: var(--font-line-height-100);\n\n .icon {\n width: var(--space-scale-2);\n height: var(--space-scale-2);\n }\n }\n }\n\n .tertiary-nav.sidebar-closed {\n .external-link,\n hr,\n #client-selector {\n display: none;\n visibility: hidden;\n }\n\n a span {\n ${visuallyHiddenCss}\n }\n }\n\n .icon {\n display: flex;\n align-items: center;\n width: var(--space-scale-3);\n height: var(--space-scale-3);\n color: var(--nav-item-color);\n }\n\n .nav-item {\n display: flex;\n font-size: var(--menu-font-size);\n line-height: var(--font-line-height-100);\n gap: var(--space-scale-1-5);\n border-radius: var(--border-radius-100);\n color: var(--nav-item-color);\n align-items: center;\n padding: var(--space-scale-1);\n width: 100%;\n text-decoration: none;\n }\n }\n\n nav.sidebar-closed {\n width: fit-content;\n\n :host {\n --nav-bar-width: fit-content;\n }\n }\n\n details {\n border-radius: var(--border-radius-100);\n\n summary {\n font-size: var(--menu-font-size);\n line-height: var(--font-line-height-100);\n position: relative;\n display: flex;\n align-items: baseline;\n\n &::marker {\n display: none;\n }\n\n &::-webkit-details-marker {\n display: none;\n }\n }\n\n .chevron {\n margin-left: auto;\n margin-right: var(--space-scale-1);\n width: var(--space-scale-2);\n }\n\n &[open] .chevron svg {\n transform: rotate(180deg);\n }\n\n .dropdown-items {\n display: flex;\n flex-direction: column;\n }\n }\n\n details > summary {\n display: flex;\n gap: var(--space-scale-1-5);\n padding: var(--space-scale-1);\n border-radius: var(--border-radius-100);\n color: var(--nav-item-color);\n align-items: center;\n\n a {\n color: var(--nav-item-color);\n }\n\n &:hover,\n &:focus-visible {\n background-color: var(--color-surface-inverted-200);\n border-radius: var(--border-radius-100);\n text-decoration: none;\n }\n }\n\n .sidebar-closed details:has(.current-page) > summary {\n --nav-item-color: var(--color-primary-400);\n border-radius: var(--border-radius-100);\n background-color: var(--color-primary-100);\n color: var(--nav-item-color);\n }\n\n .sub-nav-item {\n width: 100%;\n display: flex;\n padding-left: 44px;\n padding-top: 10px;\n padding-bottom: 10px;\n color: var(--color-text-inverted-400);\n font-size: var(--menu-font-size);\n line-height: var(--font-line-height-100);\n text-decoration: none;\n\n button {\n color: var(--color-text-inverted-400);\n padding: 0;\n }\n }\n\n .sub-nav-item:hover,\n .sub-nav-item:focus-visible,\n .nav-item:hover,\n .nav-item:focus-visible {\n background-color: var(--color-surface-inverted-200);\n border-radius: var(--border-radius-100);\n text-decoration: none;\n color: var(--color-text-inverted-400);\n\n .icon {\n color: var(--color-text-inverted-400);\n }\n }\n\n .current-page {\n --nav-item-color: var(--color-primary-400);\n border-radius: var(--border-radius-100);\n background-color: var(--color-primary-100);\n color: var(--nav-item-color);\n }\n\n .link-page {\n display: flex;\n position: absolute;\n overflow: auto;\n flex-direction: column;\n gap: var(--space-scale-4);\n padding: var(--space-scale-5);\n left: var(--nav-bar-width);\n background-color: var(--color-surface-200);\n width: calc(100% - var(--nav-bar-width));\n height: 100%;\n }\n\n .tooltip {\n position: absolute;\n display: flex;\n white-space: nowrap;\n align-items: center;\n gap: var(--space-scale-1);\n color: black;\n background-color: var(--color-surface-600);\n padding: var(--space-scale-1);\n z-index: 1000;\n border-radius: var(--border-radius-50);\n font-weight: var(--font-weight-medium);\n }\n\n .nav-toggle-button {\n position: relative;\n }\n\n .nav-toggle-tooltip {\n left: 100%;\n top: 100%;\n visibility: hidden;\n opacity: 0;\n }\n\n .nav-toggle-button:hover .nav-toggle-tooltip {\n visibility: visible;\n opacity: 1;\n }\n\n #client-selector {\n display: flex;\n align-items: center;\n padding: var(--space-scale-1) 0;\n margin-bottom: var(--space-scale-2);\n }\n\n #client-selector tt-combobox {\n --tt-combobox-color: var(--color-text-inverted-400);\n --tt-combobox-dropdown-color: var(--color-text-inverted-400);\n --tt-combobox-list-background-color: var(--color-surface-inverted-100);\n --tt-combobox-option-background-color-hover: var(--color-surface-inverted-200);\n --tt-combobox-placeholder-color: var(--color-text-inverted-300);\n --tt-combobox-background-color: var(--color-surface-inverted-100);\n --tt-combobox-hover-background-color: var(--color-surface-inverted-200);\n --tt-combobox-list-max-width: 80ch;\n --tt-combobox-min-width: 244px;\n --tt-combobox-max-width: 244px;\n --tt-combobox-option-selected-color: var(--color-text-inverted-500);\n --tt-combobox-border-color: var(--color-surface-inverted-200);\n }\n\n .single-client-name {\n height: 39px;\n padding: var(--space-scale-1); /* match tt-combobox height */\n font-size: var(--font-size-200);\n color: var(--color-text-inverted-200);\n text-wrap: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n`;\n"]}