@geoblink/design-system/dist/components/GeoCollapsableBox.js

Geoblink Design System for Vue.js

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["components/GeoCollapsableBox"]=t():e["components/GeoCollapsableBox"]=t()}(window,function(){return o={},e.m=t={44:function(e,t,o){e.exports=o("ypAS")},"KHd+":function(e,t,o){"use strict";function n(e,t,o,n,i,r,a,l){var s,c="function"==typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=o,c._compiled=!0),n&&(c.functional=!0),r&&(c._scopeId="data-v-"+r),a?(s=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},c._ssrRegister=s):i&&(s=l?function(){i.call(this,this.$root.$options.shadowRoot)}:i),s)if(c.functional){c._injectStyles=s;var d=c.render;c.render=function(e,t){return s.call(t),d(e,t)}}else{var u=c.beforeCreate;c.beforeCreate=u?[].concat(u,s):[s]}return{exports:e,options:c}}o.d(t,"a",function(){return n})},ypAS:function(e,t,o){"use strict";o.r(t);var n={name:"GeoCollapsableBox",status:"ready",release:"24.9.0",props:{initiallyCollapsed:{type:Boolean,default:!1},toggleIcon:{type:Array},disabled:{type:Boolean,default:!1}},data:function(){return{isExpanded:!0}},computed:{toggleIconToUse:function(){return this.toggleIcon?this.toggleIcon:this.disabled?["fal","lock"]:["fal","chevron-up"]}},beforeMount:function(){this.isExpanded=!this.initiallyCollapsed},methods:{toggle:function(){this.disabled||(this.isExpanded=!this.isExpanded)}}},i=o("KHd+"),r=Object(i.a)(n,function(){var e,t=this,o=t.$createElement,n=t._self._c||o;return n("section",{class:(e={},e["geo-collapsable-box"]=!0,e["geo-collapsable-box--expanded"]=t.isExpanded,e["geo-collapsable-box--disabled"]=t.disabled,e)},[n("header",{staticClass:"geo-collapsable-box__header",on:{click:function(e){return t.toggle()}}},[n("div",{staticClass:"geo-collapsable-box__header-content"},[t._t("header")],2),t._v(" "),n("div",{staticClass:"geo-collapsable-box__trailing-items"},[n("div",{on:{click:function(e){e.stopPropagation()}}},[t._t("trailingItems")],2),t._v(" "),n("font-awesome-icon",{staticClass:"geo-collapsable-box__toggle-icon",attrs:{icon:t.toggleIconToUse,"fixed-width":"","aria-hidden":""}})],1)]),t._v(" "),t.isExpanded?n("div",{staticClass:"geo-collapsable-box__body"},[t._t("default")],2):t._e()])},[],!1,null,null,null);t.default=r.exports}},e.c=o,e.d=function(t,o,n){e.o(t,o)||Object.defineProperty(t,o,{enumerable:!0,get:n})},e.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},e.t=function(t,o){if(1&o&&(t=e(t)),8&o)return t;if(4&o&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(e.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&o&&"string"!=typeof t)for(var i in t)e.d(n,i,function(e){return t[e]}.bind(null,i));return n},e.n=function(t){var o=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(o,"a",o),o},e.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},e.p="/",e(e.s=44);function e(n){if(o[n])return o[n].exports;var i=o[n]={i:n,l:!1,exports:{}};return t[n].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var t,o});