carbon-components-svelte/assets/OverflowMenu.eb920508.js

let n=document.createElement("style");n.innerHTML="",document.head.appendChild(n);import{S as a,i as s,s as t,v as e,D as o,q as p,L as c,h as l,k as r,l as i,n as u,o as f,r as m,M as d,w as k,N as $,O as g,I as v,z as h,A as w,t as x,b,J as y,C as M,G as O,E as I,d as D,F as E,c as A,m as _,g as C,y as P,j,ad as F,p as L,x as B,B as R,a1 as T,e as U,a4 as H,Q as q,a as V,a8 as N,a2 as S,H as Y,a5 as z,Y as G,a3 as J}from"./index.c724c7a8.js";import"./Button.050f7fa6.js";import"./index.353a6bed.js";import{C as Q,P as K}from"./Preview.cac03ac9.js";import"./ChevronDown16.65632e2b.js";import"./Loading.04ab43b5.js";import"./Column.1268d8a6.js";import"./Content.8eaa1372.js";import"./store.063a32c5.js";function W(n){let a,s;return{c(){a=c("title"),s=l(n[2])},l(t){a=r(t,"title",{},1);var e=i(a);s=u(e,n[2]),e.forEach(f)},m(n,t){p(n,a,t),m(a,s)},p(n,a){4&a&&d(s,n[2])},d(n){n&&f(a)}}}function X(n){let a,s,t,l,u,d,M;const O=n[8].default,I=e(O,n,n[7],null),D=I||function(n){let a,s=n[2]&&W(n);return{c(){s&&s.c(),a=o()},l(n){s&&s.l(n),a=o()},m(n,t){s&&s.m(n,t),p(n,a,t)},p(n,t){n[2]?s?s.p(n,t):(s=W(n),s.c(),s.m(a.parentNode,a)):s&&(s.d(1),s=null)},d(n){s&&s.d(n),n&&f(a)}}}(n);let E=[{"data-carbon-icon":"OverflowMenuVertical16"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 32 32"},{fill:"currentColor"},{width:"16"},{height:"16"},{class:n[0]},{preserveAspectRatio:"xMidYMid meet"},{style:n[3]},{id:n[1]},n[4]],A={};for(let n=0;n<E.length;n+=1)A=k(A,E[n]);return{c(){a=c("svg"),s=c("circle"),t=c("circle"),l=c("circle"),D&&D.c(),this.h()},l(n){a=r(n,"svg",{"data-carbon-icon":!0,xmlns:!0,viewBox:!0,fill:!0,width:!0,height:!0,class:!0,preserveAspectRatio:!0,style:!0,id:!0},1);var e=i(a);s=r(e,"circle",{cx:!0,cy:!0,r:!0},1),i(s).forEach(f),t=r(e,"circle",{cx:!0,cy:!0,r:!0},1),i(t).forEach(f),l=r(e,"circle",{cx:!0,cy:!0,r:!0},1),i(l).forEach(f),D&&D.l(e),e.forEach(f),this.h()},h(){$(s,"cx","16"),$(s,"cy","8"),$(s,"r","2"),$(t,"cx","16"),$(t,"cy","16"),$(t,"r","2"),$(l,"cx","16"),$(l,"cy","24"),$(l,"r","2"),g(a,A)},m(e,o){p(e,a,o),m(a,s),m(a,t),m(a,l),D&&D.m(a,null),u=!0,d||(M=[v(a,"click",n[9]),v(a,"mouseover",n[10]),v(a,"mouseenter",n[11]),v(a,"mouseleave",n[12]),v(a,"keyup",n[13]),v(a,"keydown",n[14])],d=!0)},p(n,[s]){I?I.p&&128&s&&h(I,O,n,n[7],s,null,null):D&&D.p&&4&s&&D.p(n,s),g(a,A=w(E,[{"data-carbon-icon":"OverflowMenuVertical16"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 32 32"},{fill:"currentColor"},{width:"16"},{height:"16"},(!u||1&s)&&{class:n[0]},{preserveAspectRatio:"xMidYMid meet"},(!u||8&s)&&{style:n[3]},(!u||2&s)&&{id:n[1]},16&s&&n[4]]))},i(n){u||(x(D,n),u=!0)},o(n){b(D,n),u=!1},d(n){n&&f(a),D&&D.d(n),d=!1,y(M)}}}function Z(n,a,s){let t,e,o,p,{$$slots:c={},$$scope:l}=a,{class:r}=a,{id:i}=a,{tabindex:u}=a,{focusable:f=!1}=a,{title:m}=a,{style:d}=a;return n.$$set=n=>{s(18,a=k(k({},a),M(n))),"class"in n&&s(0,r=n.class),"id"in n&&s(1,i=n.id),"tabindex"in n&&s(5,u=n.tabindex),"focusable"in n&&s(6,f=n.focusable),"title"in n&&s(2,m=n.title),"style"in n&&s(3,d=n.style),"$$scope"in n&&s(7,l=n.$$scope)},n.$$.update=()=>{s(15,t=a["aria-label"]),s(16,e=a["aria-labelledby"]),98308&n.$$.dirty&&s(17,o=t||e||m),229472&n.$$.dirty&&s(4,p={"aria-label":t,"aria-labelledby":e,"aria-hidden":!o||void 0,role:o?"img":void 0,focusable:"0"===u||f,tabindex:u})},a=M(a),[r,i,m,d,p,u,f,l,c,function(a){O(n,a)},function(a){O(n,a)},function(a){O(n,a)},function(a){O(n,a)},function(a){O(n,a)},function(a){O(n,a)}]}class nn extends a{constructor(n){super(),s(this,n,Z,X,t,{class:0,id:1,tabindex:5,focusable:6,title:2,style:3})}}const an=n=>({}),sn=n=>({});function tn(n){let a,s;const t=n[18].default,o=e(t,n,n[17],null);return{c(){a=C("ul"),o&&o.c(),this.h()},l(n){a=r(n,"UL",{role:!0,tabindex:!0,"aria-label":!0,"data-floating-menu-direction":!0});var s=i(a);o&&o.l(s),s.forEach(f),this.h()},h(){$(a,"role","menu"),$(a,"tabindex","-1"),$(a,"aria-label",n[11]),$(a,"data-floating-menu-direction",n[1]),P(a,"bx--overflow-menu-options",!0),P(a,"bx--overflow-menu--flip",n[3]),P(a,"bx--overflow-menu-options--open",n[0]),P(a,"bx--overflow-menu-options--light",n[2]),P(a,"menuOptionsClass",n[4])},m(t,e){p(t,a,e),o&&o.m(a,null),n[25](a),s=!0},p(n,e){o&&o.p&&131072&e[0]&&h(o,t,n,n[17],e,null,null),(!s||2048&e[0])&&$(a,"aria-label",n[11]),(!s||2&e[0])&&$(a,"data-floating-menu-direction",n[1]),8&e[0]&&P(a,"bx--overflow-menu--flip",n[3]),1&e[0]&&P(a,"bx--overflow-menu-options--open",n[0]),4&e[0]&&P(a,"bx--overflow-menu-options--light",n[2]),16&e[0]&&P(a,"menuOptionsClass",n[4])},i(n){s||(x(o,n),s=!0)},o(n){b(o,n),s=!1},d(s){s&&f(a),o&&o.d(s),n[25](null)}}}function en(n){let a,s,t,c,l,u,d,$,g;const M=n[18].menu,O=e(M,n,n[17],sn),R=O||function(n){let a,s,t;var e=n[5];function c(n){return{props:{"aria-label":n[7],title:n[7],class:"bx--overflow-menu__icon "+n[6]}}}return e&&(a=new e(c(n))),{c(){a&&A(a.$$.fragment),s=o()},l(n){a&&V(a.$$.fragment,n),s=o()},m(n,e){a&&_(a,n,e),p(n,s,e),t=!0},p(n,t){const o={};if(128&t[0]&&(o["aria-label"]=n[7]),128&t[0]&&(o.title=n[7]),64&t[0]&&(o.class="bx--overflow-menu__icon "+n[6]),e!==(e=n[5])){if(a){I();const n=a;b(n.$$.fragment,1,0,()=>{D(n,1)}),E()}e?(a=new e(c(n)),A(a.$$.fragment),x(a.$$.fragment,1),_(a,s.parentNode,s)):a=null}else e&&a.$set(o)},i(n){t||(a&&x(a.$$.fragment,n),t=!0)},o(n){a&&b(a.$$.fragment,n),t=!1},d(n){n&&f(s),a&&D(a,n)}}}(n);let T=n[0]&&tn(n),U=[{tabindex:"0"},{"aria-haspopup":""},{"aria-expanded":n[0]},{"aria-label":n[11]},{id:n[8]},n[16]],H={};for(let n=0;n<U.length;n+=1)H=k(H,U[n]);return{c(){s=o(),t=j(),c=j(),l=C("button"),R&&R.c(),u=j(),T&&T.c(),this.h()},l(n){const a=F('[data-svelte="svelte-7ztmff"]',document.head);s=o(),a.forEach(f),t=L(n),c=L(n),l=r(n,"BUTTON",{tabindex:!0,"aria-haspopup":!0,"aria-expanded":!0,"aria-label":!0,id:!0});var e=i(l);R&&R.l(e),u=L(e),T&&T.l(e),e.forEach(f),this.h()},h(){a=new N(s),B(l,H),P(l,"bx--overflow-menu",!0),P(l,"bx--overflow-menu--open",n[0]),P(l,"bx--overflow-menu--light",n[2])},m(e,o){a.m(n[12],document.head),m(document.head,s),p(e,t,o),p(e,c,o),p(e,l,o),R&&R.m(l,null),m(l,u),T&&T.m(l,null),n[26](l),d=!0,$||(g=[v(document.body,"click",n[24]),v(l,"click",n[19]),v(l,"click",n[27]),v(l,"mouseover",n[20]),v(l,"mouseenter",n[21]),v(l,"mouseleave",n[22]),v(l,"keydown",n[23]),v(l,"keydown",n[28])],$=!0)},p(n,s){(!d||4096&s[0])&&a.p(n[12]),O?O.p&&131072&s[0]&&h(O,M,n,n[17],s,an,sn):R&&R.p&&224&s[0]&&R.p(n,s),n[0]?T?(T.p(n,s),1&s[0]&&x(T,1)):(T=tn(n),T.c(),x(T,1),T.m(l,null)):T&&(I(),b(T,1,1,()=>{T=null}),E()),B(l,H=w(U,[{tabindex:"0"},{"aria-haspopup":""},(!d||1&s[0])&&{"aria-expanded":n[0]},(!d||2048&s[0])&&{"aria-label":n[11]},(!d||256&s[0])&&{id:n[8]},65536&s[0]&&n[16]])),P(l,"bx--overflow-menu",!0),P(l,"bx--overflow-menu--open",n[0]),P(l,"bx--overflow-menu--light",n[2])},i(n){d||(x(R,n),x(T),d=!0)},o(n){b(R,n),b(T),d=!1},d(e){f(s),e&&a.d(),e&&f(t),e&&f(c),e&&f(l),R&&R.d(e),T&&T.d(),n[26](null),$=!1,y(g)}}}function on(n,a,s){const t=["direction","open","light","flipped","menuOptionsClass","icon","iconClass","iconDescription","id"];let e,o,p,c=R(a,t),{$$slots:l={},$$scope:r}=a,{direction:i="bottom"}=a,{open:u=!1}=a,{light:f=!1}=a,{flipped:m=!1}=a,{menuOptionsClass:d}=a,{icon:$=nn}=a,{iconClass:g}=a,{iconDescription:v="Open and close list of options"}=a,{id:h="ccs-"+Math.random().toString(36)}=a;const w=T(),x=S([]);U(n,x,n=>s(32,o=n));const b=S(void 0);U(n,b,n=>s(33,p=n));const y=S(void 0),I=S(-1);U(n,I,n=>s(31,e=n)),H("OverflowMenu",{focusedId:y,add:({id:n,text:a,primaryFocus:s})=>{x.update(t=>(s&&I.set(t.length),[...t,{id:n,text:a,primaryFocus:s,index:t.length}]))},update:n=>{b.set(n)},change:n=>{let a=e+n;a<0?a=o.length-1:a>=o.length&&(a=0),I.set(a)}}),q(()=>{if(p){const{index:n,text:a}=o.filter(n=>n.id===p)[0];w("close",{index:n,text:a}),s(0,u=!1)}if(u){const{width:n,height:a}=D.getBoundingClientRect();s(29,E=n),e<0&&A.focus(),m&&(s(10,A.style.left="auto",A),s(10,A.style.right=0,A)),"top"===i&&(s(10,A.style.top="auto",A),s(10,A.style.bottom=a+"px",A))}_&&!u&&(x.set([]),b.set(void 0),I.set(0)),!_&&u&&(_=!0)});let D,E,A,_,C,P,j;return n.$$set=n=>{s(37,a=k(k({},a),M(n))),s(16,c=R(a,t)),"direction"in n&&s(1,i=n.direction),"open"in n&&s(0,u=n.open),"light"in n&&s(2,f=n.light),"flipped"in n&&s(3,m=n.flipped),"menuOptionsClass"in n&&s(4,d=n.menuOptionsClass),"icon"in n&&s(5,$=n.icon),"iconClass"in n&&s(6,g=n.iconClass),"iconDescription"in n&&s(7,v=n.iconDescription),"id"in n&&s(8,h=n.id),"$$scope"in n&&s(17,r=n.$$scope)},n.$$.update=()=>{s(11,C=a["aria-label"]||"menu"),3&n.$$.dirty[1]&&o[e]&&y.set(o[e].id),536870912&n.$$.dirty[0]&&s(34,P=`.bx--overflow-menu-options.bx--overflow-menu-options:after {\n      width: ${E?E+"px":"2rem"};\n    }`),8&n.$$.dirty[1]&&s(12,j=["<style>",P,"</style>"].join(""))},s(9,D=void 0),s(29,E=void 0),s(10,A=void 0),_=!1,a=M(a),[u,i,f,m,d,$,g,v,h,D,A,C,j,x,b,I,c,r,l,function(a){O(n,a)},function(a){O(n,a)},function(a){O(n,a)},function(a){O(n,a)},function(a){O(n,a)},({target:n})=>{D&&D.contains(n)||A&&!A.contains(n)&&s(0,u=!1)},function(n){Y[n?"unshift":"push"](()=>{A=n,s(10,A)})},function(n){Y[n?"unshift":"push"](()=>{D=n,s(9,D)})},({target:n})=>{A&&A.contains(n)||s(0,u=!u)},n=>{u&&(["ArrowDown","ArrowLeft","ArrowRight","ArrowUp"].includes(n.key)?n.preventDefault():"Escape"===n.key&&(n.stopPropagation(),s(0,u=!1),D.focus()))}]}class pn extends a{constructor(n){super(),s(this,n,on,en,t,{direction:1,open:0,light:2,flipped:3,menuOptionsClass:4,icon:5,iconClass:6,iconDescription:7,id:8},[-1,-1])}}function cn(n){let a,s,t,o;const c=n[15].default,$=e(c,n,n[14],null),g=$||function(n){let a,s;return{c(){a=C("div"),s=l(n[1]),this.h()},l(t){a=r(t,"DIV",{});var e=i(a);s=u(e,n[1]),e.forEach(f),this.h()},h(){P(a,"bx--overflow-menu-options__option-content",!0)},m(n,t){p(n,a,t),m(a,s)},p(n,a){2&a&&d(s,n[1])},d(n){n&&f(a)}}}(n);let M=[n[7]],O={};for(let n=0;n<M.length;n+=1)O=k(O,M[n]);return{c(){a=C("button"),g&&g.c(),this.h()},l(n){a=r(n,"BUTTON",{});var s=i(a);g&&g.l(s),s.forEach(f),this.h()},h(){B(a,O)},m(e,c){p(e,a,c),g&&g.m(a,null),n[23](a),s=!0,t||(o=[v(a,"click",n[18]),v(a,"click",n[24]),v(a,"keydown",n[19]),v(a,"keydown",n[25])],t=!0)},p(n,s){$?$.p&&16384&s&&h($,c,n,n[14],s,null,null):g&&g.p&&2&s&&g.p(n,s),B(a,O=w(M,[128&s&&n[7]]))},i(n){s||(x(g,n),s=!0)},o(n){b(g,n),s=!1},d(s){s&&f(a),g&&g.d(s),n[23](null),t=!1,y(o)}}}function ln(n){let a,s,t,o;const c=n[15].default,$=e(c,n,n[14],null),g=$||function(n){let a,s;return{c(){a=C("div"),s=l(n[1]),this.h()},l(t){a=r(t,"DIV",{});var e=i(a);s=u(e,n[1]),e.forEach(f),this.h()},h(){P(a,"bx--overflow-menu-options__option-content",!0)},m(n,t){p(n,a,t),m(a,s)},p(n,a){2&a&&d(s,n[1])},d(n){n&&f(a)}}}(n);let M=[n[7]],O={};for(let n=0;n<M.length;n+=1)O=k(O,M[n]);return{c(){a=C("a"),g&&g.c(),this.h()},l(n){a=r(n,"A",{});var s=i(a);g&&g.l(s),s.forEach(f),this.h()},h(){B(a,O)},m(e,c){p(e,a,c),g&&g.m(a,null),n[20](a),s=!0,t||(o=[v(a,"click",n[16]),v(a,"click",n[21]),v(a,"keydown",n[17]),v(a,"keydown",n[22])],t=!0)},p(n,s){$?$.p&&16384&s&&h($,c,n,n[14],s,null,null):g&&g.p&&2&s&&g.p(n,s),B(a,O=w(M,[128&s&&n[7]]))},i(n){s||(x(g,n),s=!0)},o(n){b(g,n),s=!1},d(s){s&&f(a),g&&g.d(s),n[20](null),t=!1,y(o)}}}function rn(n){let a,s,t,e;const o=[ln,cn],c=[];function l(n,a){return n[2]?0:1}s=l(n),t=c[s]=o[s](n);let u=[{role:"menuitem"},{id:n[6]},n[11]],m={};for(let n=0;n<u.length;n+=1)m=k(m,u[n]);return{c(){a=C("li"),t.c(),this.h()},l(n){a=r(n,"LI",{role:!0,id:!0});var s=i(a);t.l(s),s.forEach(f),this.h()},h(){B(a,m),P(a,"bx--overflow-menu-options__option",!0),P(a,"bx--overflow-menu--divider",n[4]),P(a,"bx--overflow-menu-options__option--danger",n[5]),P(a,"bx--overflow-menu-options__option--disabled",n[3])},m(n,t){p(n,a,t),c[s].m(a,null),e=!0},p(n,[p]){let r=s;s=l(n),s===r?c[s].p(n,p):(I(),b(c[r],1,1,()=>{c[r]=null}),E(),t=c[s],t||(t=c[s]=o[s](n),t.c()),x(t,1),t.m(a,null)),B(a,m=w(u,[{role:"menuitem"},(!e||64&p)&&{id:n[6]},2048&p&&n[11]])),P(a,"bx--overflow-menu-options__option",!0),P(a,"bx--overflow-menu--divider",n[4]),P(a,"bx--overflow-menu-options__option--danger",n[5]),P(a,"bx--overflow-menu-options__option--disabled",n[3])},i(n){e||(x(t),e=!0)},o(n){b(t),e=!1},d(n){n&&f(a),c[s].d()}}}function un(n,a,s){const t=["text","href","primaryFocus","disabled","hasDivider","danger","requireTitle","id","ref"];let e,o=R(a,t),{$$slots:p={},$$scope:c}=a,{text:l="Provide text"}=a,{href:r=""}=a,{primaryFocus:i=!1}=a,{disabled:u=!1}=a,{hasDivider:f=!1}=a,{danger:m=!1}=a,{requireTitle:d=!0}=a,{id:$="ccs-"+Math.random().toString(36)}=a,{ref:g=null}=a;const{focusedId:v,add:h,update:w,change:x}=z("OverflowMenu");U(n,v,n=>s(26,e=n)),h({id:$,text:l,primaryFocus:i}),q(()=>{i&&g.focus()});let b;return n.$$set=n=>{a=k(k({},a),M(n)),s(11,o=R(a,t)),"text"in n&&s(1,l=n.text),"href"in n&&s(2,r=n.href),"primaryFocus"in n&&s(12,i=n.primaryFocus),"disabled"in n&&s(3,u=n.disabled),"hasDivider"in n&&s(4,f=n.hasDivider),"danger"in n&&s(5,m=n.danger),"requireTitle"in n&&s(13,d=n.requireTitle),"id"in n&&s(6,$=n.id),"ref"in n&&s(0,g=n.ref),"$$scope"in n&&s(14,c=n.$$scope)},n.$$.update=()=>{67108928&n.$$.dirty&&s(12,i=e===$),8206&n.$$.dirty&&s(7,b={tabindex:"-1",title:d?l:void 0,class:"bx--overflow-menu-options__btn",disabled:r?void 0:u,href:r||void 0})},[g,l,r,u,f,m,$,b,v,w,x,o,i,d,c,p,function(a){O(n,a)},function(a){O(n,a)},function(a){O(n,a)},function(a){O(n,a)},function(n){Y[n?"unshift":"push"](()=>{g=n,s(0,g)})},()=>{w($)},({key:n})=>{"ArrowDown"===n?x(1):"ArrowUp"===n&&x(-1)},function(n){Y[n?"unshift":"push"](()=>{g=n,s(0,g)})},()=>{w($)},({key:n})=>{"ArrowDown"===n?x(1):"ArrowUp"===n&&x(-1)}]}class fn extends a{constructor(n){super(),s(this,n,un,rn,t,{text:1,href:2,primaryFocus:12,disabled:3,hasDivider:4,danger:5,requireTitle:13,id:6,ref:0})}}function mn(n){let a,s,t,e,o,c;return a=new fn({props:{text:"Manage credentials"}}),t=new fn({props:{href:"https://cloud.ibm.com/docs/api-gateway/",text:"API documentation"}}),o=new fn({props:{danger:!0,text:"Delete service"}}),{c(){A(a.$$.fragment),s=j(),A(t.$$.fragment),e=j(),A(o.$$.fragment)},l(n){V(a.$$.fragment,n),s=L(n),V(t.$$.fragment,n),e=L(n),V(o.$$.fragment,n)},m(n,l){_(a,n,l),p(n,s,l),_(t,n,l),p(n,e,l),_(o,n,l),c=!0},p:G,i(n){c||(x(a.$$.fragment,n),x(t.$$.fragment,n),x(o.$$.fragment,n),c=!0)},o(n){b(a.$$.fragment,n),b(t.$$.fragment,n),b(o.$$.fragment,n),c=!1},d(n){D(a,n),n&&f(s),D(t,n),n&&f(e),D(o,n)}}}function dn(n){let a,s;return a=new pn({props:{$$slots:{default:[mn]},$$scope:{ctx:n}}}),{c(){A(a.$$.fragment)},l(n){V(a.$$.fragment,n)},m(n,t){_(a,n,t),s=!0},p(n,s){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){b(a.$$.fragment,n),s=!1},d(n){D(a,n)}}}function kn(n){let a,s,t,e,o,c;return a=new fn({props:{text:"Manage credentials"}}),t=new fn({props:{href:"https://cloud.ibm.com/docs/api-gateway/",text:"API documentation"}}),o=new fn({props:{danger:!0,text:"Delete service"}}),{c(){A(a.$$.fragment),s=j(),A(t.$$.fragment),e=j(),A(o.$$.fragment)},l(n){V(a.$$.fragment,n),s=L(n),V(t.$$.fragment,n),e=L(n),V(o.$$.fragment,n)},m(n,l){_(a,n,l),p(n,s,l),_(t,n,l),p(n,e,l),_(o,n,l),c=!0},p:G,i(n){c||(x(a.$$.fragment,n),x(t.$$.fragment,n),x(o.$$.fragment,n),c=!0)},o(n){b(a.$$.fragment,n),b(t.$$.fragment,n),b(o.$$.fragment,n),c=!1},d(n){D(a,n),n&&f(s),D(t,n),n&&f(e),D(o,n)}}}function $n(n){let a,s;return a=new pn({props:{open:!0,flipped:!0,$$slots:{default:[kn]},$$scope:{ctx:n}}}),{c(){A(a.$$.fragment)},l(n){V(a.$$.fragment,n)},m(n,t){_(a,n,t),s=!0},p(n,s){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){b(a.$$.fragment,n),s=!1},d(n){D(a,n)}}}function gn(n){let a,s,t,e,o,c;return a=new fn({props:{text:"Manage credentials"}}),t=new fn({props:{href:"https://cloud.ibm.com/docs/api-gateway/",text:"API documentation"}}),o=new fn({props:{danger:!0,text:"Delete service"}}),{c(){A(a.$$.fragment),s=j(),A(t.$$.fragment),e=j(),A(o.$$.fragment)},l(n){V(a.$$.fragment,n),s=L(n),V(t.$$.fragment,n),e=L(n),V(o.$$.fragment,n)},m(n,l){_(a,n,l),p(n,s,l),_(t,n,l),p(n,e,l),_(o,n,l),c=!0},p:G,i(n){c||(x(a.$$.fragment,n),x(t.$$.fragment,n),x(o.$$.fragment,n),c=!0)},o(n){b(a.$$.fragment,n),b(t.$$.fragment,n),b(o.$$.fragment,n),c=!1},d(n){D(a,n),n&&f(s),D(t,n),n&&f(e),D(o,n)}}}function vn(n){let a,s;return a=new pn({props:{flipped:!0,direction:"top",$$slots:{default:[gn]},$$scope:{ctx:n}}}),{c(){A(a.$$.fragment)},l(n){V(a.$$.fragment,n)},m(n,t){_(a,n,t),s=!0},p(n,s){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){b(a.$$.fragment,n),s=!1},d(n){D(a,n)}}}function hn(n){let a,s,t,e,o,c;return a=new fn({props:{text:"Manage credentials"}}),t=new fn({props:{href:"https://cloud.ibm.com/docs/api-gateway/",text:"API documentation"}}),o=new fn({props:{primaryFocus:!0,danger:!0,text:"Delete service"}}),{c(){A(a.$$.fragment),s=j(),A(t.$$.fragment),e=j(),A(o.$$.fragment)},l(n){V(a.$$.fragment,n),s=L(n),V(t.$$.fragment,n),e=L(n),V(o.$$.fragment,n)},m(n,l){_(a,n,l),p(n,s,l),_(t,n,l),p(n,e,l),_(o,n,l),c=!0},p:G,i(n){c||(x(a.$$.fragment,n),x(t.$$.fragment,n),x(o.$$.fragment,n),c=!0)},o(n){b(a.$$.fragment,n),b(t.$$.fragment,n),b(o.$$.fragment,n),c=!1},d(n){D(a,n),n&&f(s),D(t,n),n&&f(e),D(o,n)}}}function wn(n){let a,s;return a=new pn({props:{$$slots:{default:[hn]},$$scope:{ctx:n}}}),{c(){A(a.$$.fragment)},l(n){V(a.$$.fragment,n)},m(n,t){_(a,n,t),s=!0},p(n,s){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){b(a.$$.fragment,n),s=!1},d(n){D(a,n)}}}function xn(n){let a,s;return{c(){a=C("div"),s=l("Custom trigger"),this.h()},l(n){a=r(n,"DIV",{slot:!0,style:!0});var t=i(a);s=u(t,"Custom trigger"),t.forEach(f),this.h()},h(){$(a,"slot","menu"),J(a,"padding","1rem"),J(a,"color","red")},m(n,t){p(n,a,t),m(a,s)},d(n){n&&f(a)}}}function bn(n){let a,s,t,e,o,c,l;return s=new fn({props:{text:"Manage credentials"}}),e=new fn({props:{href:"https://cloud.ibm.com/docs/api-gateway/",text:"API documentation"}}),c=new fn({props:{danger:!0,text:"Delete service"}}),{c(){a=j(),A(s.$$.fragment),t=j(),A(e.$$.fragment),o=j(),A(c.$$.fragment)},l(n){a=L(n),V(s.$$.fragment,n),t=L(n),V(e.$$.fragment,n),o=L(n),V(c.$$.fragment,n)},m(n,r){p(n,a,r),_(s,n,r),p(n,t,r),_(e,n,r),p(n,o,r),_(c,n,r),l=!0},p:G,i(n){l||(x(s.$$.fragment,n),x(e.$$.fragment,n),x(c.$$.fragment,n),l=!0)},o(n){b(s.$$.fragment,n),b(e.$$.fragment,n),b(c.$$.fragment,n),l=!1},d(n){n&&f(a),D(s,n),n&&f(t),D(e,n),n&&f(o),D(c,n)}}}function yn(n){let a,s;return a=new pn({props:{style:"width: auto;",$$slots:{default:[bn],menu:[xn]},$$scope:{ctx:n}}}),{c(){A(a.$$.fragment)},l(n){V(a.$$.fragment,n)},m(n,t){_(a,n,t),s=!0},p(n,s){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){b(a.$$.fragment,n),s=!1},d(n){D(a,n)}}}function Mn(n){let a,s,t,e,o,c,d,k,g,v,h,w,x,b,y,M,O,I,D,E,A,_,P,F,B,R;return{c(){a=C("div"),s=C("ul"),t=C("li"),e=C("a"),o=l("Usage"),c=j(),d=C("ul"),k=C("li"),g=C("a"),v=l("Default"),h=j(),w=C("li"),x=C("a"),b=l("Flipped"),y=j(),M=C("li"),O=C("a"),I=l("Menu direction top"),D=j(),E=C("li"),A=C("a"),_=l("Custom primary focus"),P=j(),F=C("li"),B=C("a"),R=l("Custom trigger slot"),this.h()},l(n){a=r(n,"DIV",{slot:!0});var p=i(a);s=r(p,"UL",{class:!0});var l=i(s);t=r(l,"LI",{class:!0});var m=i(t);e=r(m,"A",{class:!0,href:!0});var $=i(e);o=u($,"Usage"),$.forEach(f),c=L(m),d=r(m,"UL",{class:!0});var C=i(d);k=r(C,"LI",{class:!0});var j=i(k);g=r(j,"A",{class:!0,href:!0});var T=i(g);v=u(T,"Default"),T.forEach(f),j.forEach(f),h=L(C),w=r(C,"LI",{class:!0});var U=i(w);x=r(U,"A",{class:!0,href:!0});var H=i(x);b=u(H,"Flipped"),H.forEach(f),U.forEach(f),y=L(C),M=r(C,"LI",{class:!0});var q=i(M);O=r(q,"A",{class:!0,href:!0});var V=i(O);I=u(V,"Menu direction top"),V.forEach(f),q.forEach(f),D=L(C),E=r(C,"LI",{class:!0});var N=i(E);A=r(N,"A",{class:!0,href:!0});var S=i(A);_=u(S,"Custom primary focus"),S.forEach(f),N.forEach(f),P=L(C),F=r(C,"LI",{class:!0});var Y=i(F);B=r(Y,"A",{class:!0,href:!0});var z=i(B);R=u(z,"Custom trigger slot"),z.forEach(f),Y.forEach(f),C.forEach(f),m.forEach(f),l.forEach(f),p.forEach(f),this.h()},h(){$(e,"class","bx--link"),$(e,"href","#usage"),$(g,"class","bx--link"),$(g,"href","#default"),$(k,"class","bx--list__item"),$(x,"class","bx--link"),$(x,"href","#flipped"),$(w,"class","bx--list__item"),$(O,"class","bx--link"),$(O,"href","#menu-direction-top"),$(M,"class","bx--list__item"),$(A,"class","bx--link"),$(A,"href","#custom-primary-focus"),$(E,"class","bx--list__item"),$(B,"class","bx--link"),$(B,"href","#custom-trigger-slot"),$(F,"class","bx--list__item"),$(d,"class","bx--list--unordered bx--list--nested"),$(t,"class","bx--list__item"),$(s,"class","bx--list--unordered"),$(a,"slot","aside")},m(n,l){p(n,a,l),m(a,s),m(s,t),m(t,e),m(e,o),m(t,c),m(t,d),m(d,k),m(k,g),m(g,v),m(d,h),m(d,w),m(w,x),m(x,b),m(d,y),m(d,M),m(M,O),m(O,I),m(d,D),m(d,E),m(E,A),m(A,_),m(d,P),m(d,F),m(F,B),m(B,R)},d(n){n&&f(a)}}}function On(n){let a,s,t,e,o,c,d,k,g,v,h,w,y,M,O,I,E,P,F,B,R,T,U,H,q,N,S,Y,z;return e=new K({props:{codeRaw:'<script>\n  import { OverflowMenu, OverflowMenuItem } from "carbon-components-svelte";\n<\/script>\n\n<OverflowMenu>\n  <OverflowMenuItem text="Manage credentials" />\n  <OverflowMenuItem\n    href="https://cloud.ibm.com/docs/api-gateway/"\n    text="API documentation"\n  />\n  <OverflowMenuItem danger text="Delete service" />\n</OverflowMenu>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> OverflowMenu<span class="token punctuation">,</span> OverflowMenuItem <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenu</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenuItem</span> <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Manage credentials<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenuItem</span>\n    <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://cloud.ibm.com/docs/api-gateway/<span class="token punctuation">"</span></span>\n    <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>API documentation<span class="token punctuation">"</span></span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenuItem</span> <span class="token attr-name">danger</span> <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Delete service<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>OverflowMenu</span><span class="token punctuation">></span></span>\n',$$slots:{default:[dn]},$$scope:{ctx:n}}}),g=new K({props:{codeRaw:'<script>\n  import { OverflowMenu, OverflowMenuItem } from "carbon-components-svelte";\n<\/script>\n\n<OverflowMenu open flipped>\n  <OverflowMenuItem text="Manage credentials" />\n  <OverflowMenuItem\n    href="https://cloud.ibm.com/docs/api-gateway/"\n    text="API documentation"\n  />\n  <OverflowMenuItem danger text="Delete service" />\n</OverflowMenu>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> OverflowMenu<span class="token punctuation">,</span> OverflowMenuItem <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenu</span> <span class="token attr-name">open</span> <span class="token attr-name">flipped</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenuItem</span> <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Manage credentials<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenuItem</span>\n    <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://cloud.ibm.com/docs/api-gateway/<span class="token punctuation">"</span></span>\n    <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>API documentation<span class="token punctuation">"</span></span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenuItem</span> <span class="token attr-name">danger</span> <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Delete service<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>OverflowMenu</span><span class="token punctuation">></span></span>\n',$$slots:{default:[$n]},$$scope:{ctx:n}}}),M=new K({props:{codeRaw:'<script>\n  import { OverflowMenu, OverflowMenuItem } from "carbon-components-svelte";\n<\/script>\n\n<OverflowMenu flipped direction="top">\n  <OverflowMenuItem text="Manage credentials" />\n  <OverflowMenuItem\n    href="https://cloud.ibm.com/docs/api-gateway/"\n    text="API documentation"\n  />\n  <OverflowMenuItem danger text="Delete service" />\n</OverflowMenu>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> OverflowMenu<span class="token punctuation">,</span> OverflowMenuItem <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenu</span> <span class="token attr-name">flipped</span> <span class="token attr-name">direction</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>top<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenuItem</span> <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Manage credentials<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenuItem</span>\n    <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://cloud.ibm.com/docs/api-gateway/<span class="token punctuation">"</span></span>\n    <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>API documentation<span class="token punctuation">"</span></span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenuItem</span> <span class="token attr-name">danger</span> <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Delete service<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>OverflowMenu</span><span class="token punctuation">></span></span>\n',$$slots:{default:[vn]},$$scope:{ctx:n}}}),T=new K({props:{codeRaw:'<script>\n  import { OverflowMenu, OverflowMenuItem } from "carbon-components-svelte";\n<\/script>\n\n<OverflowMenu>\n  <OverflowMenuItem text="Manage credentials" />\n  <OverflowMenuItem\n    href="https://cloud.ibm.com/docs/api-gateway/"\n    text="API documentation"\n  />\n  <OverflowMenuItem primaryFocus danger text="Delete service" />\n</OverflowMenu>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> OverflowMenu<span class="token punctuation">,</span> OverflowMenuItem <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenu</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenuItem</span> <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Manage credentials<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenuItem</span>\n    <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://cloud.ibm.com/docs/api-gateway/<span class="token punctuation">"</span></span>\n    <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>API documentation<span class="token punctuation">"</span></span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenuItem</span> <span class="token attr-name">primaryFocus</span> <span class="token attr-name">danger</span> <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Delete service<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>OverflowMenu</span><span class="token punctuation">></span></span>\n',$$slots:{default:[wn]},$$scope:{ctx:n}}}),S=new K({props:{codeRaw:'<script>\n  import { OverflowMenu, OverflowMenuItem } from "carbon-components-svelte";\n<\/script>\n\n<OverflowMenu style="width: auto;">\n  <div slot="menu" style="padding: 1rem; color: red;">Custom trigger</div>\n  <OverflowMenuItem text="Manage credentials" />\n  <OverflowMenuItem\n    href="https://cloud.ibm.com/docs/api-gateway/"\n    text="API documentation"\n  />\n  <OverflowMenuItem danger text="Delete service" />\n</OverflowMenu>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> OverflowMenu<span class="token punctuation">,</span> OverflowMenuItem <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenu</span> <span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>width: auto;<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>menu<span class="token punctuation">"</span></span> <span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>padding: 1rem; color: red;<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Custom trigger<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenuItem</span> <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Manage credentials<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenuItem</span>\n    <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://cloud.ibm.com/docs/api-gateway/<span class="token punctuation">"</span></span>\n    <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>API documentation<span class="token punctuation">"</span></span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>OverflowMenuItem</span> <span class="token attr-name">danger</span> <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Delete service<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>OverflowMenu</span><span class="token punctuation">></span></span>\n',$$slots:{default:[yn]},$$scope:{ctx:n}}}),{c(){a=C("h3"),s=l("Default"),t=j(),A(e.$$.fragment),o=j(),c=C("h3"),d=l("Flipped"),k=j(),A(g.$$.fragment),v=j(),h=C("h3"),w=l("Menu direction top"),y=j(),A(M.$$.fragment),O=j(),I=C("h3"),E=l("Custom primary focus"),P=j(),F=C("p"),B=l("By default, the first overflow menu item is focused when opening the dropdown."),R=j(),A(T.$$.fragment),U=j(),H=C("h3"),q=l("Custom trigger slot"),N=j(),A(S.$$.fragment),Y=j(),this.h()},l(n){a=r(n,"H3",{id:!0});var p=i(a);s=u(p,"Default"),p.forEach(f),t=L(n),V(e.$$.fragment,n),o=L(n),c=r(n,"H3",{id:!0});var l=i(c);d=u(l,"Flipped"),l.forEach(f),k=L(n),V(g.$$.fragment,n),v=L(n),h=r(n,"H3",{id:!0});var m=i(h);w=u(m,"Menu direction top"),m.forEach(f),y=L(n),V(M.$$.fragment,n),O=L(n),I=r(n,"H3",{id:!0});var $=i(I);E=u($,"Custom primary focus"),$.forEach(f),P=L(n),F=r(n,"P",{});var x=i(F);B=u(x,"By default, the first overflow menu item is focused when opening the dropdown."),x.forEach(f),R=L(n),V(T.$$.fragment,n),U=L(n),H=r(n,"H3",{id:!0});var b=i(H);q=u(b,"Custom trigger slot"),b.forEach(f),N=L(n),V(S.$$.fragment,n),Y=L(n),this.h()},h(){$(a,"id","default"),$(c,"id","flipped"),$(h,"id","menu-direction-top"),$(I,"id","custom-primary-focus"),$(H,"id","custom-trigger-slot")},m(n,l){p(n,a,l),m(a,s),p(n,t,l),_(e,n,l),p(n,o,l),p(n,c,l),m(c,d),p(n,k,l),_(g,n,l),p(n,v,l),p(n,h,l),m(h,w),p(n,y,l),_(M,n,l),p(n,O,l),p(n,I,l),m(I,E),p(n,P,l),p(n,F,l),m(F,B),p(n,R,l),_(T,n,l),p(n,U,l),p(n,H,l),m(H,q),p(n,N,l),_(S,n,l),p(n,Y,l),z=!0},p(n,a){const s={};1&a&&(s.$$scope={dirty:a,ctx:n}),e.$set(s);const t={};1&a&&(t.$$scope={dirty:a,ctx:n}),g.$set(t);const o={};1&a&&(o.$$scope={dirty:a,ctx:n}),M.$set(o);const p={};1&a&&(p.$$scope={dirty:a,ctx:n}),T.$set(p);const c={};1&a&&(c.$$scope={dirty:a,ctx:n}),S.$set(c)},i(n){z||(x(e.$$.fragment,n),x(g.$$.fragment,n),x(M.$$.fragment,n),x(T.$$.fragment,n),x(S.$$.fragment,n),z=!0)},o(n){b(e.$$.fragment,n),b(g.$$.fragment,n),b(M.$$.fragment,n),b(T.$$.fragment,n),b(S.$$.fragment,n),z=!1},d(n){n&&f(a),n&&f(t),D(e,n),n&&f(o),n&&f(c),n&&f(k),D(g,n),n&&f(v),n&&f(h),n&&f(y),D(M,n),n&&f(O),n&&f(I),n&&f(P),n&&f(F),n&&f(R),D(T,n),n&&f(U),n&&f(H),n&&f(N),D(S,n),n&&f(Y)}}}function In(n){let a,s;return a=new Q({props:{$$slots:{default:[On],aside:[Mn]},$$scope:{ctx:n}}}),{c(){A(a.$$.fragment)},l(n){V(a.$$.fragment,n)},m(n,t){_(a,n,t),s=!0},p(n,[s]){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){b(a.$$.fragment,n),s=!1},d(n){D(a,n)}}}export default class extends a{constructor(n){super(),s(this,n,null,In,t,{})}}