UNPKG

primevue

Version:

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![npm version](https://badge.fury.io/js/primevue.svg)](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023

2 lines (1 loc) 894 B
"use strict";var t=require("vue"),e={name:"DataViewLayoutOptions",emits:["update:modelValue"],props:{modelValue:String},computed:{buttonListClass(){return["p-button p-button-icon-only",{"p-highlight":"list"===this.modelValue}]},buttonGridClass(){return["p-button p-button-icon-only",{"p-highlight":"grid"===this.modelValue}]}},methods:{changeLayout(t){this.$emit("update:modelValue",t)}}};const o={class:"p-dataview-layout-options p-selectbutton p-buttonset"},a=t.createVNode("i",{class:"pi pi-bars"},null,-1),l=t.createVNode("i",{class:"pi pi-th-large"},null,-1);e.render=function(e,n,s,u,i,r){return t.openBlock(),t.createBlock("div",o,[t.createVNode("button",{class:r.buttonListClass,onClick:n[1]||(n[1]=t=>r.changeLayout("list")),type:"button"},[a],2),t.createVNode("button",{class:r.buttonGridClass,onClick:n[2]||(n[2]=t=>r.changeLayout("grid")),type:"button"},[l],2)])},module.exports=e;