ably-ui 8.7.0.dev.63cc1c3 → 8.7.0.dev.80c4fae

data/lib/ably_ui/core/slider/component.js

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.AblyUi=e():(t.AblyUi=t.AblyUi||{},t.AblyUi.Core=t.AblyUi.Core||{},t.AblyUi.Core.Slider=e())}(this,(function(){return(()=>{var t={3096:(t,e,n)=>{var r="Expected a function",i=/^\s+|\s+$/g,o=/^[-+]0x[0-9a-f]+$/i,c=/^0b[01]+$/i,u=/^0o[0-7]+$/i,a=parseInt,f="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,l="object"==typeof self&&self&&self.Object===Object&&self,s=f||l||Function("return this")(),d=Object.prototype.toString,v=Math.max,p=Math.min,y=function(){return s.Date.now()};function b(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function h(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==d.call(t)}(t))return NaN;if(b(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=b(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(i,"");var n=c.test(t);return n||u.test(t)?a(t.slice(2),n?2:8):o.test(t)?NaN:+t}t.exports=function(t,e,n){var i=!0,o=!0;if("function"!=typeof t)throw new TypeError(r);return b(n)&&(i="leading"in n?!!n.leading:i,o="trailing"in n?!!n.trailing:o),function(t,e,n){var i,o,c,u,a,f,l=0,s=!1,d=!1,g=!0;if("function"!=typeof t)throw new TypeError(r);function m(e){var n=i,r=o;return i=o=void 0,l=e,u=t.apply(r,n)}function x(t){return l=t,a=setTimeout(j,e),s?m(t):u}function w(t){var n=t-f;return void 0===f||n>=e||n<0||d&&t-l>=c}function j(){var t=y();if(w(t))return T(t);a=setTimeout(j,function(t){var n=e-(t-f);return d?p(n,c-(t-l)):n}(t))}function T(t){return a=void 0,g&&i?m(t):(i=o=void 0,u)}function E(){var t=y(),n=w(t);if(i=arguments,o=this,f=t,n){if(void 0===a)return x(f);if(d)return a=setTimeout(j,e),m(f)}return void 0===a&&(a=setTimeout(j,e)),u}return e=h(e)||0,b(n)&&(s=!!n.leading,c=(d="maxWait"in n)?v(h(n.maxWait)||0,e):c,g="trailing"in n?!!n.trailing:g),E.cancel=function(){void 0!==a&&clearTimeout(a),l=0,i=f=o=a=void 0},E.flush=function(){return void 0===a?u:T(y())},E}(t,e,{leading:i,maxWait:e,trailing:o})}}},e={};function n(r){var i=e[r];if(void 0!==i)return i.exports;var o=e[r]={exports:{}};return t[r](o,o.exports,n),o.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var r={};return(()=>{"use strict";n.d(r,{default:()=>u});var t=n(3096),e=n.n(t),i=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return e.querySelector("[data-id=".concat(t,"]"))},o=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return e.querySelectorAll("[data-id=".concat(t,"]"))},c=function(t){var e=i("slider-strip",t),n=Array.from(o("slider-slide",t)),r=i("slider-previous",t),c=i("slider-next",t),u=Array.from(o("slider-marker",t)),a=i("slider-controls",t);a.classList.replace("hidden","flex");var f=n.length,l=t.getBoundingClientRect().width,s=n[0].getBoundingClientRect(),d=s.width,v=s.left,p=n[1].getBoundingClientRect().left-v-d,y=(l-d)/2,b=0,h=0,g=function(t){return e.style.transform="translateX(".concat(function(t){return t*-d+y+t*-p}(t),"px)")},m=function(t){u.forEach((function(t){return t.classList.remove("text-active-orange")})),u[t].classList.remove("text-cool-black"),u[t].classList.add("text-active-orange")},x=function(){g(b=b-1<=0?0:b-1),m(b)},w=function(){g(b=b+1>=f?b:b+1),m(b)};return g(0),m(0),r.addEventListener("click",x),e.addEventListener("touchstart",(function(t){var e;h=null===(e=t.touches[0])||void 0===e?void 0:e.clientX})),e.addEventListener("touchend",(function(t){var e,n=(null===(e=t.changedTouches[0])||void 0===e?void 0:e.clientX)-h;Math.abs(n)<20||(n>0?x:w)()})),c.addEventListener("click",w),function(){e.style.transform=null,a.classList.replace("flex","hidden")}};const u=function(t){var n=t.container,r=t.mqEnableThreshold;if(n){var i=r||function(){return!window.matchMedia("(min-width: 48rem)").matches},o=function(){};i()&&(o=c(n)),window.addEventListener("resize",e()((function(){i()?o=c(n):o()}),100))}}})(),r.default})()}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("lodash.throttle")):"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t(require("lodash.throttle")):(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Slider=t(e[void 0]))}(this,(function(e){return(()=>{"use strict";var t={2040:t=>{t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var o={};return(()=>{r.d(o,{default:()=>a});var e=r(2040),t=r.n(e),n=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return t.querySelector("[data-id=".concat(e,"]"))},i=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return t.querySelectorAll("[data-id=".concat(e,"]"))},c=function(e){var t=n("slider-strip",e),r=Array.from(i("slider-slide",e)),o=n("slider-previous",e),c=n("slider-next",e),a=Array.from(i("slider-marker",e)),d=n("slider-controls",e);d.classList.replace("hidden","flex");var l=r.length,s=e.getBoundingClientRect().width,u=r[0].getBoundingClientRect(),f=u.width,v=u.left,h=r[1].getBoundingClientRect().left-v-f,p=(s-f)/2,y=0,m=0,x=function(e){return t.style.transform="translateX(".concat(function(e){return e*-f+p+e*-h}(e),"px)")},b=function(e){a.forEach((function(e){return e.classList.remove("text-active-orange")})),a[e].classList.remove("text-cool-black"),a[e].classList.add("text-active-orange")},g=function(){x(y=y-1<=0?0:y-1),b(y)},L=function(){x(y=y+1>=l?y:y+1),b(y)};return x(0),b(0),o.addEventListener("click",g),t.addEventListener("touchstart",(function(e){var t;m=null===(t=e.touches[0])||void 0===t?void 0:t.clientX})),t.addEventListener("touchend",(function(e){var t,n=(null===(t=e.changedTouches[0])||void 0===t?void 0:t.clientX)-m;Math.abs(n)<20||(n>0?g:L)()})),c.addEventListener("click",L),function(){t.style.transform=null,d.classList.replace("flex","hidden")}};const a=function(e){var n=e.container,r=e.mqEnableThreshold;if(n){var o=r||function(){return!window.matchMedia("(min-width: 48rem)").matches},i=function(){};o()&&(i=c(n)),window.addEventListener("resize",t()((function(){o()?i=c(n):i()}),100))}}})(),o.default})()}));

data/lib/ably_ui/core/sprites.svg

@@ -11,9 +11,11 @@
 <path d="M24 13C24 6.37258 18.6274 1 12 1C5.37258 1 0 6.37258 0 13C0 18.9895 4.3882 23.954 10.125 24.8542V16.4688H7.07812V13H10.125V10.3563C10.125 7.34875 11.9166 5.6875 14.6576 5.6875C15.9701 5.6875 17.3438 5.92188 17.3438 5.92188V8.875H15.8306C14.34 8.875 13.875 9.80008 13.875 10.75V13H17.2031L16.6711 16.4688H13.875V24.8542C19.6118 23.954 24 18.9895 24 13Z" fill="currentColor"/>
 <path d="M16.6711 16.4688L17.2031 13H13.875V10.75C13.875 9.80102 14.34 8.875 15.8306 8.875H17.3438V5.92188C17.3438 5.92188 15.9705 5.6875 14.6576 5.6875C11.9166 5.6875 10.125 7.34875 10.125 10.3563V13H7.07812V16.4688H10.125V24.8542C11.3674 25.0486 12.6326 25.0486 13.875 24.8542V16.4688H16.6711Z" fill="none"/>
 </symbol><symbol id="sprite-github" viewBox="0 0 24 24"><title>sprite-github</title>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C5.4 0 0 5.41945 0 12.0432C0 17.3623 3.4 21.8785 8.2 23.4843C8.8 23.5846 9 23.1832 9 22.8821C9 22.581 9 21.8785 9 20.8749C5.7 21.5774 5 19.2692 5 19.2692C4.5 17.8641 3.7 17.4627 3.7 17.4627C2.6 16.7601 3.8 16.7602 3.8 16.7602C5 16.8605 5.6 17.9645 5.6 17.9645C6.7 19.771 8.4 19.2692 9.1 18.9681C9.2 18.1652 9.5 17.6634 9.9 17.3623C7.1 17.0612 4.3 16.0576 4.3 11.4411C4.3 10.1364 4.8 9.03242 5.5 8.22953C5.5 7.82809 5 6.62377 5.7 5.01801C5.7 5.01801 6.7 4.71693 9 6.22233C10 5.92125 11 5.82089 12 5.82089C13 5.82089 14 5.92125 15 6.22233C17.3 4.71693 18.3 5.01801 18.3 5.01801C19 6.72413 18.5 7.92845 18.4 8.22953C19.2 9.03242 19.6 10.1364 19.6 11.4411C19.6 16.0576 16.8 17.0612 14.1 17.3623C14.5 17.7638 14.9 18.4663 14.9 19.5702C14.9 21.176 14.9 22.4807 14.9 22.8821C14.9 23.1832 15.1 23.5846 15.7 23.4843C20.6 21.8785 24 17.3623 24 12.0432C24 5.41945 18.6 0 12 0Z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C5.4 0 0 5.41945 0 12.0432C0 17.3623 3.4 21.8785 8.2 23.4843C8.8 23.5846 9 23.1832 9 22.8821C9 22.581 9 21.8785 9 20.8749C5.7 21.5774 5 19.2692 5 19.2692C4.5 17.8641 3.7 17.4627 3.7 17.4627C2.6 16.7601 3.8 16.7602 3.8 16.7602C5 16.8605 5.6 17.9645 5.6 17.9645C6.7 19.771 8.4 19.2692 9.1 18.9681C9.2 18.1652 9.5 17.6634 9.9 17.3623C7.1 17.0612 4.3 16.0576 4.3 11.4411C4.3 10.1364 4.8 9.03242 5.5 8.22953C5.5 7.82809 5 6.62377 5.7 5.01801C5.7 5.01801 6.7 4.71693 9 6.22233C10 5.92125 11 5.82089 12 5.82089C13 5.82089 14 5.92125 15 6.22233C17.3 4.71693 18.3 5.01801 18.3 5.01801C19 6.72413 18.5 7.92845 18.4 8.22953C19.2 9.03242 19.6 10.1364 19.6 11.4411C19.6 16.0576 16.8 17.0612 14.1 17.3623C14.5 17.7638 14.9 18.4663 14.9 19.5702C14.9 21.176 14.9 22.4807 14.9 22.8821C14.9 23.1832 15.1 23.5846 15.7 23.4843C20.6 21.8785 24 17.3623 24 12.0432C24 5.41945 18.6 0 12 0Z" fill="currentColor"/>
 </symbol><symbol id="sprite-glassdoor" viewBox="0 0 18 24"><title>sprite-glassdoor</title>
 <path d="M14.122 20.5734H0.5C0.5 22.4677 2.0222 24 3.90634 24H14.122C16.0027 24 17.5249 22.4643 17.5249 20.5734V6.49471C17.5249 6.42706 17.4708 6.36617 17.4032 6.36617H14.2438C14.1761 6.36617 14.122 6.42368 14.122 6.49133V20.57V20.5734ZM14.122 0C16.0027 0 17.5249 1.53573 17.5249 3.43002H3.90634V17.5087C3.90634 17.5763 3.84884 17.6338 3.78118 17.6338H0.625159C0.557505 17.6338 0.5 17.5763 0.5 17.5087V3.43002C0.5 1.53573 2.0222 0 3.90634 0H14.122Z"/>
+</symbol><symbol fill="none" id="sprite-google" viewBox="0 0 18 18"><title>sprite-google</title>
+  <path d="M17.6483 7.36875H9.1803V10.8492H14.0178C13.8092 11.9742 13.1764 12.9258 12.2225 13.5633C11.4162 14.1023 10.3873 14.4211 9.17795 14.4211C6.83655 14.4211 4.85608 12.8391 4.14827 10.7133C3.97014 10.1742 3.86702 9.59766 3.86702 9.00469C3.86702 8.41172 3.97014 7.83516 4.14827 7.29609C4.85842 5.17266 6.83889 3.59063 9.1803 3.59063C10.4998 3.59063 11.6834 4.04531 12.6162 4.93594L15.1944 2.35547C13.6358 0.902344 11.6037 0.0117188 9.1803 0.0117188C5.66702 0.0117188 2.62717 2.02734 1.14827 4.96641C0.538892 6.18047 0.192017 7.55391 0.192017 9.00703C0.192017 10.4602 0.538892 11.8312 1.14827 13.0453C2.62717 15.9844 5.66702 18 9.1803 18C11.6084 18 13.6428 17.1938 15.1287 15.8203C16.828 14.2547 17.81 11.9484 17.81 9.20859C17.81 8.57109 17.7537 7.95937 17.6483 7.36875Z" fill="currentColor"/>
 </symbol><symbol fill="none" id="sprite-icon-display-48hrs" viewBox="0 0 48 48"><title>sprite-icon-display-48hrs</title>
 	<path fill-rule="evenodd" clip-rule="evenodd" d="M4.75 24C4.75 13.3685 13.3685 4.75 24 4.75C24.4142 4.75 24.75 4.41421 24.75 4C24.75 3.58579 24.4142 3.25 24 3.25C12.5401 3.25 3.25 12.5401 3.25 24C3.25 35.4599 12.5401 44.75 24 44.75C35.4599 44.75 44.75 35.4599 44.75 24C44.75 23.5858 44.4142 23.25 44 23.25C43.5858 23.25 43.25 23.5858 43.25 24C43.25 34.6315 34.6315 43.25 24 43.25C13.3685 43.25 4.75 34.6315 4.75 24ZM33.0947 26.36C33.0947 28.682 31.1507 30.212 28.9727 30.212C26.7947 30.212 24.8507 28.682 24.8507 26.36C24.8507 24.884 25.6247 23.75 26.8487 23.138C25.8947 22.58 25.3007 21.626 25.3007 20.402C25.3007 18.35 27.0287 17 28.9727 17C30.9167 17 32.6447 18.35 32.6447 20.402C32.6447 21.626 32.0507 22.58 31.0787 23.138C32.3027 23.75 33.0947 24.884 33.0947 26.36ZM26.3087 26.36C26.3087 27.836 27.4787 28.862 28.9727 28.862C30.4667 28.862 31.6367 27.836 31.6367 26.36C31.6367 24.884 30.4667 23.84 28.9727 23.84C27.4787 23.84 26.3087 24.884 26.3087 26.36ZM26.7587 20.402C26.7587 21.626 27.7307 22.49 28.9727 22.49C30.2147 22.49 31.1867 21.626 31.1867 20.402C31.1867 19.196 30.2147 18.35 28.9727 18.35C27.7307 18.35 26.7587 19.196 26.7587 20.402ZM20.9773 27.008V29.996H19.5193V27.008H14.3533V25.838L19.3753 17.216H21.0493L15.9733 25.64H19.5193V22.778H20.9773V25.64H23.6773V27.008H20.9773Z" fill="currentColor"/>
 </symbol><symbol fill="none" id="sprite-icon-display-about-ably-col" viewBox="0 0 40 41"><title>sprite-icon-display-about-ably-col</title>
@@ -99,6 +101,13 @@
 <rect width="48" height="48" fill="white"/>
 </clipPath>
 </defs>
+</symbol><symbol fill="none" id="sprite-icon-display-integrations-col" viewBox="0 0 48 48"><title>sprite-icon-display-integrations-col</title>
+<path d="M7.69985 7.70029C3.40409 11.9961 3.18585 18.7426 7.21241 22.7692L11.9425 27.4993L27.4988 11.9429L22.7688 7.21285C18.7422 3.18629 11.9956 3.40453 7.69985 7.70029Z" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M45.2129 45.2131L42.3844 42.3847" stroke="#03020D" stroke-width="1.37459" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40.4514 40.451C35.8956 45.0068 28.6731 45.2897 24.3219 40.9385L19.5918 36.2084C19.2989 35.9155 19.2989 35.4406 19.5918 35.1477L35.1482 19.5914C35.441 19.2985 35.9159 19.2985 36.2088 19.5914L40.9389 24.3215C45.2902 28.6727 45.0073 35.8952 40.4514 40.451Z" fill="#FF5416"/>
+<path d="M2.78647 2.78662L7.73622 7.73637" stroke="#03020D" stroke-width="1.37459" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M23.2925 16.2217L28.2423 21.1714" stroke="#03020D" stroke-width="1.37459" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.2215 23.2927L21.1712 28.2425" stroke="#03020D" stroke-width="1.37459" stroke-linecap="round" stroke-linejoin="round"/>
 </symbol><symbol fill="none" id="sprite-icon-display-it-support-access" viewBox="0 0 48 48"><title>sprite-icon-display-it-support-access</title>
 	<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 40V12.75H1.5V40C1.5 40.2761 1.72386 40.5 2 40.5H46C46.2761 40.5 46.5 40.2761 46.5 40ZM46.5 8V11.25H1.5V8C1.5 7.72386 1.72386 7.5 2 7.5H46C46.2761 7.5 46.5 7.72386 46.5 8ZM48 8V40C48 41.1046 47.1046 42 46 42H2C0.895432 42 0 41.1046 0 40V8C0 6.89543 0.895431 6 2 6H46C47.1046 6 48 6.89543 48 8ZM4.25 9.25C4.25 9.80228 3.80228 10.25 3.25 10.25C2.69772 10.25 2.25 9.80228 2.25 9.25C2.25 8.69772 2.69772 8.25 3.25 8.25C3.80228 8.25 4.25 8.69772 4.25 9.25ZM6.25 10.25C6.80228 10.25 7.25 9.80228 7.25 9.25C7.25 8.69772 6.80228 8.25 6.25 8.25C5.69772 8.25 5.25 8.69772 5.25 9.25C5.25 9.80228 5.69772 10.25 6.25 10.25ZM10.25 9.25C10.25 9.80228 9.80228 10.25 9.25 10.25C8.69771 10.25 8.25 9.80228 8.25 9.25C8.25 8.69772 8.69771 8.25 9.25 8.25C9.80228 8.25 10.25 8.69772 10.25 9.25ZM24.75 29.7993C25.1984 29.54 25.5 29.0552 25.5 28.5C25.5 27.6716 24.8284 27 24 27C23.1716 27 22.5 27.6716 22.5 28.5C22.5 29.0552 22.8016 29.54 23.25 29.7993V33.5H24.75V29.7993ZM17 24.25C16.5858 24.25 16.25 24.5858 16.25 25V30.205L16.25 30.2421C16.2498 31.0676 16.2495 32.6758 17.0154 34.0849C17.4144 34.8189 18.0189 35.498 18.9172 35.9873C19.81 36.4735 20.9514 36.75 22.3949 36.75H25.6051C27.048 36.75 28.1892 36.4751 29.0819 35.9904C29.9804 35.5025 30.5854 34.8247 30.9846 34.0902C31.7506 32.681 31.7502 31.0674 31.75 30.2226L31.75 30.1839V25C31.75 24.5858 31.4142 24.25 31 24.25H29.75V21.1841C29.75 19.3825 29.1112 18.087 27.9744 17.2764C26.8851 16.4997 25.4495 16.25 24 16.25C22.5484 16.25 21.1133 16.5046 20.0247 17.2833C18.8896 18.0953 18.25 19.3896 18.25 21.1841V24.25H17ZM28.25 21.1841V24.25H19.75V21.1841C19.75 19.7819 20.2251 18.9842 20.8974 18.5033C21.6161 17.9891 22.6811 17.75 24 17.75C25.321 17.75 26.3855 17.9857 27.1035 18.4977C27.7741 18.9758 28.25 19.7723 28.25 21.1841ZM29 25.75H19H17.75V30.205C17.75 31.0561 17.7622 32.3179 18.3333 33.3686C18.6087 33.8753 19.0157 34.3328 19.6347 34.67C20.2593 35.0102 21.141 35.25 22.3949 35.25H25.6051C26.8596 35.25 27.7416 35.0113 28.3662 34.6721C28.985 34.3362 29.3916 33.88 29.6667 33.3739C30.2376 32.3236 30.25 31.0573 30.25 30.1839V25.75H29Z" fill="currentColor"/>
 </symbol><symbol fill="none" id="sprite-icon-display-it-support-helpdesk" viewBox="0 0 48 48"><title>sprite-icon-display-it-support-helpdesk</title>
@@ -386,6 +395,18 @@
 <path d="M24 1.76471V22.2353C24 22.7033 23.8141 23.1522 23.4831 23.4831C23.1522 23.8141 22.7033 24 22.2353 24H1.76471C1.29668 24 0.847817 23.8141 0.51687 23.4831C0.185924 23.1522 0 22.7033 0 22.2353L0 1.76471C0 1.29668 0.185924 0.847817 0.51687 0.51687C0.847817 0.185924 1.29668 0 1.76471 0L22.2353 0C22.7033 0 23.1522 0.185924 23.4831 0.51687C23.8141 0.847817 24 1.29668 24 1.76471ZM7.05882 9.17647H3.52941V20.4706H7.05882V9.17647ZM7.37647 5.29412C7.37833 5.02715 7.32759 4.76242 7.22714 4.51506C7.12669 4.2677 6.9785 4.04255 6.79103 3.85246C6.60357 3.66237 6.38049 3.51107 6.13455 3.4072C5.88861 3.30332 5.62462 3.24891 5.35765 3.24706H5.29412C4.7512 3.24706 4.23053 3.46273 3.84663 3.84663C3.46273 4.23053 3.24706 4.7512 3.24706 5.29412C3.24706 5.83703 3.46273 6.35771 3.84663 6.74161C4.23053 7.1255 4.7512 7.34118 5.29412 7.34118C5.56111 7.34774 5.82678 7.30164 6.07594 7.2055C6.32511 7.10936 6.55289 6.96506 6.74627 6.78086C6.93965 6.59666 7.09484 6.37616 7.20297 6.13196C7.3111 5.88775 7.37006 5.62464 7.37647 5.35765V5.29412ZM20.4706 13.6094C20.4706 10.2141 18.3106 8.89412 16.1647 8.89412C15.4621 8.85894 14.7626 9.00858 14.1358 9.32814C13.5091 9.64769 12.9771 10.126 12.5929 10.7153H12.4941V9.17647H9.17647V20.4706H12.7059V14.4635C12.6549 13.8483 12.8487 13.2378 13.2452 12.7646C13.6417 12.2915 14.2089 11.9939 14.8235 11.9365H14.9576C16.08 11.9365 16.9129 12.6424 16.9129 14.4212V20.4706H20.4424L20.4706 13.6094Z"/>
 </symbol><symbol id="sprite-quote" viewBox="0 0 25 19"><title>sprite-quote</title>
 	<path d="M8.78125 19H0V12.7188C0 10.1771 0.21875 8.17708 0.65625 6.71875C1.11458 5.23958 1.94792 3.91667 3.15625 2.75C4.36458 1.58333 5.90625 0.666667 7.78125 0L9.5 3.625C7.75 4.20833 6.48958 5.02083 5.71875 6.0625C4.96875 7.10417 4.57292 8.48958 4.53125 10.2188H8.78125V19ZM23.4375 19H14.6562V12.7188C14.6562 10.1562 14.875 8.14583 15.3125 6.6875C15.7708 5.22917 16.6042 3.91667 17.8125 2.75C19.0417 1.58333 20.5833 0.666667 22.4375 0L24.1562 3.625C22.4062 4.20833 21.1458 5.02083 20.375 6.0625C19.625 7.10417 19.2292 8.48958 19.1875 10.2188H23.4375V19Z"/>
+</symbol><symbol fill="none" id="sprite-stackoverflow" viewBox="0 0 24 24"><title>sprite-stackoverflow</title>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M16.8833 17.0404L6.44573 14.8304L6.89029 12.7367L17.3279 14.9467L16.8833 17.0404ZM17.4825 14.3457L7.81808 9.82876L8.72653 7.89014L18.391 12.4071L17.4825 14.3457ZM18.7002 11.9031L10.5048 5.05977L11.8771 3.41195L20.0726 10.2552L18.7002 11.9031ZM14.0806 1.27948L15.8009 0L22.1601 8.58804L20.4398 9.86753L14.0806 1.27948ZM16.8833 19.7351H6.25244V17.6026H16.8833V19.7351ZM21.1356 15.4701H19.0094V21.8675H4.12617V15.4701H2V24H21.1356V15.4701Z" fill="currentColor"/>
 </symbol><symbol id="sprite-twitter" viewBox="0 0 24 20"><title>sprite-twitter</title>
 <path d="M24 2.304C23.1129 2.7 22.1658 2.964 21.1708 3.084C22.1898 2.472 22.969 1.512 23.3287 0.36C22.3816 0.924 21.3267 1.332 20.1998 1.56C19.3007 0.6 18.03 0 16.6034 0C13.8821 0 11.6883 2.208 11.6883 4.92C11.6883 5.304 11.7363 5.676 11.8202 6.048C7.73227 5.844 4.11189 3.888 1.67832 0.9C1.25874 1.632 1.00699 2.472 1.00699 3.372C1.00699 5.076 1.87013 6.588 3.2008 7.476C2.3976 7.452 1.63037 7.224 0.971029 6.864C0.971029 6.888 0.971029 6.9 0.971029 6.924C0.971029 9.312 2.66134 11.304 4.91509 11.748C4.50749 11.856 4.06394 11.916 3.62038 11.916C3.30869 11.916 2.997 11.88 2.6973 11.832C3.32068 13.788 5.14286 15.216 7.28871 15.252C5.61039 16.572 3.48851 17.364 1.17483 17.364C0.779221 17.364 0.383616 17.34 0 17.292C2.18182 18.684 4.75924 19.5 7.54046 19.5C16.5914 19.5 21.5305 12 21.5305 5.496C21.5305 5.28 21.5305 5.076 21.5185 4.86C22.5015 4.164 23.3407 3.3 24 2.304Z"/>
+</symbol><symbol fill="none" id="sprite-youtube" viewBox="0 0 32 22"><title>sprite-youtube</title>
+  <g clip-path="url(#clip0_1509_18255)">
+    <path d="M30.525 3.44433C30.1655 2.09844 29.113 1.03726 27.778 0.6749C25.3391 0.00195312 15.5834 0.00195312 15.5834 0.00195312C15.5834 0.00195312 5.82773 0.00195312 3.38881 0.649017C2.0795 1.01137 1.00124 2.09844 0.64182 3.44433C0 5.90318 0 11.002 0 11.002C0 11.002 0 16.1268 0.64182 18.5597C1.00124 19.9056 2.05382 20.9668 3.38881 21.3292C5.8534 22.0021 15.5834 22.0021 15.5834 22.0021C15.5834 22.0021 25.3391 22.0021 27.778 21.3551C29.113 20.9927 30.1655 19.9315 30.525 18.5856C31.1668 16.1268 31.1668 11.0279 31.1668 11.0279C31.1668 11.0279 31.1925 5.90318 30.525 3.44433Z" fill="currentColor"/>
+    <path d="M20.5892 11.0021L12.4766 6.2915V15.7128L20.5892 11.0021Z" fill="white"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_1509_18255">
+      <rect width="31.1667" height="22" fill="white"/>
+    </clipPath>
+  </defs>
 </symbol></svg>

data/lib/ably_ui/core/styles.css

@@ -47,6 +47,8 @@
     --icon-color-glassdoor: #0baa41;
     --icon-color-github: #000000;
     --icon-color-discord: #5865f2;
+    --icon-color-stackoverflow: #f48024;
+    --icon-color-youtube: #ff0000;
 
     --gradient-active-orange: linear-gradient(
       61.2deg,

data/lib/ably_ui/version.rb

@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '8.7.0.dev.63cc1c3'
+  VERSION = '8.7.0.dev.80c4fae'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ably-ui
 version: !ruby/object:Gem::Version
-  version: 8.7.0.dev.63cc1c3
+  version: 8.7.0.dev.80c4fae
 platform: ruby
 authors:
 - Dominik Piatek
@@ -10,7 +10,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-10-10 00:00:00.000000000 Z
+date: 2022-11-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component
@@ -64,6 +64,7 @@ files:
 - lib/ably_ui/core/customer_logos/component.js
 - lib/ably_ui/core/customer_logos/customer_logos.html.erb
 - lib/ably_ui/core/customer_logos/customer_logos.rb
+- lib/ably_ui/core/dropdown_menu/component.js
 - lib/ably_ui/core/feature_footer/component.css
 - lib/ably_ui/core/feature_footer/component.js
 - lib/ably_ui/core/feature_footer/feature_footer.html.erb
@@ -99,6 +100,7 @@ files:
 - lib/ably_ui/core/icon/component.js
 - lib/ably_ui/core/icon/icon.html.erb
 - lib/ably_ui/core/icon/icon.rb
+- lib/ably_ui/core/images/ably-logo.png
 - lib/ably_ui/core/images/ably-logo.svg
 - lib/ably_ui/core/images/ably-stack.svg
 - lib/ably_ui/core/images/cust-logo-ao-col-pos.png