@jeraldj/discussions-ui 8.0.3-v16

package/README.md

@@ -0,0 +1,24 @@
+# DiscussionUi
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project discussion-ui` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project discussion-ui`.
+> Note: Don't forget to add `--project discussion-ui` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build discussion-ui` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build discussion-ui`, go to the dist folder `cd dist/discussion-ui` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test discussion-ui` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

package/assets/images/announcement.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>announcement</title>
+    <defs>
+        <polygon id="path-1" points="0.0002 0.0002 40 0.0002 40 40 0.0002 40"></polygon>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="announcement">
+            <g id="Group-3">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Clip-2"></g>
+                <path d="M40.0002,20.0002 C40.0002,31.0452 31.0452,40.0002 20.0002,40.0002 C8.9542,40.0002 0.0002,31.0452 0.0002,20.0002 C0.0002,8.9542 8.9542,0.0002 20.0002,0.0002 C31.0452,0.0002 40.0002,8.9542 40.0002,20.0002" id="Fill-1" fill="#E4D7F7" mask="url(#mask-2)"></path>
+            </g>
+            <path d="M14.7492,21.4045 L10.2492,21.4045 L10.2492,28.1545 C10.2492,28.7585024 10.4907287,29.3266889 10.9088699,29.7448301 C11.3270111,30.1629713 11.8951976,30.4045 12.4992,30.4045 C13.7434136,30.4045 14.7492,29.3987136 14.7492,28.1545 L14.7492,21.4045 Z M11.749,22.904 L13.249,22.904 L13.2492,28.1545 C13.2492,28.5702864 12.9149864,28.9045 12.4992,28.9045 C12.2981205,28.9045 12.1098132,28.824453 11.9695301,28.6841699 L11.8927471,28.5945192 C11.8004301,28.468053 11.7492,28.3153636 11.7492,28.1545 L11.749,22.904 Z" id="Stroke-4" fill="#7653AB" fill-rule="nonzero"></path>
+            <path d="M24.7395,9.4045 L22.2395,9.4045 C21.2725157,9.4045 20.4895,10.1880568 20.4895,11.1545 L20.4895,11.7715 C20.4895,13.6503585 19.0926088,15.2492586 17.3038919,15.3918725 C17.2011535,15.4003601 17.1007615,15.4045 16.9995,15.4045 L10.4995,15.4045 C9.53528644,15.4045 8.7495,16.1902864 8.7495,17.1545 L8.7495,21.1545 C8.7495,22.1187136 9.53528644,22.9045 10.4995,22.9045 L16.9995,22.9045 C17.1007615,22.9045 17.2011535,22.9086399 17.3017271,22.9169517 C19.0926088,23.0597414 20.4895,24.6586415 20.4895,26.5375 L20.4895,27.1545 C20.4895,28.1209432 21.2725157,28.9045 22.2395,28.9045 L24.7395,28.9045 C25.7057136,28.9045 26.4895,28.1207136 26.4895,27.1545 L26.4895,11.1545 C26.4895,10.1882864 25.7057136,9.4045 24.7395,9.4045 Z M22.2395,10.9045 L24.7395,10.9045 C24.8772864,10.9045 24.9895,11.0167136 24.9895,11.1545 L24.9895,27.1545 C24.9895,27.2922864 24.8772864,27.4045 24.7395,27.4045 L22.2395,27.4045 C22.1011749,27.4045 21.9895,27.2927479 21.9895,27.1545 L21.9895,26.5375 C21.9895,23.8938379 20.0100456,21.6281283 17.4231081,21.4218725 C17.2835975,21.4103395 17.1419885,21.4045 16.9995,21.4045 L10.4995,21.4045 C10.3637136,21.4045 10.2495,21.2902864 10.2495,21.1545 L10.2495,17.1545 C10.2495,17.0187136 10.3637136,16.9045 10.4995,16.9045 L16.9995,16.9045 C17.1419885,16.9045 17.2835975,16.8986605 17.4252729,16.8869517 C20.0100456,16.6808717 21.9895,14.4151621 21.9895,11.7715 L21.9895,11.1545 C21.9895,11.0162521 22.1011749,10.9045 22.2395,10.9045 Z" id="Stroke-6" fill="#7653AB" fill-rule="nonzero"></path>
+            <path d="M10.2492,21.4045 L10.2492,16.9045 L9.4992,16.9045 C8.01753333,16.9045 6.7492,17.85575 6.7492,19.1545 C6.7492,20.45325 8.01753333,21.4045 9.4992,21.4045 L10.2492,21.4045 Z M8.749,18.561 L8.749,19.747 C8.4358,19.5979 8.2492,19.37125 8.2492,19.1545 C8.2492,18.93775 8.4358,18.7111 8.749,18.561 Z" id="Stroke-8" fill="#7653AB" fill-rule="nonzero"></path>
+            <path d="M16.9992,15.4045 C17.3788958,15.4045 17.692691,15.6866539 17.7423534,16.0527294 L17.7492,16.1545 L17.7492,22.1545 C17.7492,22.5687136 17.4134136,22.9045 16.9992,22.9045 C16.6195042,22.9045 16.305709,22.6223461 16.2560466,22.2562706 L16.2492,22.1545 L16.2492,16.1545 C16.2492,15.7402864 16.5849864,15.4045 16.9992,15.4045 Z" id="Stroke-10" fill="#7653AB" fill-rule="nonzero"></path>
+            <path d="M30.4992,18.4045 C30.9134136,18.4045 31.2492,18.7402864 31.2492,19.1545 C31.2492,19.5341958 30.9670461,19.847991 30.6009706,19.8976534 L30.4992,19.9045 L27.4992,19.9045 C27.0849864,19.9045 26.7492,19.5687136 26.7492,19.1545 C26.7492,18.7748042 27.0313539,18.461009 27.3974294,18.4113466 L27.4992,18.4045 L30.4992,18.4045 Z" id="Stroke-12" fill="#7653AB" fill-rule="nonzero"></path>
+            <path d="M30.1637898,13.9836796 C30.5342737,13.7984377 30.9847785,13.9486059 31.1700204,14.3190898 C31.3398255,14.6587 31.2277929,15.06555 30.9225747,15.2736834 L30.8346102,15.3253204 L27.8346102,16.8253204 C27.4641263,17.0105623 27.0136215,16.8603941 26.8283796,16.4899102 C26.6585745,16.1503 26.7706071,15.74345 27.0758253,15.5353166 L27.1637898,15.4836796 L30.1637898,13.9836796 Z" id="Stroke-14" fill="#7653AB" fill-rule="nonzero"></path>
+            <path d="M26.8283796,21.8190898 C26.9981847,21.4794796 27.3908843,21.3249957 27.7405219,21.4442902 L27.8346102,21.4836796 L30.8346102,22.9836796 C31.2050941,23.1689215 31.3552623,23.6194263 31.1700204,23.9899102 C31.0002153,24.3295204 30.6075157,24.4840043 30.2578781,24.3647098 L30.1637898,24.3253204 L27.1637898,22.8253204 C26.7933059,22.6400785 26.6431377,22.1895737 26.8283796,21.8190898 Z" id="Stroke-16" fill="#7653AB" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>

package/assets/images/delete.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>delete</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="delete" stroke="#231F20" stroke-width="1.5">
+            <path d="M17.0835,21.75 L5.4165,21.75 C4.7725,21.75 4.2505,21.228 4.2505,20.583 L4.2505,4.25 L18.2505,4.25 L18.2505,20.583 C18.2505,21.228 17.7275,21.75 17.0835,21.75 Z" id="Stroke-1"></path>
+            <line x1="0.75" y1="4.25" x2="21.75" y2="4.25" id="Stroke-3"></line>
+            <polygon id="Stroke-5" points="7.75 4.25 14.75 4.25 14.75 0.75 7.75 0.75"></polygon>
+            <line x1="9.3638" y1="7.75" x2="9.3638" y2="18.25" id="Stroke-7"></line>
+            <line x1="13" y1="7.75" x2="13" y2="18.25" id="Stroke-8"></line>
+        </g>
+    </g>
+</svg>

package/assets/images/down.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="10px" height="13px" viewBox="0 0 10 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>09511584-94A0-4A64-B3AD-DB25FE4DB9D4</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Artboard" transform="translate(-95.000000, -43.000000)" stroke="#024F9D" stroke-width="1.5">
+            <g id="down" transform="translate(100.000000, 49.500000) scale(1, -1) rotate(-180.000000) translate(-100.000000, -49.500000) translate(95.000000, 43.000000)">
+                <line x1="4.9641" y1="0.7499" x2="4.9641" y2="11.4779" id="Stroke-1"></line>
+                <polyline id="Stroke-3" points="9.1784 7.9018 4.9644 12.1158 0.7504 7.9018"></polyline>
+            </g>
+        </g>
+    </g>
+</svg>

package/assets/images/edit.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>edit</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="edit" stroke="#231F20" stroke-width="1.5">
+            <polygon id="Stroke-1" stroke-linecap="round" points="15.6149 0.7501 22.0519 7.1871 8.4899 20.7501 0.7499 22.0521 2.0519 14.3131"></polygon>
+            <line x1="12.2941" y1="4.0705" x2="18.7311" y2="10.5075" id="Stroke-3"></line>
+            <line x1="5.6119" y1="17.1901" x2="12.2939" y2="10.5081" id="Stroke-4" stroke-linecap="round"></line>
+        </g>
+    </g>
+</svg>

package/assets/images/empty.svg

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="222px" height="210px" viewBox="0 0 222 210" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>A3A075F4-85C9-4B95-86EA-8B76C67D6EC2</title>
+    <g id="Discussion-Forums-_-portal" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Discussion_forum_notags" transform="translate(-776.000000, -560.000000)">
+            <g id="tags/empty" transform="translate(776.000000, 560.000000)">
+                <g id="Group-20" transform="translate(138.136391, 76.774583)">
+                    <rect id="Rectangle-Copy-7" fill="#BEA95D" x="2" y="2" width="80.2495" height="33" rx="16.5"></rect>
+                    <rect id="Rectangle-Copy-3" fill="#FFD954" x="0" y="0" width="80.2495" height="33" rx="16.5"></rect>
+                </g>
+                <g id="Group-3" opacity="0.222353981" fill="#E9E8DA">
+                    <path d="M45.562546,136.149697 C45.562546,136.149697 62.0300784,92.5102314 38.1738088,91.7704687 C14.3172674,91.0309782 -11.9086718,85.1136934 5.82185074,52.9389161 C23.5518296,20.7641389 50.1327979,-17.3279232 88.7404447,8.55968783 C127.348092,34.447571 127.088208,39.6250932 153.259778,40.3645837 C179.431077,41.1043464 215.999889,76.2379021 185.341251,92.5102314 C154.682341,108.782561 165.141835,114.699573 153.447895,132.081547 C141.754226,149.46352 5.1474042,253.014781 45.562546,136.149697" id="Fill-1"></path>
+                </g>
+                <path d="M188.157062,203.147355 C188.157062,206.746922 176.31004,209.66609 161.696057,209.66609 C147.081067,209.66609 135.234044,206.746922 135.234044,203.147355 C135.234044,199.547787 147.081067,196.628619 161.696057,196.628619 C176.31004,196.628619 188.157062,199.547787 188.157062,203.147355" id="Fill-1" fill="#E9E8DA" transform="translate(161.695553, 203.147355) scale(-1, 1) translate(-161.695553, -203.147355) "></path>
+                <path d="M161.786172,199.019897 L161.705532,200.471417 L154.790653,198.990665 C154.982173,198.304218 155.143453,197.830458 155.143453,197.830458 L161.786172,199.019897 Z" id="Fill-13" fill="#F7AA66" transform="translate(158.288413, 199.150937) scale(-1, 1) translate(-158.288413, -199.150937) "></path>
+                <path d="M166.776988,103.209709 C166.707436,106.142989 162.865948,106.969549 162.865948,106.969549 L162.865948,108.353532 L157.584029,108.189228 L157.584029,103.271197 C157.795709,103.784269 158.058797,104.148157 158.420669,104.187469 C159.852029,104.338669 164.670268,104.792269 165.123868,100.044589 C165.578476,95.3069897 166.111708,96.6476296 166.978588,95.2263498 C167.331388,97.6354695 166.827388,101.284429 166.776988,103.209709" id="Fill-14" fill="#F7AA66" transform="translate(162.343549, 101.789941) scale(-1, 1) translate(-162.343549, -101.789941) "></path>
+                <path d="M162.347547,205.652638 C161.793147,206.762445 147.812189,204.958126 145.806269,204.403726 C144.364829,203.999518 145.030109,200.763838 145.513949,198.990766 L152.428828,200.471518 L152.388508,201.227518 C152.388508,201.227518 162.901947,204.543838 162.347547,205.652638" id="Fill-15" fill="#2D2B37" transform="translate(153.650161, 202.498702) scale(-1, 1) translate(-153.650161, -202.498702) "></path>
+                <path d="M166.898188,200.169622 L158.551948,198.587062 C159.136588,192.397943 163.198828,176.915065 163.198828,175.171225 C163.198828,173.436457 158.743468,163.760666 158.743468,163.760666 C158.662828,163.739498 158.592268,163.710266 158.521708,163.690106 C153.199469,161.986586 150.175469,159.335546 148.542509,156.482907 C146.18379,152.370267 146.70795,147.844348 147.36315,145.183228 C156.818189,147.57118 163.813708,144.598588 163.813708,144.598588 L163.753228,145.485628 C167.210667,149.467227 172.976427,165.282746 173.389707,171.572665 C173.813067,177.851496 166.898188,200.169622 166.898188,200.169622" id="Fill-16" fill="#024F9D" transform="translate(160.108580, 172.384105) scale(-1, 1) translate(-160.108580, -172.384105) "></path>
+                <path d="M140.298464,104.935304 C140.188592,106.082408 139.400336,111.774583 139.400336,111.774583 L135.797744,110.108359 L137.500256,104.668184 C137.500256,104.668184 136.67672,101.206712 137.500256,99.8076085 C138.323792,98.4074966 137.9216,101.576648 138.332864,101.412344 C138.332864,101.412344 138.293552,100.664408 138.394352,99.3136885 L138.394352,97.1394328 C138.394352,97.1394328 141.193568,95.6133209 140.298464,104.935304" id="Fill-17" fill="#F7AA66" transform="translate(138.136391, 104.410583) scale(-1, 1) translate(-138.136391, -104.410583) "></path>
+                <path d="M179.473867,111.112227 L178.847899,114.257186 C178.213867,117.402146 176.852059,119.912066 174.443947,120.023954 C172.03382,120.123746 162.811629,119.701394 162.811629,119.701394 L159.464061,142.542671 C153.739629,144.054671 147.05659,143.419631 143.588063,142.915631 C143.598143,142.885391 143.609231,142.864223 143.609231,142.864223 L143.609231,136.483584 C143.609231,136.483584 141.289823,137.642784 139.354463,137.835312 C137.419103,138.025824 136.643951,141.322991 136.259903,126.999313 C135.866783,112.685714 142.450031,112.493186 145.735102,110.750355 C149.021182,109.005507 148.19563,108.190035 148.19563,108.190035 L153.476541,107.705187 L154.010781,107.654787 L154.122669,109.126467 C154.122669,109.126467 160.090029,109.852227 162.709821,109.852227 C165.331628,109.852227 171.934028,113.108066 172.65878,113.420546 C173.395627,113.734034 175.178779,109.126467 175.178779,109.126467 L179.473867,111.112227 Z" id="Fill-18" fill="#DF5F4D" transform="translate(157.858459, 125.571529) scale(-1, 1) translate(-157.858459, -125.571529) "></path>
+                <polygon id="Fill-19" fill="#302293" transform="translate(166.912154, 198.082760) scale(-1, 1) translate(-166.912154, -198.082760) " points="168.630794 198.33476 165.173354 197.83076 168.650954 197.83076"></polygon>
+                <path d="M171.348555,203.022363 C171.348555,203.022363 161.802796,203.303595 159.585196,203.022363 C158.073197,202.839915 158.778797,200.472123 159.373517,199.000443 L165.048556,199.352235 L164.979004,201.087003 C173.556075,202.054683 171.348555,203.022363 171.348555,203.022363" id="Fill-20" fill="#2D2B37" transform="translate(165.141195, 201.073899) scale(-1, 1) translate(-165.141195, -201.073899) "></path>
+                <path d="M170.908874,198.33476 L170.868554,199.35284 L165.193514,199.00004 C165.475754,198.32468 165.727754,197.83076 165.727754,197.83076 L167.451434,197.83076 L170.908874,198.33476 Z" id="Fill-21" fill="#F7AA66" transform="translate(168.051194, 198.591800) scale(-1, 1) translate(-168.051194, -198.591800) "></path>
+                <path d="M169.322529,95.2165722 L169.322529,95.2266522 C168.455649,96.647932 167.921409,95.3072921 167.467809,100.044892 C167.014209,104.792571 162.19597,104.338971 160.76461,104.186763 C160.40173,104.147451 160.13965,103.784571 159.92797,103.270491 C159.33325,101.747403 159.21229,98.8554518 158.42605,98.6830838 C157.36765,98.4623318 157.44829,95.2165722 157.44829,95.2165722 C159.85741,90.6301726 164.907489,90.9224926 166.863009,90.7007326 C168.818529,90.4789726 170.179329,93.7852123 169.322529,95.2165722" id="Fill-22" fill="#2D3E50" transform="translate(163.515419, 97.481385) scale(-1, 1) translate(-163.515419, -97.481385) "></path>
+                <path d="M172.077952,166.371083 C171.452992,171.804203 170.475232,180.392362 170.182912,182.156362 C169.759552,184.767081 169.759552,199.0202 169.759552,199.0202 L162.008033,198.396248 L162.370913,160.494444 C164.588513,163.216044 167.85544,166.018283 172.077952,166.371083" id="Fill-23" fill="#063B72" transform="translate(167.042993, 179.757322) scale(-1, 1) translate(-167.042993, -179.757322) "></path>
+                <path d="M172.854213,142.542369 L172.704021,144.598689 C172.704021,144.598689 165.707493,147.57128 156.252454,145.183329 C156.554854,143.952561 156.887494,143.115921 156.978214,142.915329 C160.445734,143.419329 167.128773,144.054369 172.854213,142.542369" id="Fill-24" fill="#2D2B37" transform="translate(164.553334, 144.327046) scale(-1, 1) translate(-164.553334, -144.327046) "></path>
+                <path d="M159.514353,101.042106 C159.514353,101.042106 159.144417,102.968394 160.150401,102.507738 C161.156385,102.047082 161.397297,102.19929 161.397297,102.19929 C161.397297,102.19929 162.351873,105.567017 161.397297,106.111337 C160.443729,106.656665 157.43485,106.970153 157.43485,106.970153 L159.514353,101.042106 Z" id="Fill-25" fill="#2D3E50" transform="translate(159.628201, 104.006130) scale(-1, 1) translate(-159.628201, -104.006130) "></path>
+                <polygon id="Fill-26" fill="#A44133" transform="translate(171.743397, 128.331284) scale(-1, 1) translate(-171.743397, -128.331284) " points="171.379005 136.483483 172.853709 120.179085 170.633085 120.179085"></polygon>
+                <path d="M171.714568,163.689703 C171.62284,164.425543 171.523048,165.343831 171.40108,166.370982 C167.178569,166.01919 163.912649,163.215943 161.695049,160.494343 L161.735369,156.483511 C163.368329,159.336151 166.392329,161.987191 171.714568,163.689703" id="Fill-27" fill="#08284A" transform="translate(166.704809, 161.427247) scale(-1, 1) translate(-166.704809, -161.427247) "></path>
+                <polygon id="Fill-28" fill="#251F77" transform="translate(165.188172, 198.843598) scale(-1, 1) translate(-165.188172, -198.843598) " points="165.234036 198.344638 165.142308 199.352638 165.182628 198.334558"></polygon>
+                <path d="M71.4845438,68.7899411 L118.734044,68.7899411 C127.846742,68.7899411 135.234044,76.1772427 135.234044,85.2899411 C135.234044,94.4026394 127.846742,101.789941 118.734044,101.789941 L71.4845438,101.789941 C62.3718454,101.789941 54.9845438,94.4026394 54.9845438,85.2899411 C54.9845438,76.1772427 62.3718454,68.7899411 71.4845438,68.7899411 Z" id="Rectangle" stroke="#FFD954" stroke-width="0.899999976" fill="#FFF7EE" stroke-dasharray="3.599999904632568"></path>
+                <path d="M71.4845438,112.579882 L118.734044,112.579882 C127.846742,112.579882 135.234044,119.967184 135.234044,129.079882 C135.234044,138.192581 127.846742,145.579882 118.734044,145.579882 L71.4845438,145.579882 C62.3718454,145.579882 54.9845438,138.192581 54.9845438,129.079882 C54.9845438,119.967184 62.3718454,112.579882 71.4845438,112.579882 Z" id="Rectangle-Copy-9" stroke="#FFD954" stroke-width="0.899999976" fill="#FFF7EE" stroke-dasharray="3.599999904632568"></path>
+                <path d="M71.4845438,25 L118.734044,25 C127.846742,25 135.234044,32.3873016 135.234044,41.5 C135.234044,50.6126984 127.846742,58 118.734044,58 L71.4845438,58 C62.3718454,58 54.9845438,50.6126984 54.9845438,41.5 C54.9845438,32.3873016 62.3718454,25 71.4845438,25 Z" id="Rectangle-Copy" stroke="#FFD954" stroke-width="0.899999976" fill="#FFF7EE" stroke-dasharray="3.599999904632568"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/assets/images/general discussion.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>general discussion</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="announcement-copy">
+            <path d="M40.0002,20.0002 C40.0002,31.0452 31.0452,40.0002 20.0002,40.0002 C8.9542,40.0002 0.0002,31.0452 0.0002,20.0002 C0.0002,8.9542 8.9542,0.0002 20.0002,0.0002 C31.0452,0.0002 40.0002,8.9542 40.0002,20.0002" id="Fill-1" fill="#C9E3E6"></path>
+            <g id="Group-9" transform="translate(9.000000, 10.000000)" stroke="#3E777E" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
+                <path d="M15.4134896,6.67952982 L15.4134896,15.9594296 C15.4134896,16.5597296 14.9220896,17.0511295 14.3217896,17.0511295 L8.86328977,17.0511295 L3.9501899,20.3262295 L3.9501899,17.0511295 L1.76678995,17.0511295 C1.16648997,17.0511295 0.675089982,16.5597296 0.675089982,15.9594296 L0.675089982,6.67952982 C0.675089982,6.07922984 1.16648997,5.58782985 1.76678995,5.58782985 L14.3217896,5.58782985 C14.9220896,5.58782985 15.4134896,6.07922984 15.4134896,6.67952982 Z" id="Stroke-1"></path>
+                <path d="M21.9639594,1.76687995 L21.9639594,11.0467797 C21.9639594,11.6470797 21.4725594,12.1384797 20.8722594,12.1384797 L18.6888595,12.1384797 L18.6888595,15.4135796 L15.4137596,13.2301796 L15.4137596,6.67907982 C15.4137596,6.07967984 14.9223596,5.58827985 14.3220596,5.58827985 L7.22555981,5.58827985 L7.22555981,1.76687995 C7.22555981,1.16657997 7.7169598,0.675179982 8.31725978,0.675179982 L20.8722594,0.675179982 C21.4725594,0.675179982 21.9639594,1.16657997 21.9639594,1.76687995 Z" id="Stroke-3"></path>
+                <line x1="3.9503699" y1="10.5005697" x2="12.1385697" y2="10.5005697" id="Stroke-5"></line>
+                <line x1="3.9503699" y1="13.7757596" x2="8.86256977" y2="13.7757596" id="Stroke-7"></line>
+            </g>
+        </g>
+    </g>
+</svg>

package/assets/images/loader-icon.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(241, 242, 243); display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
+<circle cx="50" cy="50" fill="none" stroke="#64605f" stroke-width="10" r="35" stroke-dasharray="164.93361431346415 56.97787143782138">
+  <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" values="0 50 50;360 50 50" keyTimes="0;1"></animateTransform>
+</circle>
+<!-- [ldio] generated by https://loading.io/ --></svg>

package/assets/images/up.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="10px" height="13px" viewBox="0 0 10 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>9ADD2A87-E3F5-428E-847E-0F97739316F6</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Artboard" transform="translate(-54.000000, -43.000000)" stroke="#024F9D" stroke-width="1.5">
+            <g id="up" transform="translate(59.000000, 49.500000) rotate(-180.000000) translate(-59.000000, -49.500000) translate(54.000000, 43.000000)">
+                <line x1="4.9641" y1="0.7499" x2="4.9641" y2="11.4779" id="Stroke-1"></line>
+                <polyline id="Stroke-3" points="9.1784 7.9018 4.9644 12.1158 0.7504 7.9018"></polyline>
+            </g>
+        </g>
+    </g>
+</svg>

package/assets/images/views.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="17px" height="13px" viewBox="0 0 17 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>3E76862B-CCB2-45F1-BEEC-A4CD21DB3325</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Artboard" transform="translate(-179.000000, -43.000000)" stroke="#231F20" stroke-width="1.5">
+            <path d="M187.5,46 C189.318772,46 190.798291,47.57 190.798291,49.5 C190.798291,51.43 189.318772,53 187.5,53 C185.681228,53 184.201709,51.43 184.201709,49.5 C184.201709,47.57 185.681228,46 187.5,46 Z M194.929008,49.3126667 C193.698274,46.0853333 190.782585,44 187.5,44 C184.217415,44 181.301726,46.0853333 180.070992,49.3126667 L180,49.5 L180.070992,49.6873333 C181.301726,52.9146667 184.217415,55 187.5,55 C190.782585,55 193.698274,52.9146667 194.929008,49.6873333 L195,49.5 L194.929008,49.3126667 Z" id="views"></path>
+        </g>
+    </g>
+</svg>

package/assets/images/votes.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>8F6FCB43-A4D2-4592-A814-ECC53551E5DB</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Artboard" transform="translate(-135.000000, -42.000000)" stroke="#231F20" stroke-width="1.5">
+            <g id="votes" transform="translate(136.492960, 43.449940)">
+                <line x1="2.52858" y1="1.10012" x2="2.52858" y2="12.10012" id="Stroke-1" transform="translate(2.528580, 6.600120) rotate(-180.000000) translate(-2.528580, -6.600120) "></line>
+                <polyline id="Stroke-3" transform="translate(2.528400, 1.544780) rotate(-180.000000) translate(-2.528400, -1.544780) " points="5.0568 0.28058 2.5284 2.80898 1.05648823e-12 0.28058"></polyline>
+                <line x1="9.4855" y1="0" x2="9.4855" y2="11" id="Stroke-1" transform="translate(9.485500, 5.500000) rotate(-360.000000) translate(-9.485500, -5.500000) "></line>
+                <polyline id="Stroke-3" transform="translate(9.485680, 10.555340) rotate(-360.000000) translate(-9.485680, -10.555340) " points="12.01408 9.29114 9.48568 11.81954 6.95728 9.29114"></polyline>
+            </g>
+        </g>
+    </g>
+</svg>

package/assets/styles/global.scss

@@ -0,0 +1,283 @@
+
+:root {
+  font-size: 16px;
+  // Base Theme color
+  --blue: #024f9d;
+  --green: #008840;
+  --black: #000000;
+  --white: #ffffff;
+  --red:#ff4558;
+
+  // Base Theme color variations
+  --primary: var(--blue);
+  --secondary: #008840;
+  --tertiary: #e55a28;
+
+  // gray colors shades
+  --gray-hs: 0, 0%;
+  --gray: hsl(var(--gray-hs), 20%);
+  --gray-0: hsl(var(--gray-hs), 95%); // place holder active bg #F2F2F2
+  --gray-100: hsl(var(--gray-hs), 80%); // disable btn bg, icon color #CCCCCC
+  --gray-200: hsl(var(--gray-hs), 60%); // disable text, place holder text #999999
+  --gray-300: hsl(var(--gray-hs), 59%); // sub heading 2 #969696
+  --gray-400: hsl(var(--gray-hs), 40%); // sub heading #666666
+  --gray-800: var(--gray); // text color #333333
+
+  // primary colors
+  --primary-hs: 210, 97%; // template primary color // #024f9d
+  --primary: hsl(var(--primary-hs), 31%);
+  --primary-0: hsl(var(--primary-hs), 98%);
+  --primary-100: hsl(var(--primary-hs), 88%);
+  --primary-200: hsl(var(--primary-hs), 78%);
+  --primary-250: hsl(var(--primary-hs), 73%);
+  --primary-300: hsl(var(--primary-hs), 68%);
+  --primary-400: var(--primary);
+  --primary-600: hsl(var(--primary), 48%);
+  --primary-800: hsl(var(--primary-hs), 38%);
+
+  // secondary colors
+  // --secondary: hsl(148, 100%, 27%);
+  --secondary-hs: 148, 100%; //  #008840
+  --secondary: hsl(var(--secondary-hs), 27%);
+  --secondary-0: hsl(var(--secondary-hs), 94%); // toast bg, label
+  --secondary-100: hsl(var(--secondary-hs), 39%); // button bg bg, toast
+  --secondary-200: hsl(var(--secondary-hs), 38%); // button bg
+  --secondary-400: var(--secondary); // hover
+
+  // tertiary colors
+  // --tertiary: hsl(16, 78%, 53%);
+  --tertiary-hs:16,78%; //  #e55a28
+  --tertiary:hsl(var(--tertiary-hs), 53%);
+  --tertiary-0:hsl(var(--tertiary-hs), 92%); // toast bg, label
+  --tertiary-100: hsl(var(--tertiary-hs), 56%); // buttong bg, toast
+  --tertiary-400: var(--tertiary); // icon, label, notification bg
+
+  // red colors
+  --red-0: #fbccd1; // toast bg
+  --red-100: #ff6979; // buttong bg, toast
+  --red-400: var(--red); // icon color, lable, notification
+
+  // common variables
+  --df-e9e8d9:#e9e8d9;
+  --df-333:#333;
+  --text-color:var(--df-333);
+  --df-background:var(--white);
+  --df-common-bg:var(--white);
+
+  //default variables declared
+  --df-body-bg: var(--primary-0); // body bg
+  --df-theme-bg: var(--df-background);
+  --df-text: var(--text-color);;
+  --df-card-bg: var(--df-background);
+  --df-btn-default-color: var(--white);
+  --df-field-control-bg: var(--df-background);
+  --df-cancel-btn-bg:var(--df-background);
+
+  //tabs
+  --df-tab-bg: var(--df-background);
+  --df-tab-text: var(--primary);
+  --df-tab-bg-active: var(--primary);
+  --df-tab-text-active: var(--white);
+}
+
+//tabs
+.recent-tabs {
+  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
+  display: block;
+  position: relative;
+  box-shadow: none !important;
+  border-radius: unset;
+  background: inherit !important;
+  z-index: unset;
+  padding-bottom: 0.5rem;
+
+  .tabs-content {
+    display: flex;
+    flex: 1 1 0%;
+    flex-direction: column;
+
+    .tabs-filter {
+      display: flex;
+      flex: 1 1 0%;
+      flex-wrap: wrap;
+
+      .filter-option {
+        background: var(--df-tab-bg);
+        padding: 0.5rem 1rem;
+        box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2),
+          0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+        font-size: 0.875rem;
+        font-weight: 700;
+        margin-right: 0.75rem;
+        margin-top: 0.5rem;
+        transition: all ease 0.3s;
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        white-space: nowrap;
+        text-decoration: none;
+        color: var(--df-tab-text);
+        &:first-child {
+          margin-left: 0;
+        }
+        &:hover,
+        &.tabs-active {
+          color: var(--df-btn-default-color);
+          text-decoration: none;
+          background-color: var(--df-tab-bg-active);
+        }
+      }
+    }
+  }
+}
+
+//tags
+.tags {
+  display: flex;
+  flex: 1;
+  flex-direction: row;
+  flex-wrap: wrap;
+  position: relative;
+  z-index: 2;
+  @media (max-width: 768px) {
+    z-index: unset;
+  }
+  .tag {
+    font-size: 0.75rem;
+    display: flex;
+    width: auto;
+    min-width: max-content;
+    max-height: 2rem;
+    justify-content: space-between;
+    align-items: center;
+    text-transform: lowercase;
+    margin: 0.5rem 1rem 0.5rem 0;
+    padding: 0.5rem 1rem;
+    border-radius: 1.5rem;
+    cursor: pointer;
+  }
+}
+
+.df-cancel-btn {
+    background-color: var(--white);
+    color: var(--primary-400);
+    border-color: var(--primary-400);
+    // background-color: var(--df-cancel-btn-bg);
+    // color: var(--primary-400);
+    margin: 0 0.5rem;
+    &:hover,&:active{
+      color: var(--primary-800);
+      background-color: var(--primary-100);
+            // color: var(--primary-800);
+            // background-color: var(--primary-200);
+    }
+}
+
+//scroll css
+.topic-list-container {
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: calc(100vh - 150px) !important;
+}
+
+#topic-scroll::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  background-color: #ccc;
+}
+
+#topic-scroll::-webkit-scrollbar {
+  width: 8px;
+}
+
+#topic-scroll::-webkit-scrollbar-thumb {
+  background: #808080;
+}
+
+//no data in card
+.no-card-content {
+  cursor: pointer;
+  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
+    0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background: var(--df-card-bg);
+  color: var(--df-text);
+  flex: 1;
+  height: auto;
+  margin-bottom: 0;
+  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
+  display: block;
+  position: relative;
+  padding: 1rem;
+  border-radius: 0.25rem;
+  width: auto;
+  .no-data-label {
+    font-size: 1.25rem;
+    font-weight: bold;
+  }
+}
+
+//button css
+.df-btn {
+  white-space: nowrap;
+  -webkit-tap-highlight-color: transparent;
+  user-select: none;
+  outline: 0;
+  display: inline-block;
+  border: 0;
+  cursor: pointer;
+  min-width: 4rem;
+  border-radius: 0.125rem;
+  position: relative;
+  line-height: 1;
+  text-transform: inherit;
+  text-decoration: none;
+}
+
+.df-btn-normal {
+  height: 2rem;
+  padding: 0.5rem 1rem;
+  font-size: 0.75rem;
+}
+
+.df-btn-primary {
+  background-color: var(--primary-400);
+}
+
+.df-btn-secondary {
+  background-color: var(--secondary-200);
+}
+
+.df-btn-tertiary {
+  background-color: var(--tertiary-100);
+}
+
+.df-btn-danger {
+  background-color: var(--red-100);
+  &:hover{
+      background-color: var(--red-400);
+  }
+}
+
+.df-btn-primary,.df-btn-secondary,.df-btn-tertiary,.df-btn-danger{
+  color: var(--df-btn-default-color);
+}
+
+.df-btn-primary.active,
+.df-btn-primary:active,
+.df-btn-primary:hover {
+  background-color: var(--primary-800);
+}
+
+.df-btn-secondary.active,
+.df-btn-secondary:active,
+.df-btn-secondary:hover {
+  background-color: var(--secondary-400);
+}
+
+.df-btn-tertiary.active,
+.df-btn-tertiary:active,
+.df-btn-tertiary:hover {
+  background-color: var(--tertiary-400);
+}
+
+

package/esm2022/jeraldj-discussions-ui.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiamVyYWxkai1kaXNjdXNzaW9ucy11aS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2Rpc2N1c3Npb24tdWkvc3JjL2plcmFsZGotZGlzY3Vzc2lvbnMtdWkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==