primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 3.62 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.divider=function(e){"use strict";var t={name:"Divider",props:{align:{type:String,default:null},layout:{type:String,default:"horizontal"},type:{type:String,default:"solid"}},computed:{containerClass(){return["p-divider p-component","p-divider-"+this.layout,"p-divider-"+this.type,{"p-divider-left":"horizontal"===this.layout&&(!this.align||"left"===this.align)},{"p-divider-center":"horizontal"===this.layout&&"center"===this.align},{"p-divider-right":"horizontal"===this.layout&&"right"===this.align},{"p-divider-top":"vertical"===this.layout&&"top"===this.align},{"p-divider-center":"vertical"===this.layout&&(!this.align||"center"===this.align)},{"p-divider-bottom":"vertical"===this.layout&&"bottom"===this.align}]}}};const i={key:0,class:"p-divider-content"};return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],d=document.createElement("style");d.type="text/css","top"===i&&n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.styleSheet?d.styleSheet.cssText=e:d.appendChild(document.createTextNode(e))}}('\n.p-divider-horizontal {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n position: relative;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\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.p-divider-horizontal.p-divider-left {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n.p-divider-horizontal.p-divider-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.p-divider-horizontal.p-divider-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.p-divider-content {\n z-index: 1;\n}\n.p-divider-vertical {\n min-height: 100%;\n margin: 0 1rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\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.p-divider-vertical.p-divider-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.p-divider-vertical.p-divider-center {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.p-divider-vertical.p-divider-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.p-divider-solid.p-divider-horizontal:before {\n border-top-style: solid;\n}\n.p-divider-solid.p-divider-vertical:before {\n border-left-style: solid;\n}\n.p-divider-dashed.p-divider-horizontal:before {\n border-top-style: dashed;\n}\n.p-divider-dashed.p-divider-vertical:before {\n border-left-style: dashed;\n}\n.p-divider-dotted.p-divider-horizontal:before {\n border-top-style: dotted;\n}\n.p-divider-dotted.p-divider-horizontal:before {\n border-left-style: dotted;\n}\n'),t.render=function(t,n,d,r,o,l){return e.openBlock(),e.createBlock("div",{class:l.containerClass,role:"separator"},[t.$slots.default?(e.openBlock(),e.createBlock("div",i,[e.renderSlot(t.$slots,"default")])):e.createCommentVNode("",!0)],2)},t}(Vue);