primevue/dataviewlayoutoptions/dataviewlayoutoptions.cjs.min.js

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

"use strict";var e=require("primevue/basecomponent"),t=require("primevue/icons/bars"),i=require("primevue/icons/thlarge"),r=require("vue");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(e),a=o(t),n=o(i),l={name:"DataViewLayoutOptions",extends:s.default,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:a.default,ThLargeIcon:n.default}};const u=["aria-label","aria-pressed"],d=["aria-label","aria-pressed"];l.render=function(e,t,i,o,s,a){const n=r.resolveComponent("BarsIcon"),l=r.resolveComponent("ThLargeIcon");return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:"p-dataview-layout-options p-selectbutton p-buttonset",role:"group"},e.ptm("root")),[r.createElementVNode("button",r.mergeProps({"aria-label":a.listViewAriaLabel,class:a.buttonListClass,onClick:t[0]||(t[0]=e=>a.changeLayout("list")),type:"button","aria-pressed":s.isListButtonPressed},e.ptm("listButton")),[r.renderSlot(e.$slots,"listicon",{},(()=>[r.createVNode(n,r.normalizeProps(r.guardReactiveProps(e.ptm("listIcon"))),null,16)]))],16,u),r.createElementVNode("button",r.mergeProps({"aria-label":a.gridViewAriaLabel,class:a.buttonGridClass,onClick:t[1]||(t[1]=e=>a.changeLayout("grid")),type:"button","aria-pressed":s.isGridButtonPressed},e.ptm("gridButton")),[r.renderSlot(e.$slots,"gridicon",{},(()=>[r.createVNode(l,r.normalizeProps(r.guardReactiveProps(e.ptm("gridIcon"))),null,16)]))],16,d)],16)},module.exports=l;