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) 1.9 kB
"use strict";var e=require("primevue/icons/bars"),t=require("primevue/icons/thlarge"),i=require("vue");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=s(e),o=s(t),a={name:"DataViewLayoutOptions",emits:["update:modelValue"],props:{modelValue:String},data:()=>({isListButtonPressed:!1,isGridButtonPressed:!1}),methods:{changeLayout(e){this.$emit("update:modelValue",e),"list"===e?(this.isListButtonPressed=!0,this.isGridButtonPressed=!1):"grid"===e&&(this.isGridButtonPressed=!0,this.isListButtonPressed=!1)}},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}]},listViewAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.listView:void 0},gridViewAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.gridView:void 0}},components:{BarsIcon:r.default,ThLargeIcon:o.default}};const n={class:"p-dataview-layout-options p-selectbutton p-buttonset",role:"group"},l=["aria-label","aria-pressed"],u=["aria-label","aria-pressed"];a.render=function(e,t,s,r,o,a){const d=i.resolveComponent("BarsIcon"),c=i.resolveComponent("ThLargeIcon");return i.openBlock(),i.createElementBlock("div",n,[i.createElementVNode("button",{"aria-label":a.listViewAriaLabel,class:i.normalizeClass(a.buttonListClass),onClick:t[0]||(t[0]=e=>a.changeLayout("list")),type:"button","aria-pressed":o.isListButtonPressed},[i.renderSlot(e.$slots,"listicon",{},(()=>[i.createVNode(d)]))],10,l),i.createElementVNode("button",{"aria-label":a.gridViewAriaLabel,class:i.normalizeClass(a.buttonGridClass),onClick:t[1]||(t[1]=e=>a.changeLayout("grid")),type:"button","aria-pressed":o.isGridButtonPressed},[i.renderSlot(e.$slots,"gridicon",{},(()=>[i.createVNode(c)]))],10,u)])},module.exports=a;