primevue/dataviewlayoutoptions/dataviewlayoutoptions.esm.min.js

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

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