13 lines
25 KiB
JavaScript
13 lines
25 KiB
JavaScript
import{S as ee,i as te,s as le,N as st,o as L,z as ne,y as q,g as B,b as d,c as Y,d as N,e as I,m as H,Q as M,A as De,t as V,h as T,f as U,j as R,R as oe,M as We,I as $,l as Ie,C as K,a4 as pe,P as be,U as at,u as Me,q as Le,r as Ee,_ as se,T as Ve,G as Oe,$ as ue,Z as Te,V as P,a1 as he,p as X,a2 as ge,v as qe,w as ze,x as rt,k as Ce,K as ot,a0 as ut,H as ft}from"./index-df681c7c.js";import{g as fe,a as Ne}from"./spread-8a54911c.js";import{w as dt,p as ct,M as mt,T as pt,S as bt}from"./collect-stories-a6a786e2.js";import{F as ae}from"./fa-8c2107fb.js";import{e as ht,g as Ue,f as gt}from"./index.es-f852b0b6.js";import{p as _t}from"./pym.v1-7344f633.js";import{u as yt}from"./index-b62d9356.js";import{e as _e}from"./each-e59479a4.js";import{w as vt}from"./withParams-47e2ab71.js";import"./_commonjsHelpers-de833af9.js";const kt=`An embed tool for development in the Graphics Kit.
|
|
|
|
\`\`\`svelte
|
|
<script>
|
|
import { Framer } from '@reuters-graphics/graphics-components';
|
|
|
|
const embeds = ['/embeds/my-chart/index.html'];
|
|
<\/script>
|
|
|
|
<Framer embeds="{embeds}" />
|
|
\`\`\`
|
|
`,G=dt(660);function wt(e){let t,l,a,s=(e[7]||e[3])+"",n,i,u,f,o,m,F,v,h,k,g,S,_,w,A,W,D,p,b;return st(e[21]),m=new ae({props:{icon:ht,fw:!0}}),A=new ae({props:{icon:Ue,fw:!0}}),{c(){t=L("div"),l=L("div"),a=L("div"),n=ne(s),i=ne("px"),f=q(),o=L("button"),B(m.$$.fragment),v=q(),h=L("div"),k=L("div"),g=q(),S=L("div"),_=q(),w=L("button"),B(A.$$.fragment),d(a,"class","label svelte-g53f92"),d(a,"style",u=`opacity: ${e[5]||e[6]?1:0};`),d(o,"class","icon left svelte-g53f92"),o.disabled=F=e[3]===e[1],d(k,"class","track svelte-g53f92"),d(S,"class","handle svelte-g53f92"),d(S,"tabindex","0"),Y(S,"left","calc("+e[8]*100+"% - 5px)"),d(h,"class","slider-container svelte-g53f92"),d(w,"class","icon right svelte-g53f92"),w.disabled=W=e[3]===e[2],d(l,"class","slider svelte-g53f92"),d(t,"id","resizer"),d(t,"class","svelte-g53f92")},m(y,E){N(y,t,E),I(t,l),I(l,a),I(a,n),I(a,i),I(l,f),I(l,o),H(m,o,null),I(l,v),I(l,h),I(h,k),I(h,g),I(h,S),e[22](h),I(l,_),I(l,w),H(A,w,null),D=!0,p||(b=[M(window,"mousemove",e[9]),M(window,"mouseup",e[12]),M(window,"keydown",e[10]),M(window,"resize",e[21]),M(o,"click",e[16]),M(o,"focus",e[13]),M(o,"mouseover",e[13]),M(o,"mouseleave",e[14]),M(S,"mousedown",e[11]),M(S,"focus",e[13]),M(S,"blur",e[14]),M(w,"click",e[15]),M(w,"focus",e[13]),M(w,"mouseover",e[13]),M(w,"mouseleave",e[14])],p=!0)},p(y,[E]){(!D||E&136)&&s!==(s=(y[7]||y[3])+"")&&De(n,s),(!D||E&96&&u!==(u=`opacity: ${y[5]||y[6]?1:0};`))&&d(a,"style",u),(!D||E&10&&F!==(F=y[3]===y[1]))&&(o.disabled=F),(!D||E&256)&&Y(S,"left","calc("+y[8]*100+"% - 5px)"),(!D||E&12&&W!==(W=y[3]===y[2]))&&(w.disabled=W)},i(y){D||(V(m.$$.fragment,y),V(A.$$.fragment,y),D=!0)},o(y){T(m.$$.fragment,y),T(A.$$.fragment,y),D=!1},d(y){y&&U(t),R(m),e[22](null),R(A),p=!1,oe(b)}}}const x=90;function Ft(e,t,l){let a,s,n,i,u;We(e,G,c=>l(3,u=c));let{breakpoints:f=[330,510,660,930,1200]}=t,{maxFrameWidth:o=1200}=t,{minFrameWidth:m=320}=t,F,v=1200,h=!1,k=!1;const g=c=>Math.ceil(c/5)*5,S=()=>Math.round(n*i+a);let _=null;const w=c=>{if(!h||!F)return;const{left:C}=F.getBoundingClientRect();l(8,i=Math.min(Math.max(0,c.pageX-C),x)/x),l(7,_=g(S()))},A=c=>{if(!k)return;const{keyCode:C}=c,Z=x/n;C===39?l(8,i=Math.min(1,i+Z/x)):C===37&&l(8,i=Math.max(0,i-Z/x)),G.set(S())},W=c=>{l(5,h=!0),w(c)},D=()=>{l(5,h=!1),l(7,_=null),G.set(g(S()))},p=()=>{l(6,k=!0)},b=()=>{l(6,k=!1)},y=()=>{const c=f.filter(C=>C<=s).filter(C=>C>u);c.length===0?G.set(s):G.set(c[0])},E=()=>{const c=f.filter(C=>C<u);c.length===0?G.set(a):G.set(c.slice(-1)[0])};function z(){l(0,v=window.innerWidth)}function j(c){$[c?"unshift":"push"](()=>{F=c,l(4,F)})}return e.$$set=c=>{"breakpoints"in c&&l(17,f=c.breakpoints),"maxFrameWidth"in c&&l(18,o=c.maxFrameWidth),"minFrameWidth"in c&&l(19,m=c.minFrameWidth)},e.$$.update=()=>{e.$$.dirty&524288&&l(1,a=m),e.$$.dirty&262145&&l(2,s=Math.min(v-70,o)),e.$$.dirty&6&&l(20,n=s-a),e.$$.dirty&12&&u>s&&G.set(s),e.$$.dirty&1048586&&l(8,i=(u-a)/n)},[v,a,s,u,F,h,k,_,i,w,A,W,D,p,b,y,E,f,o,m,n,z,j]}class je extends ee{constructor(t){super(),te(this,t,Ft,wt,le,{breakpoints:17,maxFrameWidth:18,minFrameWidth:19})}}je.__docgen={version:3,name:"index.svelte",data:[{visibility:"public",description:null,keywords:[],name:"breakpoints",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"array",type:"array"}},{visibility:"public",description:null,keywords:[],name:"maxFrameWidth",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"number",type:"number"},defaultValue:1200},{visibility:"public",description:null,keywords:[],name:"minFrameWidth",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"number",type:"number"},defaultValue:320}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const St=e=>{const t=e.map(n=>n.replace(/\?.+$/,"")).map(n=>n.replace(/index\.html$/,"")).map(n=>n.replace(/^http[s]*:\/\/[\w.]+\.com/,""));if(t.length===1)return[t[0].split("/").filter(n=>n).slice(-1)[0]];const l=t[0];let a=0;for(const n in l.split("/")){const i=l.split("/")[n];if(t.every(f=>f.split("/")[n]===i))a+=1;else break}if(a===l.split("/").length)return t;let s=0;for(const n in l.split("/").reverse()){const i=l.split("/").reverse()[n];if(t.every(f=>f.split("/").reverse()[n]===i))s+=1;else break}return t.map(n=>s>0?n.split("/").slice(a,s*-1).join("/"):n.split("/").slice(a).join("/"))},J={};J.simpleFilter=function(e,t){return t.filter(function(l){return J.test(e,l)})};J.test=function(e,t){return J.match(e,t)!==null};J.match=function(e,t,l){l=l||{};let a=0;const s=[],n=t.length;let i=0,u=0;const f=l.pre||"",o=l.post||"",m=l.caseSensitive&&t||t.toLowerCase();let F;e=l.caseSensitive&&e||e.toLowerCase();for(let v=0;v<n;v++)F=t[v],m[v]===e[a]?(F=f+F+o,a+=1,u+=1+u):u=0,i+=u,s[s.length]=F;return a===e.length?(i=m===e?1/0:i,{rendered:s.join(""),score:i}):null};J.filter=function(e,t,l){return!t||t.length===0?[]:typeof e!="string"?t:(l=l||{},t.reduce(function(a,s,n,i){let u=s;l.extract&&(u=l.extract(s));const f=J.match(e,u,l);return f!=null&&(a[a.length]={string:f.rendered,score:f.score,index:n,original:s}),a},[]).sort(function(a,s){const n=s.score-a.score;return n||a.index-s.index}))};const At=e=>({}),ye=e=>({});function Dt(e){let t;return{c(){t=ne(e[2])},m(l,a){N(l,t,a)},p(l,a){a&4&&De(t,l[2])},d(l){l&&U(t)}}}function Wt(e){let t,l,a,s,n,i,u,f,o,m,F;const v=e[10].label,h=Ie(v,e,e[9],ye),k=h||Dt(e);let g=[{name:"search"},{type:"search"},{placeholder:"Search..."},{autocomplete:"off"},{spellcheck:"false"},e[6],{id:e[4]}],S={};for(let _=0;_<g.length;_+=1)S=K(S,g[_]);return{c(){t=L("form"),l=L("label"),k&&k.c(),n=q(),i=L("input"),d(l,"id",a=e[4]+"-label"),d(l,"for",e[4]),d(l,"style",s=e[3]&&"position: absolute;height: 1px;width: 1px;overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);white-space: nowrap;"),pe(i,S),d(t,"data-svelte-search",""),d(t,"role",u=e[5]?null:"search"),d(t,"aria-labelledby",f=e[5]?null:e[4])},m(_,w){N(_,t,w),I(t,l),k&&k.m(l,null),I(t,n),I(t,i),i.autofocus&&i.focus(),e[17](i),be(i,e[0]),o=!0,m||(F=[M(i,"input",e[18]),M(i,"input",e[12]),M(i,"change",e[13]),M(i,"focus",e[14]),M(i,"blur",e[15]),M(i,"keydown",e[16]),M(t,"submit",at(e[11]))],m=!0)},p(_,[w]){h?h.p&&(!o||w&512)&&Me(h,v,_,_[9],o?Ee(v,_[9],w,At):Le(_[9]),ye):k&&k.p&&(!o||w&4)&&k.p(_,o?w:-1),(!o||w&16&&a!==(a=_[4]+"-label"))&&d(l,"id",a),(!o||w&16)&&d(l,"for",_[4]),(!o||w&8&&s!==(s=_[3]&&"position: absolute;height: 1px;width: 1px;overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);white-space: nowrap;"))&&d(l,"style",s),pe(i,S=fe(g,[{name:"search"},{type:"search"},{placeholder:"Search..."},{autocomplete:"off"},{spellcheck:"false"},w&64&&_[6],(!o||w&16)&&{id:_[4]}])),w&1&&i.value!==_[0]&&be(i,_[0]),(!o||w&32&&u!==(u=_[5]?null:"search"))&&d(t,"role",u),(!o||w&48&&f!==(f=_[5]?null:_[4]))&&d(t,"aria-labelledby",f)},i(_){o||(V(k,_),o=!0)},o(_){T(k,_),o=!1},d(_){_&&U(t),k&&k.d(_),e[17](null),m=!1,oe(F)}}}function It(e,t,l){const a=["value","autofocus","debounce","label","hideLabel","id","ref","removeFormAriaAttributes"];let s=se(t,a),{$$slots:n={},$$scope:i}=t,{value:u=""}=t,{autofocus:f=!1}=t,{debounce:o=0}=t,{label:m="Label"}=t,{hideLabel:F=!1}=t,{id:v="search"+Math.random().toString(36)}=t,{ref:h=null}=t,{removeFormAriaAttributes:k=!1}=t;const g=Ve();let S=u,_,w=!1;function A(c){w||(w=!0,_=setTimeout(()=>{c(),w=!1},o))}Oe(()=>(f&&window.requestAnimationFrame(()=>h.focus()),()=>clearTimeout(_))),ue(()=>{u.length>0&&u!==S&&(o>0?A(()=>g("type",u)):g("type",u)),u.length===0&&S.length>0&&g("clear"),S=u});function W(c){P.call(this,e,c)}function D(c){P.call(this,e,c)}function p(c){P.call(this,e,c)}function b(c){P.call(this,e,c)}function y(c){P.call(this,e,c)}function E(c){P.call(this,e,c)}function z(c){$[c?"unshift":"push"](()=>{h=c,l(1,h)})}function j(){u=this.value,l(0,u)}return e.$$set=c=>{t=K(K({},t),Te(c)),l(6,s=se(t,a)),"value"in c&&l(0,u=c.value),"autofocus"in c&&l(7,f=c.autofocus),"debounce"in c&&l(8,o=c.debounce),"label"in c&&l(2,m=c.label),"hideLabel"in c&&l(3,F=c.hideLabel),"id"in c&&l(4,v=c.id),"ref"in c&&l(1,h=c.ref),"removeFormAriaAttributes"in c&&l(5,k=c.removeFormAriaAttributes),"$$scope"in c&&l(9,i=c.$$scope)},[u,h,m,F,v,k,s,f,o,i,n,W,D,p,b,y,E,z,j]}class Pe extends ee{constructor(t){super(),te(this,t,It,Wt,le,{value:0,autofocus:7,debounce:8,label:2,hideLabel:3,id:4,ref:1,removeFormAriaAttributes:5})}}const Mt=Pe;Pe.__docgen={version:3,name:"Search.svelte",data:[{keywords:[],visibility:"public",description:"Specify the input value",name:"value",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:"",bind:[{source:"input",property:"value"}]},{keywords:[],visibility:"public",description:"Set to `true` to auto focus the input on mount",name:"autofocus",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"boolean",type:"boolean"},defaultValue:!1},{keywords:[],visibility:"public",description:"Specify the debounce value in milliseconds (ms)",name:"debounce",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"number",type:"number"},defaultValue:0},{keywords:[],visibility:"public",description:"Specify the input label text",name:"label",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"string",type:"string"},defaultValue:"Label"},{keywords:[],visibility:"public",description:"Set to `true` to visually hide the label",name:"hideLabel",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"boolean",type:"boolean"},defaultValue:!1},{keywords:[],visibility:"public",description:"Specify an `id` for the `input`",name:"id",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"any",type:"any"}},{keywords:[{name:"type",description:"{HTMLInputElement}"}],visibility:"public",description:"Obtain a reference to the `input` element",name:"ref",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"HTMLInputElement",type:"HTMLInputElement"},defaultValue:null},{keywords:[],visibility:"public",description:'Set to `true` to omit the form `role="search"` attribute',name:"removeFormAriaAttributes",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"boolean",type:"boolean"},defaultValue:!1}],computed:[],methods:[],components:[],description:null,keywords:[],events:[{visibility:"public",description:null,keywords:[],name:"type"},{visibility:"public",description:null,keywords:[],name:"clear"},{keywords:[],visibility:"public",description:"",name:"submit",parent:"form",modificators:["preventDefault"],locations:null},{keywords:[],visibility:"public",description:"",name:"input",parent:"input",modificators:[],locations:null},{keywords:[],visibility:"public",description:"",name:"change",parent:"input",modificators:[],locations:null},{keywords:[],visibility:"public",description:"",name:"focus",parent:"input",modificators:[],locations:null},{keywords:[],visibility:"public",description:"",name:"blur",parent:"input",modificators:[],locations:null},{keywords:[],visibility:"public",description:"",name:"keydown",parent:"input",modificators:[],locations:null}],slots:[{keywords:[],visibility:"public",description:"",name:"label"}],refs:[]};function ve(e,t,l){const a=e.slice();return a[46]=t[l],a[48]=l,a}const Lt=e=>({result:e[0]&2,value:e[0]&1}),ke=e=>({result:e[46],index:e[48],value:e[0]});function we(e){let t,l,a=_e(e[1]),s=[];for(let i=0;i<a.length;i+=1)s[i]=Fe(ve(e,a,i));const n=i=>T(s[i],1,1,()=>{s[i]=null});return{c(){for(let i=0;i<s.length;i+=1)s[i].c();t=Ce()},m(i,u){for(let f=0;f<s.length;f+=1)s[f]&&s[f].m(i,u);N(i,t,u),l=!0},p(i,u){if(u[0]&16778759){a=_e(i[1]);let f;for(f=0;f<a.length;f+=1){const o=ve(i,a,f);s[f]?(s[f].p(o,u),V(s[f],1)):(s[f]=Fe(o),s[f].c(),V(s[f],1),s[f].m(t.parentNode,t))}for(qe(),f=a.length;f<s.length;f+=1)n(f);ze()}},i(i){if(!l){for(let u=0;u<a.length;u+=1)V(s[u]);l=!0}},o(i){s=s.filter(Boolean);for(let u=0;u<s.length;u+=1)T(s[u]);l=!1},d(i){i&&U(t),ot(s,i)}}}function Et(e){let t,l=e[46].string+"",a;return{c(){t=new ft(!1),a=Ce(),t.a=a},m(s,n){t.m(l,s,n),N(s,a,n)},p(s,n){n[0]&2&&l!==(l=s[46].string+"")&&t.p(l)},d(s){s&&(U(a),t.d())}}}function Fe(e){let t,l,a,s,n,i,u;const f=e[25].default,o=Ie(f,e,e[24],ke),m=o||Et(e);function F(){return e[38](e[46],e[48])}function v(){return e[39](e[46],e[48])}return{c(){t=L("li"),m&&m.c(),l=q(),d(t,"role","option"),d(t,"id",a=e[2]+"-result-"+e[48]),d(t,"aria-selected",s=e[9]===e[48]),d(t,"class","svelte-rqw7va"),X(t,"selected",e[9]===e[48]),X(t,"disabled",e[46].disabled)},m(h,k){N(h,t,k),m&&m.m(t,null),I(t,l),n=!0,i||(u=[M(t,"click",F),M(t,"mouseenter",v)],i=!0)},p(h,k){e=h,o?o.p&&(!n||k[0]&16777219)&&Me(o,f,e,e[24],n?Ee(f,e[24],k,Lt):Le(e[24]),ke):m&&m.p&&(!n||k[0]&2)&&m.p(e,n?k:[-1,-1]),(!n||k[0]&4&&a!==(a=e[2]+"-result-"+e[48]))&&d(t,"id",a),(!n||k[0]&512&&s!==(s=e[9]===e[48]))&&d(t,"aria-selected",s),(!n||k[0]&512)&&X(t,"selected",e[9]===e[48]),(!n||k[0]&2)&&X(t,"disabled",e[46].disabled)},i(h){n||(V(m,h),n=!0)},o(h){T(m,h),n=!1},d(h){h&&U(t),m&&m.d(h),i=!1,oe(u)}}}function Se(e){let t;return{c(){t=L("li"),t.textContent="No embeds found...",d(t,"class","no-results disabled svelte-rqw7va")},m(l,a){N(l,t,a)},d(l){l&&U(t)}}}function Vt(e){let t,l,a,s,n,i,u,f,o,m,F,v,h,k,g;const S=[{id:e[2]},{removeFormAriaAttributes:!0},e[14],{"aria-autocomplete":"list"},{"aria-controls":e[2]+"-listbox"},{"aria-labelledby":e[2]+"-label"},{"aria-activedescendant":e[9]>=0&&!e[4]&&e[1].length>0?`${e[2]}-result-${e[9]}`:null}];function _(p){e[27](p)}function w(p){e[28](p)}let A={};for(let p=0;p<S.length;p+=1)A=K(A,S[p]);e[8]!==void 0&&(A.ref=e[8]),e[0]!==void 0&&(A.value=e[0]),l=new Mt({props:A}),$.push(()=>he(l,"ref",_)),$.push(()=>he(l,"value",w)),l.$on("type",e[29]),l.$on("input",e[30]),l.$on("change",e[31]),l.$on("focus",e[32]),l.$on("focus",e[33]),l.$on("clear",e[34]),l.$on("clear",e[12]),l.$on("blur",e[35]),l.$on("keydown",e[36]),l.$on("keydown",e[37]);let W=e[6]&&we(e),D=e[0].length>0&&e[1].length===0&&Se();return{c(){t=L("div"),B(l.$$.fragment),n=q(),i=L("ul"),W&&W.c(),u=q(),D&&D.c(),d(i,"role","listbox"),d(i,"aria-labelledby",f=e[2]+"-label"),d(i,"id",o=e[2]+"-listbox"),d(i,"class","svelte-rqw7va"),X(i,"svelte-typeahead-list",!0),d(t,"data-svelte-typeahead",""),d(t,"role","combobox"),d(t,"aria-haspopup","listbox"),d(t,"aria-owns",m=e[2]+"-listbox"),d(t,"aria-expanded",F=e[6]||e[5]&&e[0].length>0&&e[1].length===0),d(t,"id",v=e[2]+"-typeahead"),d(t,"class","svelte-rqw7va"),X(t,"dropdown",e[1].length>0)},m(p,b){N(p,t,b),H(l,t,null),I(t,n),I(t,i),W&&W.m(i,null),I(i,u),D&&D.m(i,null),e[40](t),h=!0,k||(g=M(window,"click",e[26]),k=!0)},p(p,b){const y=b[0]&16918?fe(S,[b[0]&4&&{id:p[2]},S[1],b[0]&16384&&Ne(p[14]),S[3],b[0]&4&&{"aria-controls":p[2]+"-listbox"},b[0]&4&&{"aria-labelledby":p[2]+"-label"},b[0]&534&&{"aria-activedescendant":p[9]>=0&&!p[4]&&p[1].length>0?`${p[2]}-result-${p[9]}`:null}]):{};!a&&b[0]&256&&(a=!0,y.ref=p[8],ge(()=>a=!1)),!s&&b[0]&1&&(s=!0,y.value=p[0],ge(()=>s=!1)),l.$set(y),p[6]?W?(W.p(p,b),b[0]&64&&V(W,1)):(W=we(p),W.c(),V(W,1),W.m(i,u)):W&&(qe(),T(W,1,1,()=>{W=null}),ze()),p[0].length>0&&p[1].length===0?D||(D=Se(),D.c(),D.m(i,null)):D&&(D.d(1),D=null),(!h||b[0]&4&&f!==(f=p[2]+"-label"))&&d(i,"aria-labelledby",f),(!h||b[0]&4&&o!==(o=p[2]+"-listbox"))&&d(i,"id",o),(!h||b[0]&4&&m!==(m=p[2]+"-listbox"))&&d(t,"aria-owns",m),(!h||b[0]&99&&F!==(F=p[6]||p[5]&&p[0].length>0&&p[1].length===0))&&d(t,"aria-expanded",F),(!h||b[0]&4&&v!==(v=p[2]+"-typeahead"))&&d(t,"id",v),(!h||b[0]&2)&&X(t,"dropdown",p[1].length>0)},i(p){h||(V(l.$$.fragment,p),V(W),h=!0)},o(p){T(l.$$.fragment,p),T(W),h=!1},d(p){p&&U(t),R(l),W&&W.d(),D&&D.d(),e[40](null),k=!1,g()}}}function Ot(e,t,l){let a,s,n;const i=["id","value","data","extract","disable","filter","autoselect","inputAfterSelect","results","focusAfterSelect","showDropdownOnFocus","limit"];let u=se(t,i),{$$slots:f={},$$scope:o}=t;const m=rt(f);let{id:F="typeahead-"+Math.random().toString(36)}=t,{value:v=""}=t,{data:h=[]}=t,{extract:k=r=>r}=t,{disable:g=r=>!1}=t,{filter:S=r=>!1}=t,{autoselect:_=!0}=t,{inputAfterSelect:w="update"}=t,{results:A=[]}=t,{focusAfterSelect:W=!1}=t,{showDropdownOnFocus:D=!1}=t,{limit:p=1/0}=t;const b=Ve();let y=null,E=null,z=!1,j=-1,c="",C=!1;ue(()=>{c!==s&&_&&l(9,j=He()),c!==s&&!m["no-results"]&&l(4,z=A.length===0),c=s});async function Z(){const r=A[j];if(r.disabled)return;const O=k(r.original),Q=v;w==="clear"&&l(0,v=""),w==="update"&&l(0,v=O),b("select",{selectedIndex:j,searched:Q,selected:O,original:r.original,originalIndex:r.index}),await ut(),W&&E.focus(),ie()}function He(){var Q,me;let r=0,O=((Q=A[r])==null?void 0:Q.disabled)??!1;for(;O;)r===A.length?r=0:r+=1,O=((me=A[r])==null?void 0:me.disabled)??!1;return r}function re(r){let O=r===1&&j===A.length-1?0:j+r;O<0&&(O=A.length-1);let Q=A[O].disabled;for(;Q;)O===A.length?O=0:O+=r,Q=A[O].disabled;l(9,j=O)}const ce=()=>l(4,z=!1),ie=()=>l(4,z=!0),Re=({target:r})=>{!z&&!(y!=null&&y.contains(r))&&ie()};function Ge(r){E=r,l(8,E)}function Ke(r){v=r,l(0,v)}function Je(r){P.call(this,e,r)}function Qe(r){P.call(this,e,r)}function Xe(r){P.call(this,e,r)}function Ze(r){P.call(this,e,r)}const Ye=()=>{ce(),D&&(l(6,n=!0),l(5,C=!0))};function xe(r){P.call(this,e,r)}function $e(r){P.call(this,e,r)}function et(r){P.call(this,e,r)}const tt=r=>{if(A.length!==0)switch(r.key){case"Enter":Z();break;case"ArrowDown":r.preventDefault(),re(1);break;case"ArrowUp":r.preventDefault(),re(-1);break;case"Escape":r.preventDefault(),l(0,v=""),E==null||E.focus(),ie();break}},lt=(r,O)=>{r.disabled||(l(9,j=O),Z())},it=(r,O)=>{r.disabled||l(9,j=O)};function nt(r){$[r?"unshift":"push"](()=>{y=r,l(7,y)})}return e.$$set=r=>{t=K(K({},t),Te(r)),l(14,u=se(t,i)),"id"in r&&l(2,F=r.id),"value"in r&&l(0,v=r.value),"data"in r&&l(15,h=r.data),"extract"in r&&l(16,k=r.extract),"disable"in r&&l(17,g=r.disable),"filter"in r&&l(18,S=r.filter),"autoselect"in r&&l(19,_=r.autoselect),"inputAfterSelect"in r&&l(20,w=r.inputAfterSelect),"results"in r&&l(1,A=r.results),"focusAfterSelect"in r&&l(21,W=r.focusAfterSelect),"showDropdownOnFocus"in r&&l(3,D=r.showDropdownOnFocus),"limit"in r&&l(22,p=r.limit),"$$scope"in r&&l(24,o=r.$$scope)},e.$$.update=()=>{e.$$.dirty[0]&65536&&l(23,a={pre:"<mark>",post:"</mark>",extract:k}),e.$$.dirty[0]&13074433&&l(1,A=v!==""?J.filter(v,h,a).filter(({score:r})=>r>0).slice(0,p).filter(r=>!S(r.original)).map(r=>({...r,disabled:g(r.original)})):h.map(r=>({string:k(r),original:r}))),e.$$.dirty[0]&65538&&(s=A.map(r=>k(r.original)).join("")),e.$$.dirty[0]&50&&l(6,n=!z&&A.length>0&&C),e.$$.dirty[0]&104&&D&&l(6,n=n&&C)},[v,A,F,D,z,C,n,y,E,j,Z,re,ce,ie,u,h,k,g,S,_,w,W,p,a,o,f,Re,Ge,Ke,Je,Qe,Xe,Ze,Ye,xe,$e,et,tt,lt,it,nt]}class Tt extends ee{constructor(t){super(),te(this,t,Ot,Vt,le,{id:2,value:0,data:15,extract:16,disable:17,filter:18,autoselect:19,inputAfterSelect:20,results:1,focusAfterSelect:21,showDropdownOnFocus:3,limit:22},null,[-1,-1])}}function qt(e){let t,l,a,s,n,i,u,f,o,m,F,v,h,k,g,S,_,w,A,W,D,p;return f=new ae({props:{icon:gt}}),m=new Tt({props:{label:"Select an embed",value:e[6][e[0].indexOf(e[4])]||e[6][e[5]]||e[6][0],extract:e[8],data:e[0].map(Ae),placeholder:"Search",showDropdownOnFocus:!0}}),m.$on("select",e[9]),A=new ae({props:{icon:Ue}}),D=new je({props:{breakpoints:e[1],minFrameWidth:e[2],maxFrameWidth:e[3]}}),{c(){t=L("div"),l=L("header"),l.innerHTML='<img src="https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-dark.svg" alt=""/>',a=q(),s=L("div"),n=L("div"),i=L("a"),u=ne("Live link "),B(f.$$.fragment),o=q(),B(m.$$.fragment),F=q(),v=L("div"),h=L("p"),h.textContent="Preview",k=q(),g=L("div"),S=q(),_=L("div"),w=L("a"),B(A.$$.fragment),W=q(),B(D.$$.fragment),d(l,"class","svelte-6lwy9l"),d(i,"rel","external"),d(i,"target","_blank"),d(i,"href",e[4]),d(i,"title",e[4]),d(i,"class","svelte-6lwy9l"),d(n,"class","embed-link svelte-6lwy9l"),d(s,"id","typeahead-container"),d(s,"class","svelte-6lwy9l"),d(h,"class","svelte-6lwy9l"),d(v,"id","preview-label"),Y(v,"width",e[7]+"px"),d(v,"class","svelte-6lwy9l"),d(g,"id","frame-parent"),Y(g,"width",e[7]+"px"),d(g,"class","svelte-6lwy9l"),d(t,"class","container"),d(w,"rel","external"),d(w,"href","./../"),d(w,"class","svelte-6lwy9l"),d(_,"id","home-link"),d(_,"class","svelte-6lwy9l")},m(b,y){N(b,t,y),I(t,l),I(t,a),I(t,s),I(s,n),I(n,i),I(i,u),H(f,i,null),I(s,o),H(m,s,null),I(t,F),I(t,v),I(v,h),I(t,k),I(t,g),N(b,S,y),N(b,_,y),I(_,w),H(A,w,null),N(b,W,y),H(D,b,y),p=!0},p(b,[y]){(!p||y&16)&&d(i,"href",b[4]),(!p||y&16)&&d(i,"title",b[4]);const E={};y&113&&(E.value=b[6][b[0].indexOf(b[4])]||b[6][b[5]]||b[6][0]),y&64&&(E.extract=b[8]),y&1&&(E.data=b[0].map(Ae)),m.$set(E),(!p||y&128)&&Y(v,"width",b[7]+"px"),(!p||y&128)&&Y(g,"width",b[7]+"px");const z={};y&2&&(z.breakpoints=b[1]),y&4&&(z.minFrameWidth=b[2]),y&8&&(z.maxFrameWidth=b[3]),D.$set(z)},i(b){p||(V(f.$$.fragment,b),V(m.$$.fragment,b),V(A.$$.fragment,b),V(D.$$.fragment,b),p=!0)},o(b){T(f.$$.fragment,b),T(m.$$.fragment,b),T(A.$$.fragment,b),T(D.$$.fragment,b),p=!1},d(b){b&&(U(t),U(S),U(_),U(W)),R(f),R(m),R(A),R(D,b)}}}const Ae=(e,t)=>({index:t,embed:e});function zt(e,t,l){let a,s;We(e,G,g=>l(7,s=g));let{embeds:n}=t,{breakpoints:i=[330,510,660,930,1200]}=t,{minFrameWidth:u=320}=t,{maxFrameWidth:f=1200}=t,m=(()=>{if(typeof window>"u")return n[0];const g=window.localStorage.getItem("framer-active-embed");return g&&n.indexOf(g)>-1?g:n[0]})(),F=n.indexOf(m);const v=g=>{const S=n.indexOf(g)>-1?g:n[F]||n[0];new _t.Parent("frame-parent",/^http/.test(S)?S:yt(window.location.origin,S,{trailingSlash:!0}))};Oe(()=>{v(m)}),ue(()=>{v(m)});const h=g=>a[g.index],k=({detail:g})=>{typeof window<"u"&&window.localStorage.setItem("framer-active-embed",g.original.embed),l(4,m=g.original.embed),l(5,F=g.original.index)};return e.$$set=g=>{"embeds"in g&&l(0,n=g.embeds),"breakpoints"in g&&l(1,i=g.breakpoints),"minFrameWidth"in g&&l(2,u=g.minFrameWidth),"maxFrameWidth"in g&&l(3,f=g.maxFrameWidth)},e.$$.update=()=>{e.$$.dirty&1&&l(6,a=St(n))},[n,i,u,f,m,F,a,s,h,k]}class de extends ee{constructor(t){super(),te(this,t,zt,qt,le,{embeds:0,breakpoints:1,minFrameWidth:2,maxFrameWidth:3})}}de.__docgen={version:3,name:"Framer.svelte",data:[{visibility:"public",description:null,keywords:[],name:"embeds",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"any",type:"any"}},{visibility:"public",description:null,keywords:[],name:"breakpoints",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"array",type:"array"}},{visibility:"public",description:null,keywords:[],name:"minFrameWidth",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"number",type:"number"},defaultValue:320},{visibility:"public",description:null,keywords:[],name:"maxFrameWidth",kind:"let",static:!1,readonly:!1,type:{kind:"type",text:"number",type:"number"},defaultValue:1200}],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};function Ct(e){let t,l;const a=[e[0]];let s={};for(let n=0;n<a.length;n+=1)s=K(s,a[n]);return t=new de({props:s}),{c(){B(t.$$.fragment)},m(n,i){H(t,n,i),l=!0},p(n,i){const u=i&1?fe(a,[Ne(n[0])]):{};t.$set(u)},i(n){l||(V(t.$$.fragment,n),l=!0)},o(n){T(t.$$.fragment,n),l=!1},d(n){R(t,n)}}}function Nt(e){let t,l,a,s,n,i;const u=[{title:"Components/Framer"},{component:de},vt(kt)];let f={};for(let o=0;o<u.length;o+=1)f=K(f,u[o]);return t=new mt({props:f}),a=new pt({props:{$$slots:{default:[Ct,({args:o})=>({0:o}),({args:o})=>o?1:0]},$$scope:{ctx:e}}}),n=new bt({props:{name:"Default",args:{embeds:["https://graphics.reuters.com/USA-CONGRESS/FUNDRAISING/zjvqkawjlvx/embeds/en/embed/?zzz"]}}}),{c(){B(t.$$.fragment),l=q(),B(a.$$.fragment),s=q(),B(n.$$.fragment)},m(o,m){H(t,o,m),N(o,l,m),H(a,o,m),N(o,s,m),H(n,o,m),i=!0},p(o,[m]){const F={};t.$set(F);const v={};m&3&&(v.$$scope={dirty:m,ctx:o}),a.$set(v)},i(o){i||(V(t.$$.fragment,o),V(a.$$.fragment,o),V(n.$$.fragment,o),i=!0)},o(o){T(t.$$.fragment,o),T(a.$$.fragment,o),T(n.$$.fragment,o),i=!1},d(o){o&&(U(l),U(s)),R(t,o),R(a,o),R(n,o)}}}class Ut extends ee{constructor(t){super(),te(this,t,null,Nt,le,{})}}const Be=ct(Ut,{meta:{title:"Components/Framer"},stories:{"tpl:default":{storyId:"components-framer--default",name:"default",template:!0,source:"<Framer {...args} />",hasArgs:!0},Default:{storyId:"components-framer--default",name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","componentDocs","Framer","withComponentDocs"]}),Zt=Be.meta,Yt=["Default"],xt=Be.stories.Default;export{xt as Default,Yt as __namedExportsOrder,Zt as default};
|
|
//# sourceMappingURL=Framer.stories-49e1541f.js.map
|