1import{O as e}from"./vue3-observe-visibility2.esm.QkQwBfrd.js";import{_ as s,q as i,b as t,a as o,M as d,h as l,s as n,n as r,L as a,o as h}from"./app.Dzbe7pQM.js";const c=["innerHTML"];const u=s({directives:{"observe-visibility":e},props:{closedHeight:{type:Number,required:!1,default:100}},data(){return{isOpened:!1,isFoldable:!1,ref:"fold-"+this.$uuidv4()}},computed:{styleObj(){return this.isFoldable&&!this.isOpened?{"max-height":this.closedHeight+"px"}:{}}},created(){window.addEventListener("resize",this.onResize)},unmounted(){window.removeEventListener("resize",this.onResize)},mounted(){this.onResize()},methods:{onResize(){var e,s;this.isFoldable=(null==(s=null==(e=this.$refs[this.ref])?void 0:e.firstChild)?void 0:s.clientHeight)>=this.closedHeight}}},[["render",function(e,s,u,v,b,f){const p=a("observe-visibility");return i((h(),t("div",{ref:b.ref,class:l(["fold",{closed:b.isFoldable&&!b.isOpened}]),style:r(f.styleObj)},[o("div",{class:l(["fold__inner",{"fold__inner--padded":b.isFoldable}])},[d(e.$slots,"default")],2),b.isFoldable?(h(),t("div",{key:0,class:"fold__button clickable",onClick:s[0]||(s[0]=e=>b.isOpened=!b.isOpened),innerHTML:e.svg("chevron-down","icon--xl")},null,8,c)):n("",!0)],6)),[[p,f.onResize]])}]]);export{u as default};
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.