https://shuttleq.net/static/js/4111.1029e83c.chunk.js

1"use strict";(globalThis.webpackChunkmain_bt5||=[]).push([[4111],{77199(e,n,r){var t=r(12327),i=r(22345),c=r(73216),o=r(79456),s=r(65043),l=r(70579);const d=()=>{const e=(0,c.zy)(),{item:n}=(0,o.d4)(e=>e.menubarReducer),[r,d]=(0,s.useState)(""),[a,h]=(0,s.useState)(""),A=e.pathname,u=function(e,n){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],t=null;return e.forEach(e=>{if(e.rHref===n)t={parents:[...r],childrens:e.title};else if(e.children&&e.children.length>0){const i=u(e.children,n,[...r,e.title]);i&&(t=i)}}),t};return(0,s.useEffect)(()=>{const e=u(n,A);if(e){const{childrens:n,parents:r}=e;h(n),d(r)}},[n,A]),(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(t.A,{children:(0,l.jsx)(i.A,{lg:"6",children:(0,l.jsx)("h4",{className:"text-uppercase fw-bold",children:a||r})})})})};r.d(n,["A",0,d])},14111(e,n,r){r.r(n);var t=r(65043),i=r(12327),c=r(22345),o=r(24665),s=r(77026),l=r(58509),d=r(9790),a=r(26259),h=r(59174),A=r(41178),u=r(81349),j=r(85873),p=r(52064),x=r(49935),f=r(77199),g=r(56340),b=r(70579);const y=()=>{const[e,n]=(0,t.useState)(!1),[r,y]=(0,t.useState)(!1),[m,O]=(0,t.useState)(!1),[v,w]=(0,t.useState)(!1),[S,P]=(0,t.useState)(!1),[k,D]=(0,t.useState)(!1),[T,C]=(0,t.useState)(!1),[E,N]=(0,t.useState)(!1),[H,_]=(0,t.useState)(!1),[R,B]=(0,t.useState)(!1),z=()=>{y(!r)};return(0,b.jsxs)("div",{children:[(0,b.jsx)(f.A,{}),(0,b.jsxs)(i.A,{children:[(0,b.jsx)(c.A,{xs:"12",md:"6",children:(0,b.jsx)(g.A,{title:"Single Button Dropdowns",children:(0,b.jsxs)("div",{className:"d-flex align-items-center gap-3",children:[(0,b.jsxs)(x.A,{children:[(0,b.jsx)(p.A,{caret:!0,color:"primary",children:"Primary"}),(0,b.jsxs)(j.A,{children:[(0,b.jsx)(u.A,{header:!0,children:"Header"}),(0,b.jsx)(u.A,{disabled:!0,children:"Action"}),(0,b.jsx)(u.A,{children:"Another Action"}),(0,b.jsx)(u.A,{divider:!0}),(0,b.jsx)(u.A,{children:"Another Action"})]})]}),(0,b.jsxs)(x.A,{children:[(0,b.jsx)(p.A,{caret:!0,color:"warning",children:"Warning"}),(0,b.jsxs)(j.A,{children:[(0,b.jsx)(u.A,{header:!0,children:"Header"}),(0,b.jsx)(u.A,{disabled:!0,children:"Action"}),(0,b.jsx)(u.A,{children:"Another Action"}),(0,b.jsx)(u.A,{divider:!0}),(0,b.jsx)(u.A,{children:"Another Action"})]})]}),(0,b.jsxs)(x.A,{children:[(0,b.jsx)(p.A,{caret:!0,color:"success",children:"Success"}),(0,b.jsxs)(j.A,{children:[(0,b.jsx)(u.A,{header:!0,children:"Header"}),(0,b.jsx)(u.A,{disabled:!0,children:"Action"}),(0,b.jsx)(u.A,{children:"Another Action"}),(0,b.jsx)(u.A,{divider:!0}),(0,b.jsx)(u.A,{children:"Another Action"})]})]})]})})}),(0,b.jsx)(c.A,{xs:"12",md:"6",children:(0,b.jsx)(g.A,{title:"Split Button Dropdowns",children:(0,b.jsxs)("div",{className:"d-flex align-items-center gap-3",children:[(0,b.jsxs)(h.A,{isOpen:m,toggle:(()=>{O(!m)}).bind(null),children:[(0,b.jsx)(a.A,{id:"caret",color:"primary",children:"Primary"}),(0,b.jsx)(p.A,{caret:!0,color:"primary"}),(0,b.jsxs)(j.A,{children:[(0,b.jsx)(u.A,{header:!0,children:"Header"}),(0,b.jsx)(u.A,{disabled:!0,children:"Action"}),(0,b.jsx)(u.A,{children:"Another Action"}),(0,b.jsx)(u.A,{divider:!0}),(0,b.jsx)(u.A,{children:"Another Action"})]})]}),(0,b.jsxs)(h.A,{isOpen:v,toggle:(()=>{w(!v)}).bind(null),children:[(0,b.jsx)(a.A,{id:"caret",color:"warning",children:"Warning"}),(0,b.jsx)(p.A,{caret:!0,color:"warning"}),(0,b.jsxs)(j.A,{children:[(0,b.jsx)(u.A,{header:!0,children:"Header"}),(0,b.jsx)(u.A,{disabled:!0,children:"Action"}),(0,b.jsx)(u.A,{children:"Another Action"}),(0,b.jsx)(u.A,{divider:!0}),(0,b.jsx)(u.A,{children:"Another Action"})]})]}),(0,b.jsxs)(h.A,{isOpen:S,toggle:(()=>{P(!S)}).bind(null),children:[(0,b.jsx)(a.A,{id:"caret",color:"success",children:"Success"}),(0,b.jsx)(p.A,{caret:!0,color:"success"}),(0,b.jsxs)(j.A,{children:[(0,b.jsx)(u.A,{header:!0,children:"Header"}),(0,b.jsx)(u.A,{disabled:!0,children:"Action"}),(0,b.jsx)(u.A,{children:"Another Action"}),(0,b.jsx)(u.A,{divider:!0}),(0,b.jsx)(u.A,{children:"Another Action"})]})]})]})})}),(0,b.jsx)(c.A,{xs:"12",md:"6",children:(0,b.jsx)(g.A,{title:"Sizing Dropdowns",children:(0,b.jsxs)("div",{className:"d-flex align-items-center gap-3",children:[(0,b.jsxs)(h.A,{isOpen:k,toggle:(()=>{D(!k)}).bind(null),children:[(0,b.jsx)(p.A,{color:"primary",caret:!0,size:"lg",children:"Large Button"}),(0,b.jsxs)(j.A,{children:[(0,b.jsx)(u.A,{children:"Another Action"}),(0,b.jsx)(u.A,{children:"Another Action"})]})]}),(0,b.jsxs)(h.A,{isOpen:T,toggle:(()=>{C(!T)}).bind(null),children:[(0,b.jsx)(p.A,{color:"primary",caret:!0,size:"sm",children:"Small Button"}),(0,b.jsxs)(j.A,{children:[(0,b.jsx)(u.A,{children:"Another Action"}),(0,b.jsx)(u.A,{children:"Another Action"})]})]})]})})}),(0,b.jsx)(c.A,{xs:"12",md:"6",children:(0,b.jsx)(g.A,{title:"Drop Direction Variations",children:(0,b.jsxs)("div",{className:"d-flex align-items-center gap-3",children:[(0,b.jsxs)(h.A,{direction:"up",isOpen:E,toggle:(()=>{N(!E)}).bind(null),children:[(0,b.jsx)(p.A,{color:"primary",caret:!0,children:"Dropup"}),(0,b.jsxs)(j.A,{children:[(0,b.jsx)(u.A,{children:"Another Action"}),(0,b.jsx)(u.A,{children:"Another Action"})]})]}),(0,b.jsxs)(h.A,{direction:"start",isOpen:H,toggle:(()=>{_(!H)}).bind(null),children:[(0,b.jsx)(p.A,{color:"primary",caret:!0,children:"Dropleft"}),(0,b.jsxs)(j.A,{children:[(0,b.jsx)(u.A,{children:"Another Action"}),(0,b.jsx)(u.A,{children:"Another Action"})]})]}),(0,b.jsxs)(h.A,{direction:"end",isOpen:R,toggle:(()=>{B(!R)}).bind(null),children:[(0,b.jsx)(p.A,{color:"primary",caret:!0,children:"Dropright"}),(0,b.jsxs)(j.A,{children:[(0,b.jsx)(u.A,{children:"Another Action"}),(0,b.jsx)(u.A,{children:"Another Action"})]})]})]})})}),(0,b.jsx)(c.A,{xs:"12",md:"6",children:(0,b.jsx)(g.A,{title:"Dropdown Alignment",children:(0,b.jsx)("div",{className:"d-flex align-items-center gap-3",children:(0,b.jsxs)(A.A,{isOpen:e,toggle:(()=>{n(!e)}).bind(null),children:[(0,b.jsx)(p.A,{color:"primary",caret:!0,children:"This dropdowns menu is right-aligned"}),(0,b.jsxs)(j.A,{children:[(0,b.jsx)(u.A,{header:!0,children:"Header"}),(0,b.jsx)(u.A,{disabled:!0,children:"Action"}),(0,b.jsx)(u.A,{children:"Another Action"}),(0,b.jsx)(u.A,{divider:!0}),(0,b.jsx)(u.A,{children:"Another Action"})]})]})})})}),(0,b.jsx)(c.A,{xs:"12",md:"6",children:(0,b.jsx)(g.A,{title:"Custom Dropdown",children:(0,b.jsxs)(x.A,{children:[(0,b.jsx)(p.A,{tag:"span",onClick:z.bind(null),"data-toggle":"dropdown","aria-expanded":r,children:"Custom Dropdown Content"}),(0,b.jsxs)(j.A,{children:[(0,b.jsx)(u.A,{onClick:z,children:"Red"}),(0,b.jsx)(u.A,{onClick:z,children:"Yellow"}),(0,b.jsx)(u.A,{onClick:z,children:"Blue"}),(0,b.jsx)(u.A,{onClick:z,children:"Green"})]})]})})}),(0,b.jsx)(c.A,{xs:"12",md:"6",children:(0,b.jsx)(g.A,{title:"Uncontrolled Dropdown",children:(0,b.jsxs)(x.A,{children:[(0,b.jsx)(p.A,{color:"primary",caret:!0,children:"Dropdown"}),(0,b.jsxs)(j.A,{children:[(0,b.jsx)(u.A,{header:!0,children:"Header"}),(0,b.jsx)(u.A,{disabled:!0,children:"Action"}),(0,b.jsx)(u.A,{children:"Another Action"}),(0,b.jsx)(u.A,{divider:!0}),(0,b.jsx)(u.A,{children:"Another Action"})]})]})})}),(0,b.jsx)(c.A,{xs:"12",md:"6",children:(0,b.jsx)(g.A,{title:"setActiveFromChild",children:(0,b.jsx)(o.A,{color:"light",light:!0,expand:"md",children:(0,b.jsxs)(s.A,{className:"ml-auto",navbar:!0,

1children:[(0,b.jsx)(l.A,{children:(0,b.jsx)(d.A,{href:"/components/",children:"Inactive Link"})}),(0,b.jsxs)(x.A,{setActiveFromChild:!0,children:[(0,b.jsx)(p.A,{tag:"a",className:"nav-link",caret:!0,children:"Dropdown"}),(0,b.jsx)(j.A,{children:(0,b.jsx)(u.A,{tag:"a",href:"/blah",active:!0,children:"Link"})})]})]})})})})]})]})};r.d(n,["default",0,y])},59174(e,n,r){var t=r(65043),i=r(65173),c=r.n(i),o=r(41178);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},s.apply(this,arguments)}var l={children:c().node};function d(e){return t.createElement(o.A,s({group:!0},e))}d.propTypes=l;const a=d;r.d(n,["A",0,a])},24665(e,n,r){var t=r(65043),i=r(65173),c=r.n(i),o=r(98139),s=r.n(o),l=r(96794),d=["expand","className","cssModule","light","dark","fixed","sticky","color","container","tag","children"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},a.apply(this,arguments)}function h(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function A(e,n){if(null==e)return{};var r,t,i=function(e,n){if(null==e)return{};var r,t,i={},c=Object.keys(e);for(t=0;t<c.length;t++)r=c[t],n.indexOf(r)>=0||(i[r]=e[r]);return i}(e,n);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(t=0;t<c.length;t++)r=c[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var u={children:c().node,className:c().string,color:c().string,container:c().oneOfType([c().bool,c().string]),cssModule:c().object,dark:c().bool,expand:c().oneOfType([c().bool,c().string]),fixed:c().string,light:c().bool,role:c().string,sticky:c().string,tag:l.Wx};function j(e){var n,r=e.expand,i=void 0!==r&&r,c=e.className,o=e.cssModule,u=e.light,j=e.dark,p=e.fixed,x=e.sticky,f=e.color,g=e.container,b=void 0===g?"fluid":g,y=e.tag,m=void 0===y?"nav":y,O=e.children,v=A(e,d),w=(0,l.qO)(s()(c,"navbar",function(e){return!1!==e&&(!0===e||"xs"===e?"navbar-expand":"navbar-expand-".concat(e))}(i),(h(n={"navbar-light":u,"navbar-dark":j},"bg-".concat(f),f),h(n,"fixed-".concat(p),p),h(n,"sticky-".concat(x),x),n)),o),S=b&&!0===b?"container":"container-".concat(b);return t.createElement(m,a({},v,{className:w}),b?t.createElement("div",{className:S},O):O)}j.propTypes=u;const p=j;r.d(n,["A",0,p])},49935(e,n,r){r.d(n,{A:()=>g});var t=r(65043),i=r(65173),c=r.n(i),o=r(41178),s=r(96794);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),r.push.apply(r,t)}return r}function a(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},h.apply(this,arguments)}function A(e,n){for(var r=0;r<n.length;r++){var t=n[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}function u(e,n){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},u(e,n)}function j(e){var n=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}();return function(){var r,t=x(e);if(n){var i=x(this).constructor;r=Reflect.construct(t,arguments,i)}else r=t.apply(this,arguments);return function(e,n){if(n&&("object"===l(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}(this,r)}}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}

1function x(e){return x=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},x(e)}var f=["defaultOpen"],g=function(e){!function(e,n){if("function"!==typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),n&&u(e,n)}(l,e);var n,r,i,c=j(l);function l(e){var n;return function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,l),(n=c.call(this,e)).state={isOpen:e.defaultOpen||!1},n.toggle=n.toggle.bind(p(n)),n}return n=l,(r=[{key:"toggle",value:function(e){var n=this;this.setState(function(e){return{isOpen:!e.isOpen}},function(){n.props.onToggle&&n.props.onToggle(e,n.state.isOpen)})}},{key:"render",value:function(){return t.createElement(o.A,h({isOpen:this.state.isOpen,toggle:this.toggle},(0,s.cJ)(this.props,f)))}}])&&A(n.prototype,r),i&&A(n,i),Object.defineProperty(n,"prototype",{writable:!1}),l}(t.Component);g.propTypes=function(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?d(Object(r),!0).forEach(function(n){a(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}({defaultOpen:c().bool,onToggle:c().func},o.A.propTypes)}}]);
2//# sourceMappingURL=4111.1029e83c.chunk.js.map