primevue/divider/divider.esm.min.js

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

import e from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import{openBlock as t,createElementBlock as i,mergeProps as r,renderSlot as o,createCommentVNode as l}from"vue";var d=n("\n.p-divider-horizontal {\n    display: flex;\n    width: 100%;\n    position: relative;\n    align-items: center;\n}\n\n.p-divider-horizontal:before {\n    position: absolute;\n    display: block;\n    top: 50%;\n    left: 0;\n    width: 100%;\n    content: '';\n}\n\n.p-divider-content {\n    z-index: 1;\n}\n\n.p-divider-vertical {\n    min-height: 100%;\n    margin: 0 1rem;\n    display: flex;\n    position: relative;\n    justify-content: center;\n}\n\n.p-divider-vertical:before {\n    position: absolute;\n    display: block;\n    top: 0;\n    left: 50%;\n    height: 100%;\n    content: '';\n}\n\n.p-divider-solid.p-divider-horizontal:before {\n    border-top-style: solid;\n}\n\n.p-divider-solid.p-divider-vertical:before {\n    border-left-style: solid;\n}\n\n.p-divider-dashed.p-divider-horizontal:before {\n    border-top-style: dashed;\n}\n\n.p-divider-dashed.p-divider-vertical:before {\n    border-left-style: dashed;\n}\n\n.p-divider-dotted.p-divider-horizontal:before {\n    border-top-style: dotted;\n}\n\n.p-divider-dotted.p-divider-vertical:before {\n    border-left-style: dotted;\n}\n",{name:"divider",manual:!0}),a={name:"Divider",extends:{name:"BaseDivider",extends:e,props:{align:{type:String,default:null},layout:{type:String,default:"horizontal"},type:{type:String,default:"solid"}},css:{classes:{root:function(e){var n=e.props;return["p-divider p-component","p-divider-"+n.layout,"p-divider-"+n.type,{"p-divider-left":"horizontal"===n.layout&&(!n.align||"left"===n.align)},{"p-divider-center":"horizontal"===n.layout&&"center"===n.align},{"p-divider-right":"horizontal"===n.layout&&"right"===n.align},{"p-divider-top":"vertical"===n.layout&&"top"===n.align},{"p-divider-center":"vertical"===n.layout&&(!n.align||"center"===n.align)},{"p-divider-bottom":"vertical"===n.layout&&"bottom"===n.align}]},content:"p-divider-content"},inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}},loadStyle:d.load},provide:function(){return{$parentInstance:this}}}},p=["aria-orientation"];a.render=function(e,n,d,a,s,v){return t(),i("div",r({class:e.cx("root"),style:e.sx("root"),role:"separator","aria-orientation":e.layout},e.ptm("root"),{"data-pc-name":"divider"}),[e.$slots.default?(t(),i("div",r({key:0,class:e.cx("content")},e.ptm("content")),[o(e.$slots,"default")],16)):l("",!0)],16,p)};export{a as default};