@rxap/layout 16.0.0-dev.4 → 16.0.0-dev.41

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 (54) hide show
  1. package/CHANGELOG.md +267 -0
  2. package/LICENSE +621 -0
  3. package/LICENSE.md +621 -0
  4. package/README.md +1 -1
  5. package/esm2022/index.mjs +2 -6
  6. package/esm2022/lib/app-url.service.mjs +66 -0
  7. package/esm2022/lib/footer/footer.component.mjs +3 -3
  8. package/esm2022/lib/header/apps-button/apps-button.component.mjs +29 -46
  9. package/esm2022/lib/header/header.component.mjs +44 -66
  10. package/esm2022/lib/header/language-selector/language-selector.component.mjs +13 -72
  11. package/esm2022/lib/header/navigation-progress-bar/navigation-progress-bar.component.mjs +6 -2
  12. package/esm2022/lib/header/reset-button/reset-button.component.mjs +3 -3
  13. package/esm2022/lib/header/settings-button/settings-button.component.mjs +87 -0
  14. package/esm2022/lib/header/sidenav-toggle-button/sidenav-toggle-button.component.mjs +19 -18
  15. package/esm2022/lib/header/sign-out/sign-out.component.mjs +14 -18
  16. package/esm2022/lib/header/user-profile-icon/user-profile-icon.component.mjs +31 -28
  17. package/esm2022/lib/layout/layout.component.mjs +68 -23
  18. package/esm2022/lib/layout/layout.component.service.mjs +54 -20
  19. package/esm2022/lib/navigation/navigation-item/navigation-item.component.mjs +50 -102
  20. package/esm2022/lib/navigation/navigation.component.mjs +26 -31
  21. package/esm2022/lib/sidenav/sidenav.component.mjs +3 -3
  22. package/esm2022/lib/sidenav/version/version.component.mjs +2 -8
  23. package/esm2022/lib/toggle-window-sidenav-button/toggle-window-sidenav-button.component.mjs +3 -3
  24. package/esm2022/lib/types.mjs +1 -1
  25. package/esm2022/lib/window-container-sidenav/window-container-sidenav.component.mjs +6 -7
  26. package/fesm2022/rxap-layout.mjs +710 -722
  27. package/fesm2022/rxap-layout.mjs.map +1 -1
  28. package/index.d.ts +1 -3
  29. package/lib/app-url.service.d.ts +26 -0
  30. package/lib/header/apps-button/apps-button.component.d.ts +12 -20
  31. package/lib/header/header.component.d.ts +9 -19
  32. package/lib/header/language-selector/language-selector.component.d.ts +1 -16
  33. package/lib/header/settings-button/settings-button.component.d.ts +39 -0
  34. package/lib/header/sidenav-toggle-button/sidenav-toggle-button.component.d.ts +6 -3
  35. package/lib/header/sign-out/sign-out.component.d.ts +4 -4
  36. package/lib/header/user-profile-icon/user-profile-icon.component.d.ts +13 -9
  37. package/lib/layout/layout.component.d.ts +21 -5
  38. package/lib/layout/layout.component.service.d.ts +15 -9
  39. package/lib/navigation/navigation-item/navigation-item.component.d.ts +10 -17
  40. package/lib/navigation/navigation.component.d.ts +5 -5
  41. package/lib/types.d.ts +3 -2
  42. package/package.json +93 -41
  43. package/theme.css +1 -0
  44. package/esm2022/lib/layout/layout.component.module.mjs +0 -30
  45. package/esm2022/lib/sidenav-content/sidenav-content.component.mjs +0 -27
  46. package/esm2022/lib/sidenav-content/sidenav-content.component.service.mjs +0 -36
  47. package/lib/layout/layout.component.module.d.ts +0 -10
  48. package/lib/sidenav-content/sidenav-content.component.d.ts +0 -10
  49. package/lib/sidenav-content/sidenav-content.component.service.d.ts +0 -15
  50. package/src/lib/header/apps-button/_apps-button.component.theme.scss +0 -45
  51. package/src/lib/navigation/_navigation.component.theme.scss +0 -33
  52. package/src/lib/navigation/navigation-item/_navigation-item.component.theme.scss +0 -45
  53. package/src/lib/sidenav/_sidenav.component.theme.scss +0 -65
  54. package/src/lib/toggle-window-sidenav-button/_toggle-window-sidenav-button.component.theme.scss +0 -15
package/theme.css ADDED
@@ -0,0 +1 @@
1
+ .container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-left-width:.25rem;border-left-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);font-size:.875em;border-radius:.3125rem;padding:.1875em .375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:initial;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:initial}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.right-0{right:0}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}.m-8{margin:2rem}.mx-16{margin-left:4rem;margin-right:4rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-3{height:.75rem}.h-6{height:1.5rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-3{width:.75rem}.w-96{width:24rem}.w-full{width:100%}.min-w-full{min-width:100%}.\!max-w-none{max-width:none!important}.max-w-6xl{max-width:72rem}.grow{flex-grow:1}.grow-0{flex-grow:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-stretch{justify-items:stretch}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-5{row-gap:1.25rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-accent-600{border-color:var(--accent-600)}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-green-900{--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity))}.bg-primary-500{background-color:var(--primary-500)}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-red-900{background-color:rgb(127 29 29/var(--tw-bg-opacity))}.bg-red-900,.bg-white{--tw-bg-opacity:1}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity))}.bg-yellow-900{--tw-bg-opacity:1;background-color:rgb(113 63 18/var(--tw-bg-opacity))}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-16{padding-left:4rem;padding-right:4rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-2{padding-bottom:.5rem}.pl-0{padding-left:0}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-5{padding-right:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.text-accent-400{color:var(--accent-400)}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-green-300{--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-neutral-700{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity))}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px #00000026)}.drop-shadow-2xl,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-colors{transition-duration:.15s}:is(.dark .dark\:prose-invert){--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}:is(.dark .dark\:bg-black){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-900){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}:is(.dark .dark\:bg-green-900){--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity))}:is(.dark .dark\:bg-red-900){--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity))}:is(.dark .dark\:bg-yellow-900){--tw-bg-opacity:1;background-color:rgb(113 63 18/var(--tw-bg-opacity))}:is(.dark .dark\:text-green-300){--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity))}:is(.dark .dark\:text-neutral-400){--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity))}:is(.dark .dark\:text-red-300){--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity))}:is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .dark\:text-yellow-300){--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity))}:is(.dark .dark\:hover\:bg-gray-900:hover){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:text-white:hover){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:768px){.md\:w-1\/2{width:50%}}
@@ -1,30 +0,0 @@
1
- import { NgModule, } from '@angular/core';
2
- import { LayoutComponent } from './layout.component';
3
- import { RXAP_NAVIGATION_CONFIG } from '../tokens';
4
- import * as i0 from "@angular/core";
5
- export class LayoutModule {
6
- static withNavigation(navigation) {
7
- return {
8
- ngModule: LayoutModule,
9
- providers: [
10
- {
11
- provide: RXAP_NAVIGATION_CONFIG,
12
- useValue: navigation,
13
- },
14
- ],
15
- };
16
- }
17
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: LayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
18
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: LayoutModule, imports: [LayoutComponent], exports: [LayoutComponent] }); }
19
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: LayoutModule, imports: [LayoutComponent] }); }
20
- }
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: LayoutModule, decorators: [{
22
- type: NgModule,
23
- args: [{
24
- imports: [
25
- LayoutComponent,
26
- ],
27
- exports: [LayoutComponent],
28
- }]
29
- }] });
30
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmNvbXBvbmVudC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyL2xheW91dC9zcmMvbGliL2xheW91dC9sYXlvdXQuY29tcG9uZW50Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsUUFBUSxHQUNULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUlyRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxXQUFXLENBQUM7O0FBUW5ELE1BQU0sT0FBTyxZQUFZO0lBRWhCLE1BQU0sQ0FBQyxjQUFjLENBQUMsVUFBaUU7UUFFNUYsT0FBTztZQUNMLFFBQVEsRUFBRSxZQUFZO1lBQ3RCLFNBQVMsRUFBRTtnQkFDVDtvQkFDRSxPQUFPLEVBQUUsc0JBQXNCO29CQUMvQixRQUFRLEVBQUUsVUFBVTtpQkFDckI7YUFDRjtTQUNGLENBQUM7SUFDSixDQUFDOzhHQWJVLFlBQVk7K0dBQVosWUFBWSxZQUpyQixlQUFlLGFBRU4sZUFBZTsrR0FFZixZQUFZLFlBSnJCLGVBQWU7OzJGQUlOLFlBQVk7a0JBTnhCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLGVBQWU7cUJBQ2hCO29CQUNELE9BQU8sRUFBRSxDQUFFLGVBQWUsQ0FBRTtpQkFDN0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBNb2R1bGVXaXRoUHJvdmlkZXJzLFxuICBOZ01vZHVsZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMYXlvdXRDb21wb25lbnQgfSBmcm9tICcuL2xheW91dC5jb21wb25lbnQnO1xuXG5cbmltcG9ydCB7IE5hdmlnYXRpb25XaXRoSW5zZXJ0cyB9IGZyb20gJy4uL25hdmlnYXRpb24vbmF2aWdhdGlvbi1pdGVtJztcbmltcG9ydCB7IFJYQVBfTkFWSUdBVElPTl9DT05GSUcgfSBmcm9tICcuLi90b2tlbnMnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgTGF5b3V0Q29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbIExheW91dENvbXBvbmVudCBdLFxufSlcbmV4cG9ydCBjbGFzcyBMYXlvdXRNb2R1bGUge1xuXG4gIHB1YmxpYyBzdGF0aWMgd2l0aE5hdmlnYXRpb24obmF2aWdhdGlvbjogTmF2aWdhdGlvbldpdGhJbnNlcnRzIHwgKCgpID0+IE5hdmlnYXRpb25XaXRoSW5zZXJ0cykpOiBNb2R1bGVXaXRoUHJvdmlkZXJzPExheW91dE1vZHVsZT4ge1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIG5nTW9kdWxlOiBMYXlvdXRNb2R1bGUsXG4gICAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgIHByb3ZpZGU6IFJYQVBfTkFWSUdBVElPTl9DT05GSUcsXG4gICAgICAgICAgdXNlVmFsdWU6IG5hdmlnYXRpb24sXG4gICAgICAgIH0sXG4gICAgICBdLFxuICAgIH07XG4gIH1cblxufVxuIl19
@@ -1,27 +0,0 @@
1
- import { __decorate, __metadata } from "tslib";
2
- import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
3
- import { Required } from '@rxap/utilities';
4
- import { MatSidenav } from '@angular/material/sidenav';
5
- import { SidenavContentComponentService } from './sidenav-content.component.service';
6
- import { RouterOutlet } from '@angular/router';
7
- import { AsyncPipe, NgClass, NgStyle, } from '@angular/common';
8
- import * as i0 from "@angular/core";
9
- import * as i1 from "./sidenav-content.component.service";
10
- export class SidenavContentComponent {
11
- constructor(sccs) {
12
- this.sccs = sccs;
13
- }
14
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: SidenavContentComponent, deps: [{ token: i1.SidenavContentComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
15
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: SidenavContentComponent, isStandalone: true, selector: "rxap-sidenav-content", inputs: { sidenav: "sidenav" }, ngImport: i0, template: "<div [ngClass]=\"{ 'open': (sidenav.openedChange | async) }\" [ngStyle]=\"{\n height: sccs.innerHeight$ | async,\n marginTop: sccs.marginTop$ | async,\n marginBottom: sccs.marginBottom$ | async\n}\" class=\"container\">\n <!-- <dx-breadcrumb></dx-breadcrumb>-->\n <div class=\"inner\">\n <router-outlet></router-outlet>\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".container .inner{padding:0;overflow:auto;height:100%}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
16
- }
17
- __decorate([
18
- Required,
19
- __metadata("design:type", MatSidenav)
20
- ], SidenavContentComponent.prototype, "sidenav", void 0);
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: SidenavContentComponent, decorators: [{
22
- type: Component,
23
- args: [{ selector: 'rxap-sidenav-content', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass, NgStyle, RouterOutlet, AsyncPipe], template: "<div [ngClass]=\"{ 'open': (sidenav.openedChange | async) }\" [ngStyle]=\"{\n height: sccs.innerHeight$ | async,\n marginTop: sccs.marginTop$ | async,\n marginBottom: sccs.marginBottom$ | async\n}\" class=\"container\">\n <!-- <dx-breadcrumb></dx-breadcrumb>-->\n <div class=\"inner\">\n <router-outlet></router-outlet>\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".container .inner{padding:0;overflow:auto;height:100%}\n"] }]
24
- }], ctorParameters: function () { return [{ type: i1.SidenavContentComponentService }]; }, propDecorators: { sidenav: [{
25
- type: Input
26
- }] } });
27
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXIvbGF5b3V0L3NyYy9saWIvc2lkZW5hdi1jb250ZW50L3NpZGVuYXYtY29udGVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyL2xheW91dC9zcmMvbGliL3NpZGVuYXYtY29udGVudC9zaWRlbmF2LWNvbnRlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDM0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0wsU0FBUyxFQUNULE9BQU8sRUFDUCxPQUFPLEdBQ1IsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBVXpCLE1BQU0sT0FBTyx1QkFBdUI7SUFJbEMsWUFBNEIsSUFBb0M7UUFBcEMsU0FBSSxHQUFKLElBQUksQ0FBZ0M7SUFDaEUsQ0FBQzs4R0FMVSx1QkFBdUI7a0dBQXZCLHVCQUF1QixnSEN2QnBDLDZYQVdBLGtIRFVhLE9BQU8sb0ZBQUUsT0FBTywyRUFBRSxZQUFZLHNKQUFFLFNBQVM7O0FBSTFCO0lBQWhCLFFBQVE7OEJBQWtCLFVBQVU7d0RBQUM7MkZBRnBDLHVCQUF1QjtrQkFSbkMsU0FBUzsrQkFDRSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxTQUFTLENBQUU7cUhBSTVCLE9BQU87c0JBQWhDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZXF1aXJlZCB9IGZyb20gJ0ByeGFwL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBNYXRTaWRlbmF2IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XG5pbXBvcnQgeyBTaWRlbmF2Q29udGVudENvbXBvbmVudFNlcnZpY2UgfSBmcm9tICcuL3NpZGVuYXYtY29udGVudC5jb21wb25lbnQuc2VydmljZSc7XG5pbXBvcnQgeyBSb3V0ZXJPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHtcbiAgQXN5bmNQaXBlLFxuICBOZ0NsYXNzLFxuICBOZ1N0eWxlLFxufSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyeGFwLXNpZGVuYXYtY29udGVudCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlbmF2LWNvbnRlbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vc2lkZW5hdi1jb250ZW50LmNvbXBvbmVudC5zY3NzJyBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogWyBOZ0NsYXNzLCBOZ1N0eWxlLCBSb3V0ZXJPdXRsZXQsIEFzeW5jUGlwZSBdLFxufSlcbmV4cG9ydCBjbGFzcyBTaWRlbmF2Q29udGVudENvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgQFJlcXVpcmVkIHB1YmxpYyBzaWRlbmF2ITogTWF0U2lkZW5hdjtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcmVhZG9ubHkgc2NjczogU2lkZW5hdkNvbnRlbnRDb21wb25lbnRTZXJ2aWNlKSB7XG4gIH1cbn1cbiIsIjxkaXYgW25nQ2xhc3NdPVwieyAnb3Blbic6IChzaWRlbmF2Lm9wZW5lZENoYW5nZSB8IGFzeW5jKSB9XCIgW25nU3R5bGVdPVwie1xuICBoZWlnaHQ6IHNjY3MuaW5uZXJIZWlnaHQkIHwgYXN5bmMsXG4gIG1hcmdpblRvcDogc2Njcy5tYXJnaW5Ub3AkIHwgYXN5bmMsXG4gIG1hcmdpbkJvdHRvbTogc2Njcy5tYXJnaW5Cb3R0b20kIHwgYXN5bmNcbn1cIiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICA8IS0tICA8ZHgtYnJlYWRjcnVtYj48L2R4LWJyZWFkY3J1bWI+LS0+XG4gIDxkaXYgY2xhc3M9XCJpbm5lclwiPlxuICAgIDxyb3V0ZXItb3V0bGV0Pjwvcm91dGVyLW91dGxldD5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
@@ -1,36 +0,0 @@
1
- import { Inject, Injectable, } from '@angular/core';
2
- import { FooterService, HeaderService, } from '@rxap/services';
3
- import { BehaviorSubject, combineLatest, } from 'rxjs';
4
- import { map, tap, } from 'rxjs/operators';
5
- import * as i0 from "@angular/core";
6
- import * as i1 from "@rxap/services";
7
- export class SidenavContentComponentService {
8
- constructor(footerComponentService, headerComponentService) {
9
- this.footerComponentService = footerComponentService;
10
- this.headerComponentService = headerComponentService;
11
- this.headerRows$ = new BehaviorSubject(1);
12
- this.headerRows$.next(this.headerComponentService.countComponent);
13
- this.footerComponentService.portalCount$.pipe().subscribe();
14
- this.footerRows$ = this.footerComponentService.portalCount$;
15
- this.headerComponentService.update$.pipe(tap(() => this.headerRows$.next(this.headerComponentService.countComponent))).subscribe();
16
- this.innerHeight$ = combineLatest([
17
- this.headerRows$,
18
- this.footerRows$,
19
- ]).pipe(map(([headerRows, footerRows]) => `calc(100% - ${64 * (headerRows + footerRows)}px)`));
20
- this.marginTop$ = this.headerRows$.pipe(map(headerRows => `${headerRows * 64}px`));
21
- this.marginBottom$ = this.footerRows$.pipe(map(footerRows => `${footerRows * 64}px`));
22
- }
23
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: SidenavContentComponentService, deps: [{ token: FooterService }, { token: HeaderService }], target: i0.ɵɵFactoryTarget.Injectable }); }
24
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: SidenavContentComponentService, providedIn: 'root' }); }
25
- }
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: SidenavContentComponentService, decorators: [{
27
- type: Injectable,
28
- args: [{ providedIn: 'root' }]
29
- }], ctorParameters: function () { return [{ type: i1.FooterService, decorators: [{
30
- type: Inject,
31
- args: [FooterService]
32
- }] }, { type: i1.HeaderService, decorators: [{
33
- type: Inject,
34
- args: [HeaderService]
35
- }] }]; } });
36
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1jb250ZW50LmNvbXBvbmVudC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci9sYXlvdXQvc3JjL2xpYi9zaWRlbmF2LWNvbnRlbnQvc2lkZW5hdi1jb250ZW50LmNvbXBvbmVudC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxNQUFNLEVBQ04sVUFBVSxHQUNYLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxhQUFhLEVBQ2IsYUFBYSxHQUNkLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxFQUNMLGVBQWUsRUFDZixhQUFhLEdBRWQsTUFBTSxNQUFNLENBQUM7QUFDZCxPQUFPLEVBQ0wsR0FBRyxFQUNILEdBQUcsR0FDSixNQUFNLGdCQUFnQixDQUFDOzs7QUFHeEIsTUFBTSxPQUFPLDhCQUE4QjtJQVF6QyxZQUN5QyxzQkFBcUMsRUFDckMsc0JBQXFDO1FBRHJDLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBZTtRQUNyQywyQkFBc0IsR0FBdEIsc0JBQXNCLENBQWU7UUFSdkUsZ0JBQVcsR0FBRyxJQUFJLGVBQWUsQ0FBUyxDQUFDLENBQUMsQ0FBQztRQVVsRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsY0FBYyxDQUFDLENBQUM7UUFFbEUsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUU1RCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUM7UUFFNUQsSUFBSSxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQ3RDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FDN0UsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUVkLElBQUksQ0FBQyxZQUFZLEdBQUcsYUFBYSxDQUFDO1lBQ2hDLElBQUksQ0FBQyxXQUFXO1lBQ2hCLElBQUksQ0FBQyxXQUFXO1NBQ2pCLENBQUMsQ0FBQyxJQUFJLENBQ0wsR0FBRyxDQUFDLENBQUMsQ0FBRSxVQUFVLEVBQUUsVUFBVSxDQUFFLEVBQUUsRUFBRSxDQUFDLGVBQWdCLEVBQUUsR0FBRyxDQUFDLFVBQVUsR0FBRyxVQUFVLENBQUUsS0FBSyxDQUFDLENBQzFGLENBQUM7UUFFRixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUNyQyxHQUFHLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxHQUFJLFVBQVUsR0FBRyxFQUFHLElBQUksQ0FBQyxDQUM1QyxDQUFDO1FBRUYsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FDeEMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsR0FBSSxVQUFVLEdBQUcsRUFBRyxJQUFJLENBQUMsQ0FDNUMsQ0FBQztJQUVKLENBQUM7OEdBckNVLDhCQUE4QixrQkFTL0IsYUFBYSxhQUNiLGFBQWE7a0hBVlosOEJBQThCLGNBRGpCLE1BQU07OzJGQUNuQiw4QkFBOEI7a0JBRDFDLFVBQVU7bUJBQUMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFOzswQkFVN0IsTUFBTTsyQkFBQyxhQUFhOzswQkFDcEIsTUFBTTsyQkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgSW5qZWN0LFxuICBJbmplY3RhYmxlLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEZvb3RlclNlcnZpY2UsXG4gIEhlYWRlclNlcnZpY2UsXG59IGZyb20gJ0ByeGFwL3NlcnZpY2VzJztcbmltcG9ydCB7XG4gIEJlaGF2aW9yU3ViamVjdCxcbiAgY29tYmluZUxhdGVzdCxcbiAgT2JzZXJ2YWJsZSxcbn0gZnJvbSAncnhqcyc7XG5pbXBvcnQge1xuICBtYXAsXG4gIHRhcCxcbn0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46ICdyb290JyB9KVxuZXhwb3J0IGNsYXNzIFNpZGVuYXZDb250ZW50Q29tcG9uZW50U2VydmljZSB7XG5cbiAgcHVibGljIGhlYWRlclJvd3MkID0gbmV3IEJlaGF2aW9yU3ViamVjdDxudW1iZXI+KDEpO1xuICBwdWJsaWMgZm9vdGVyUm93cyQ6IE9ic2VydmFibGU8bnVtYmVyPjtcbiAgcHVibGljIGlubmVySGVpZ2h0JDogT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICBwdWJsaWMgbWFyZ2luVG9wJDogT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICBwdWJsaWMgbWFyZ2luQm90dG9tJDogT2JzZXJ2YWJsZTxzdHJpbmc+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoRm9vdGVyU2VydmljZSkgcHVibGljIHJlYWRvbmx5IGZvb3RlckNvbXBvbmVudFNlcnZpY2U6IEZvb3RlclNlcnZpY2UsXG4gICAgQEluamVjdChIZWFkZXJTZXJ2aWNlKSBwdWJsaWMgcmVhZG9ubHkgaGVhZGVyQ29tcG9uZW50U2VydmljZTogSGVhZGVyU2VydmljZSxcbiAgKSB7XG4gICAgdGhpcy5oZWFkZXJSb3dzJC5uZXh0KHRoaXMuaGVhZGVyQ29tcG9uZW50U2VydmljZS5jb3VudENvbXBvbmVudCk7XG5cbiAgICB0aGlzLmZvb3RlckNvbXBvbmVudFNlcnZpY2UucG9ydGFsQ291bnQkLnBpcGUoKS5zdWJzY3JpYmUoKTtcblxuICAgIHRoaXMuZm9vdGVyUm93cyQgPSB0aGlzLmZvb3RlckNvbXBvbmVudFNlcnZpY2UucG9ydGFsQ291bnQkO1xuXG4gICAgdGhpcy5oZWFkZXJDb21wb25lbnRTZXJ2aWNlLnVwZGF0ZSQucGlwZShcbiAgICAgIHRhcCgoKSA9PiB0aGlzLmhlYWRlclJvd3MkLm5leHQodGhpcy5oZWFkZXJDb21wb25lbnRTZXJ2aWNlLmNvdW50Q29tcG9uZW50KSksXG4gICAgKS5zdWJzY3JpYmUoKTtcblxuICAgIHRoaXMuaW5uZXJIZWlnaHQkID0gY29tYmluZUxhdGVzdChbXG4gICAgICB0aGlzLmhlYWRlclJvd3MkLFxuICAgICAgdGhpcy5mb290ZXJSb3dzJCxcbiAgICBdKS5waXBlKFxuICAgICAgbWFwKChbIGhlYWRlclJvd3MsIGZvb3RlclJvd3MgXSkgPT4gYGNhbGMoMTAwJSAtICR7IDY0ICogKGhlYWRlclJvd3MgKyBmb290ZXJSb3dzKSB9cHgpYCksXG4gICAgKTtcblxuICAgIHRoaXMubWFyZ2luVG9wJCA9IHRoaXMuaGVhZGVyUm93cyQucGlwZShcbiAgICAgIG1hcChoZWFkZXJSb3dzID0+IGAkeyBoZWFkZXJSb3dzICogNjQgfXB4YCksXG4gICAgKTtcblxuICAgIHRoaXMubWFyZ2luQm90dG9tJCA9IHRoaXMuZm9vdGVyUm93cyQucGlwZShcbiAgICAgIG1hcChmb290ZXJSb3dzID0+IGAkeyBmb290ZXJSb3dzICogNjQgfXB4YCksXG4gICAgKTtcblxuICB9XG5cbn1cbiJdfQ==
@@ -1,10 +0,0 @@
1
- import { ModuleWithProviders } from '@angular/core';
2
- import { NavigationWithInserts } from '../navigation/navigation-item';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "./layout.component";
5
- export declare class LayoutModule {
6
- static withNavigation(navigation: NavigationWithInserts | (() => NavigationWithInserts)): ModuleWithProviders<LayoutModule>;
7
- static ɵfac: i0.ɵɵFactoryDeclaration<LayoutModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<LayoutModule, never, [typeof i1.LayoutComponent], [typeof i1.LayoutComponent]>;
9
- static ɵinj: i0.ɵɵInjectorDeclaration<LayoutModule>;
10
- }
@@ -1,10 +0,0 @@
1
- import { MatSidenav } from '@angular/material/sidenav';
2
- import { SidenavContentComponentService } from './sidenav-content.component.service';
3
- import * as i0 from "@angular/core";
4
- export declare class SidenavContentComponent {
5
- readonly sccs: SidenavContentComponentService;
6
- sidenav: MatSidenav;
7
- constructor(sccs: SidenavContentComponentService);
8
- static ɵfac: i0.ɵɵFactoryDeclaration<SidenavContentComponent, never>;
9
- static ɵcmp: i0.ɵɵComponentDeclaration<SidenavContentComponent, "rxap-sidenav-content", never, { "sidenav": { "alias": "sidenav"; "required": false; }; }, {}, never, ["*"], true, never>;
10
- }
@@ -1,15 +0,0 @@
1
- import { FooterService, HeaderService } from '@rxap/services';
2
- import { BehaviorSubject, Observable } from 'rxjs';
3
- import * as i0 from "@angular/core";
4
- export declare class SidenavContentComponentService {
5
- readonly footerComponentService: FooterService;
6
- readonly headerComponentService: HeaderService;
7
- headerRows$: BehaviorSubject<number>;
8
- footerRows$: Observable<number>;
9
- innerHeight$: Observable<string>;
10
- marginTop$: Observable<string>;
11
- marginBottom$: Observable<string>;
12
- constructor(footerComponentService: FooterService, headerComponentService: HeaderService);
13
- static ɵfac: i0.ɵɵFactoryDeclaration<SidenavContentComponentService, never>;
14
- static ɵprov: i0.ɵɵInjectableDeclaration<SidenavContentComponentService>;
15
- }
@@ -1,45 +0,0 @@
1
- @mixin rxap-apps-button-theme($theme) {
2
- $foreground: map-get($theme, foreground);
3
- $background: map-get($theme, background);
4
- $accent: map-get($theme, accent);
5
- $primary: map-get($theme, primary);
6
- $warn: map-get($theme, warn);
7
- $isDark: map-get($theme, is-dark);
8
-
9
- .rxap-apps-button {
10
-
11
-
12
- }
13
-
14
- .cdk-overlay-container {
15
-
16
- .grid-container {
17
- background-color: map-get($background, dialog);
18
-
19
- .grid {
20
-
21
- li:not(.empty) {
22
-
23
- &:hover {
24
- background-color: map-get($background, hover);
25
- cursor: pointer;
26
- }
27
-
28
- &:active {
29
- background: map-get($background, focused-button);
30
- }
31
-
32
- }
33
-
34
- }
35
-
36
- }
37
-
38
- }
39
-
40
- }
41
-
42
- @mixin rxap-apps-button-typography($config) {
43
- .rxap-apps-button {
44
- }
45
- }
@@ -1,33 +0,0 @@
1
- @use '@angular/material' as mat;
2
-
3
- @mixin rxap-navigation-theme($theme) {
4
- $foreground: map-get($theme, foreground);
5
- $background: map-get($theme, background);
6
- $accent: map-get($theme, accent);
7
- $isDark: map-get($theme, is-dark);
8
-
9
- .rxap-navigation {
10
-
11
- .divider-title {
12
- color: map-get($foreground, hint-text);
13
- }
14
-
15
- .item {
16
- $border-width: 4px;
17
- border-left: $border-width solid transparent;
18
-
19
- &.active {
20
- border-left: $border-width solid mat.get-color-from-palette($accent);
21
- }
22
-
23
- }
24
-
25
- }
26
-
27
- }
28
-
29
- @mixin rxap-navigation-typography($config) {
30
- .rxap-navigation {
31
-
32
- }
33
- }
@@ -1,45 +0,0 @@
1
- @use '@angular/material' as mat;
2
-
3
- @mixin rxap-navigation-item-theme($theme) {
4
- $foreground: map-get($theme, foreground);
5
- $background: map-get($theme, background);
6
- $accent: map-get($theme, accent);
7
- $isDark: map-get($theme, is-dark);
8
-
9
- .rxap-navigation-item, .navigation-overlay-container {
10
-
11
- .navigation-link {
12
-
13
- color: map-get($foreground, hint-text);
14
-
15
- &:focus {
16
- outline: none;
17
- }
18
-
19
- &:hover {
20
- color: map-get($foreground, text);
21
- }
22
-
23
- &.link-active, &:active {
24
- @if $isDark {
25
- color: mat.get-color-from-palette($accent, 300);
26
- } @else {
27
- color: mat.get-color-from-palette($accent, 700);
28
- }
29
- }
30
-
31
- }
32
-
33
- }
34
-
35
- .navigation-overlay-container {
36
- background-color: map-get($background, dialog);
37
- }
38
-
39
- }
40
-
41
- @mixin rxap-navigation-item-typography($config) {
42
- .rxap-navigation-item {
43
-
44
- }
45
- }
@@ -1,65 +0,0 @@
1
- @use '@angular/material' as mat;
2
-
3
- @mixin rxap-sidenav-theme($theme) {
4
- $foreground: map-get($theme, foreground);
5
- $background: map-get($theme, background);
6
- $accent: map-get($theme, accent);
7
- $isDark: map-get($theme, is-dark);
8
-
9
- .rxap-layout-sidenav {
10
-
11
- background: mat.get-color-from-palette($background, card);
12
-
13
- .container {
14
-
15
- .inner {
16
-
17
- .nav-container {
18
-
19
- /* Handle */
20
- &::-webkit-scrollbar-thumb {
21
- background: mat.get-color-from-palette($accent, 100);
22
- }
23
-
24
- /* Handle on hover */
25
- &::-webkit-scrollbar-thumb:hover {
26
- background: mat.get-color-from-palette($accent, 300);
27
- }
28
-
29
- @if $isDark {
30
-
31
- /* Handle */
32
- &::-webkit-scrollbar-thumb {
33
- background: mat.get-color-from-palette($accent, 900);
34
- }
35
-
36
- /* Handle on hover */
37
- &::-webkit-scrollbar-thumb:hover {
38
- background: mat.get-color-from-palette($accent, 700);
39
- }
40
-
41
- }
42
-
43
- }
44
-
45
- }
46
-
47
- }
48
-
49
- .version {
50
- color: lightgray;
51
- }
52
-
53
- }
54
-
55
- }
56
-
57
- @mixin rxap-sidenav-typography($config) {
58
- .rxap-layout-sidenav {
59
-
60
- .version {
61
- font-size: 10px;
62
- }
63
-
64
- }
65
- }
@@ -1,15 +0,0 @@
1
- @mixin rxap-toggle-window-sidenav-button-theme($theme) {
2
- $foreground: map-get($theme, foreground);
3
- $background: map-get($theme, background);
4
- $accent: map-get($theme, accent);
5
-
6
- .rxap-toggle-window-sidenav-button {
7
-
8
- .toggle-button {
9
- background: map-get($background, background);
10
- border-color: rgba(255, 255, 255, 0.12);
11
- }
12
-
13
- }
14
-
15
- }