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/icons/bars"),t=require("primevue/icons/thlarge"),r=require("primevue/basecomponent"),i=require("vue");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e),s=o(t),a={name:"DataViewLayoutOptions",extends:{name:"BaseDataViewLayoutOptions",extends:o(r).default,props:{modelValue:String},css:{classes:{root:"p-dataview-layout-options p-selectbutton p-buttonset",listButton:function(e){return["p-button p-button-icon-only",{"p-highlight":"list"===e.props.modelValue}]},gridButton:function(e){return["p-button p-button-icon-only",{"p-highlight":"grid"===e.props.modelValue}]}}},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],data:function(){return{isListButtonPressed:!1,isGridButtonPressed:!1}},methods:{changeLayout:function(e){this.$emit("update:modelValue",e),"list"===e?(this.isListButtonPressed=!0,this.isGridButtonPressed=!1):"grid"===e&&(this.isGridButtonPressed=!0,this.isListButtonPressed=!1)}},computed:{listViewAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.listView:void 0},gridViewAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.gridView:void 0}},components:{BarsIcon:n.default,ThLargeIcon:s.default}},u=["aria-label","aria-pressed"],l=["aria-label","aria-pressed"];a.render=function(e,t,r,o,n,s){var a=i.resolveComponent("BarsIcon"),c=i.resolveComponent("ThLargeIcon");return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root"),role:"group"},e.ptm("root")),[i.createElementVNode("button",i.mergeProps({"aria-label":s.listViewAriaLabel,class:e.cx("listButton"),onClick:t[0]||(t[0]=function(e){return s.changeLayout("list")}),type:"button","aria-pressed":n.isListButtonPressed},e.ptm("listButton")),[i.renderSlot(e.$slots,"listicon",{},(function(){return[i.createVNode(a,i.normalizeProps(i.guardReactiveProps(e.ptm("listIcon"))),null,16)]}))],16,u),i.createElementVNode("button",i.mergeProps({"aria-label":s.gridViewAriaLabel,class:e.cx("gridButton"),onClick:t[1]||(t[1]=function(e){return s.changeLayout("grid")}),type:"button","aria-pressed":n.isGridButtonPressed},e.ptm("gridButton")),[i.renderSlot(e.$slots,"gridicon",{},(function(){return[i.createVNode(c,i.normalizeProps(i.guardReactiveProps(e.ptm("gridIcon"))),null,16)]}))],16,l)],16)},module.exports=a;