import{a as l}from"./chunk-ILLDEPHH.js";import{Hd as o,Wb as t,Xb as e,Yb as n,tc as i,yb as m}from"./chunk-AQ27DSQO.js";import"./chunk-EQDQRRRY.js";var s=class d{routes=l;static \u0275fac=function(a){return new(a||d)};static \u0275cmp=m({type:d,selectors:[["app-ui-media"]],decls:108,vars:0,consts:[[1,"page-header"],[1,"page-title"],[1,"row"],[1,"col-xxl-6"],[1,"card"],[1,"card-header","align-items-center","d-flex"],[1,"card-title","mb-0","flex-grow-1"],[1,"card-body"],[1,"text-muted","mb-4"],[1,"d-flex","align-items-start","text-muted","mb-4"],[1,"flex-shrink-0","me-3"],["src","assets/img/profiles/avatar-05.jpg","alt","...",1,"avatar","avatar-xl","rounded"],[1,"flex-grow-1"],[1,"fs-14"],[1,"flex-shrink-0","ms-3"],["src","assets/img/profiles/avatar-06.jpg","alt","...",1,"avatar","avatar-xl","rounded"],[1,"d-flex","align-items-start","text-muted"],["src","assets/img/profiles/avatar-07.jpg","alt","...",1,"avatar","avatar-xl","rounded"],[1,"d-flex","align-items-start","text-muted","mt-3"],[1,"col-lg-12"],["src","assets/img/profiles/avatar-05.jpg","alt","...",1,"avatar","avatar-xxxl","rounded"],[1,"mb-1"],[1,"mb-0"],[1,"d-flex","align-items-center","text-muted","mb-4"],["src","assets/img/profiles/avatar-06.jpg","alt","...",1,"avatar","avatar-xxxl","rounded"],[1,"d-flex","align-items-end","text-muted"],["src","assets/img/profiles/avatar-07.jpg","alt","...",1,"avatar","avatar-xxxl","rounded"]],template:function(a,u){a&1&&(t(0,"div",0)(1,"div",1)(2,"h3"),i(3,"Media"),e()()(),t(4,"div",2)(5,"div",3)(6,"div",4)(7,"div",5)(8,"h4",6),i(9,"Examples"),e()(),t(10,"div",7)(11,"p",8),i(12,"Use few flex utilities that allow even more flexibility and customization than before."),e(),t(13,"div",9)(14,"div",10),n(15,"img",11),e(),t(16,"div",12)(17,"h5",13),i(18,"Media Heading"),e(),i(19," This is some content from a media component. You can replace this with any content and adjust it as needed. "),e()(),t(20,"div",9)(21,"div",12)(22,"h5",13),i(23,"Media Heading"),e(),i(24," This is some content from a media component. You can replace this with any content and adjust it as needed. "),e(),t(25,"div",14),n(26,"img",15),e()(),t(27,"div",16)(28,"div",10),n(29,"img",17),e(),t(30,"div",12)(31,"h5",13),i(32,"Media Heading"),e(),i(33," This is some content from a media component. You can replace this with any content and adjust it as needed. "),e()()()()(),t(34,"div",3)(35,"div",4)(36,"div",5)(37,"h4",6),i(38,"Nesting Example"),e()(),t(39,"div",7)(40,"p",8),i(41,"Media objects can be infinitely nested, though we suggest you stop at some point. Place nested "),t(42,"code"),i(43,"d-flex align-items-start"),e(),i(44," within the "),t(45,"code"),i(46,"flex-grow-1"),e(),i(47," of a parent media object."),e(),t(48,"div",9)(49,"div",10),n(50,"img",11),e(),t(51,"div",12)(52,"h5",13),i(53,"Media Heading"),e(),i(54," This is some content from a media component. You can replace this with any content and adjust it as needed. "),t(55,"div",18)(56,"div",10),n(57,"img",15),e(),t(58,"div",12)(59,"h5",13),i(60,"Media Heading"),e(),i(61," This is some content from a media component. You can replace this with any content and adjust it as needed. "),e()()()(),t(62,"div",16)(63,"div",10),n(64,"img",17),e(),t(65,"div",12)(66,"h5",13),i(67,"Media Heading"),e(),i(68," This is some content from a media component. You can replace this with any content and adjust it as needed. "),e()()()()()(),t(69,"div",2)(70,"div",19)(71,"div",4)(72,"div",5)(73,"h4",6),i(74,"Media Alignment"),e()(),t(75,"div",7)(76,"p",8),i(77,"The images or other media can be aligned top, middle, or bottom. The default is top aligned. "),e(),t(78,"div",9)(79,"div",10),n(80,"img",20),e(),t(81,"div",12)(82,"h5",13),i(83,"Top Aligned media"),e(),t(84,"p",21),i(85,"Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus."),e(),t(86,"p",22),i(87,"Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."),e()()(),t(88,"div",23)(89,"div",10),n(90,"img",24),e(),t(91,"div",12)(92,"h5",13),i(93,"Center Aligned media"),e(),t(94,"p",21),i(95,"Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus."),e(),t(96,"p",22),i(97,"Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."),e()()(),t(98,"div",25)(99,"div",10),n(100,"img",26),e(),t(101,"div",12)(102,"h5",13),i(103,"Bottom Aligned media"),e(),t(104,"p",21),i(105,"Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus."),e(),t(106,"p",22),i(107,"Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."),e()()()()()()())},dependencies:[o],encapsulation:2})};export{s as UiMediaComponent};