1"use strict";(self.webpackChunktinggly_web=self.webpackChunktinggly_web||[]).push([[3407,6740],{3407:(e,t,i)=>{i.r(t),i.d(t,{default:()=>h});var s=i(9726),r={class:"rounded border py-8 px-9 styled-content"},n={class:"row"},o={class:"col-12 col-md-5 d-flex justify-content-center align-items-start"},l=["src","alt"],a={class:"col-12 col-md-7 pt-8 pt-md-2 p-2 order-md-first"},d={class:"mb-4"};const c={components:{Truncate:i(6740).default},name:"Expandable",data:function(){return{show:!1,hasPreloadedLarge:!1,observer:null}},props:{title:{type:String,default:""},text:{type:String,default:null},alt:{type:String,default:"Couple in Water"},image:{type:String,default:"https://tinggly.directus.app/assets/0e634285-4692-4e86-ab80-9e3e996f2fba.png"}},computed:{isMobile:function(){return"xs"===this.gridBreakpoint||"sm"===this.gridBreakpoint},imageUrl:function(){var e=this.isMobile?240:this.show?535:436,t=this.isMobile?201:this.show?894:222;return"".concat(this.image,"?fit=cover&width=").concat(e,"&height=").concat(t,"&quality=80")},largeImageUrl:function(){return"".concat(this.image,"?fit=cover&width=535&height=894&quality=80")}},methods:{showAction:function(e){this.show=e},preloadLargeImage:function(){this.isMobile||this.hasPreloadedLarge||(this.hasPreloadedLarge=!0,(new Image).src=this.largeImageUrl)}},inject:{gridBreakpoint:{from:"gridBreakpoint"}},mounted:function(){var e=this;this.isMobile||("IntersectionObserver"in window?(this.observer=new IntersectionObserver((function(t){var i;null!==(i=t[0])&&void 0!==i&&i.isIntersecting&&(e.preloadLargeImage(),e.observer.disconnect(),e.observer=null)}),{rootMargin:"250px"}),this.observer.observe(this.$el)):this.preloadLargeImage())},beforeUnmount:function(){var e;null===(e=this.observer)||void 0===e||e.disconnect()}};const h=(0,i(6262).A)(c,[["render",function(e,t,i,c,h,u){var m=(0,s.resolveComponent)("Truncate");return(0,s.openBlock)(),(0,s.createElementBlock)("div",r,[(0,s.createElementVNode)("div",n,[(0,s.createElementVNode)("div",o,[(0,s.createElementVNode)("img",{class:"rounded img-fluid mt-3",src:u.imageUrl,alt:i.alt,loading:"lazy",decoding:"async"},null,8,l)]),(0,s.createElementVNode)("div",a,[(0,s.createElementVNode)("h2",d,(0,s.toDisplayString)(i.title),1),(0,s.createVNode)(m,{text:i.text,decode:!0,limit:310,"only-mobile":!1,more:"Read more",less:"Read less","more-class":"d-block mt-4 fw-bold","span-class":"fw-medium fs-sl",onShow:t[0]||(t[0]=function(e){return u.showAction(e)})},null,8,["text"])])])])}]])},6740:(e,t,i)=>{i.r(t),i.d(t,{default:()=>o});var s=i(9726),r=["innerHTML"];const n={props:{text:{type:String,default:""},more:{type:String,default:"see more"},moreClass:{type:String,default:"text-decoration-underline fw-bold text-black"},less:{type:String,default:"see less"},limit:{type:Number,default:140},onlyMobile:{type:Boolean,default:!0},decode:{type:Boolean,default:!1},spanClass:{type:String,default:"pe-1"}},data:function(){return{show:!1,disabled:this.disabler,trim:this.trimText()}},methods:{getText:function(){return this.decode?JSON.parse(this.text):this.text},toggle:function(){this.show=!this.show,this.trim=this.trimText(),this.$emit("show",this.show)},disabler:function(){var e=this.getText();return!e||e.length<=this.limit||!!this.onlyMobile&&("lg"===this.gridBreakpoint||"xl"===this.gridBreakpoint)},trimText:function(){var e=this.getText();return e?this.disabled||this.show?e:e.slice(0,this.limit)+"...":""}},emits:["show"],inject:{gridBreakpoint:{from:"gridBreakpoint"}},mounted:function(){this.disabled=this.disabler(),this.trim=this.trimText()},watch:{gridBreakpoint:{handler:function(){this.disabled=this.disabler()}}}};const o=(0,i(6262).A)(n,[["render",function(e,t,i,n,o,l){return(0,s.openBlock)(),(0,s.createElementBlock)(s.Fragment,null,[(0,s.createElementVNode)("span",{innerHTML:o.trim,class:(0,s.normalizeClass)([{"text-preline":o.show||o.disabled},i.spanClass])},null,10,r),o.show||o.disabled?(0,s.renderSlot)(e.$slots,"additional",{key:0}):(0,s.createCommentVNode)("",!0),o.disabled?(0,s.createCommentVNode)("",!0):((0,s.openBlock)(),(0,s.createElementBlock)("a",{key:1,href:"#",onClick:t[0]||(t[0]=(0,s.withModifiers)((function(){return l.toggle&&l.toggle.apply(l,arguments)}),["prevent"])),class:(0,s.normalizeClass)(["text-nowrap",[i.moreClass]])},(0,s.toDisplayString)(o.show?i.less:i.more),3))],64)}]])}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.