import{a as n}from"./chunk-ILLDEPHH.js";import{Hd as a,Wb as e,Xb as t,Yb as d,tc as i,yb as l}from"./chunk-AQ27DSQO.js";import"./chunk-EQDQRRRY.js";var r=class o{routes=n;static \u0275fac=function(m){return new(m||o)};static \u0275cmp=l({type:o,selectors:[["app-ui-carousel"]],decls:247,vars:0,consts:[[1,"page-header"],[1,"page-title"],[1,"row"],[1,"col-lg-6"],[1,"card"],[1,"card-header"],[1,"card-title"],[1,"sub-header"],[1,"card-body"],["id","carouselExampleSlidesOnly","data-bs-ride","carousel",1,"carousel","slide"],["role","listbox",1,"carousel-inner"],[1,"carousel-item","active"],["src","assets/img/img-1.jpg","alt","First slide",1,"d-block","img-fluid"],[1,"carousel-item"],["src","assets/img/img-3.jpg","alt","Second slide",1,"d-block","img-fluid"],["src","assets/img/img-4.jpg","alt","Third slide",1,"d-block","img-fluid"],["id","carouselExampleControls","data-bs-ride","carousel",1,"carousel","slide"],["href","#carouselExampleControls","role","button","data-bs-slide","prev",1,"carousel-control-prev"],["aria-hidden","true",1,"carousel-control-prev-icon"],[1,"visually-hidden"],["href","#carouselExampleControls","role","button","data-bs-slide","next",1,"carousel-control-next"],["aria-hidden","true",1,"carousel-control-next-icon"],["id","carouselExampleIndicators","data-bs-ride","carousel",1,"carousel","slide"],[1,"carousel-indicators"],["data-bs-target","#carouselExampleIndicators","data-bs-slide-to","0",1,"active"],["data-bs-target","#carouselExampleIndicators","data-bs-slide-to","1"],["data-bs-target","#carouselExampleIndicators","data-bs-slide-to","2"],["src","assets/img/img-2.jpg","alt","Second slide",1,"d-block","img-fluid"],["href","#carouselExampleIndicators","role","button","data-bs-slide","prev",1,"carousel-control-prev"],["href","#carouselExampleIndicators","role","button","data-bs-slide","next",1,"carousel-control-next"],["id","carouselExampleCaption","data-bs-ride","carousel",1,"carousel","slide"],["src","assets/img/img-1.jpg","alt","Slide",1,"d-block","img-fluid"],[1,"carousel-caption","d-none","d-md-block"],[1,"text-white"],["src","assets/img/img-2.jpg","alt","Slide",1,"d-block","img-fluid"],["src","assets/img/img-3.jpg","alt","Slide",1,"d-block","img-fluid"],["href","#carouselExampleCaption","role","button","data-bs-slide","prev",1,"carousel-control-prev"],["href","#carouselExampleCaption","role","button","data-bs-slide","next",1,"carousel-control-next"],["id","carouselExampleFade","data-bs-ride","carousel",1,"carousel","slide","carousel-fade"],[1,"carousel-inner"],["src","assets/img/img-3.jpg","alt","Third slide",1,"d-block","img-fluid"],["href","#carouselExampleFade","role","button","data-bs-slide","prev",1,"carousel-control-prev"],["href","#carouselExampleFade","role","button","data-bs-slide","next",1,"carousel-control-next"],["id","carouselExampleInterval","data-bs-ride","carousel",1,"carousel","slide"],["src","assets/img/img-2.jpg","alt","First slide",1,"d-block","img-fluid"],["href","#carouselExampleInterval","role","button","data-bs-slide","prev",1,"carousel-control-prev"],["href","#carouselExampleInterval","role","button","data-bs-slide","next",1,"carousel-control-next"],[1,"card-header","justify-content-between"],["id","carouselExampleControlsNoTouching","data-bs-touch","false","data-bs-interval","false",1,"carousel","slide"],["src","assets/img/img-2.jpg","alt","Slide",1,"d-block","w-100"],["src","assets/img/img-3.jpg","alt","Slide",1,"d-block","w-100"],["src","assets/img/img-4.jpg","alt","Slide",1,"d-block","w-100"],["type","button","data-bs-target","#carouselExampleControlsNoTouching","data-bs-slide","prev",1,"carousel-control-prev"],["type","button","data-bs-target","#carouselExampleControlsNoTouching","data-bs-slide","next",1,"carousel-control-next"],["id","carouselExampleDark","data-bs-ride","carousel",1,"carousel","slide"],["type","button","data-bs-target","#carouselExampleDark","data-bs-slide-to","0","aria-current","true","aria-label","Slide 1",1,"active"],["type","button","data-bs-target","#carouselExampleDark","data-bs-slide-to","1","aria-label","Slide 2"],["type","button","data-bs-target","#carouselExampleDark","data-bs-slide-to","2","aria-label","Slide 3"],["data-bs-interval","10000",1,"carousel-item","active"],[1,"text-fixed-white"],[1,"op-7"],["data-bs-interval","2000",1,"carousel-item"],["type","button","data-bs-target","#carouselExampleDark","data-bs-slide","prev",1,"carousel-control-prev"],["type","button","data-bs-target","#carouselExampleDark","data-bs-slide","next",1,"carousel-control-next"]],template:function(m,E){m&1&&(e(0,"div",0)(1,"div",1)(2,"h3"),i(3,"Carousel"),t()()(),e(4,"div",2)(5,"div",3)(6,"div",4)(7,"div",5)(8,"h5",6),i(9,"Slides Only"),t(),e(10,"p",7),i(11,"Here\u2019s a carousel with slides only. Note the presence of the "),e(12,"code"),i(13,".d-block"),t(),i(14," and "),e(15,"code"),i(16,".img-fluid"),t(),i(17," on carousel images to prevent browser default image alignment. "),t()(),e(18,"div",8)(19,"div",9)(20,"div",10)(21,"div",11),d(22,"img",12),t(),e(23,"div",13),d(24,"img",14),t(),e(25,"div",13),d(26,"img",15),t()()()()()(),e(27,"div",3)(28,"div",4)(29,"div",5)(30,"h5",6),i(31,"With Controls"),t(),e(32,"p",7),i(33,"Adding in the previous and next controls:"),t()(),e(34,"div",8)(35,"div",16)(36,"div",10)(37,"div",11),d(38,"img",12),t(),e(39,"div",13),d(40,"img",14),t(),e(41,"div",13),d(42,"img",15),t()(),e(43,"a",17),d(44,"span",18),e(45,"span",19),i(46,"Previous"),t()(),e(47,"a",20),d(48,"span",21),e(49,"span",19),i(50,"Next"),t()()()()()()(),e(51,"div",2)(52,"div",3)(53,"div",4)(54,"div",5)(55,"h5",6),i(56,"With Indicators"),t(),e(57,"p",7),i(58,"You can also add the indicators to the carousel, alongside the controls, too."),t()(),e(59,"div",8)(60,"div",22)(61,"ol",23),d(62,"li",24)(63,"li",25)(64,"li",26),t(),e(65,"div",10)(66,"div",11),d(67,"img",12),t(),e(68,"div",13),d(69,"img",27),t(),e(70,"div",13),d(71,"img",15),t()(),e(72,"a",28),d(73,"span",18),e(74,"span",19),i(75,"Previous"),t()(),e(76,"a",29),d(77,"span",21),e(78,"span",19),i(79,"Next"),t()()()()()(),e(80,"div",3)(81,"div",4)(82,"div",5)(83,"h5",6),i(84,"With Captions"),t(),e(85,"p",7),i(86,"Add captions to your slides easily with the "),e(87,"code"),i(88,".carousel-caption"),t(),i(89," element within any "),e(90,"code"),i(91,".carousel-item"),t(),i(92,". "),t()(),e(93,"div",8)(94,"div",30)(95,"div",10)(96,"div",11),d(97,"img",31),e(98,"div",32)(99,"h3",33),i(100,"First slide label"),t(),e(101,"p"),i(102,"Lorem ipsum dolor sit amet, consectetur adipiscing elit."),t()()(),e(103,"div",13),d(104,"img",34),e(105,"div",32)(106,"h3",33),i(107,"Second slide label"),t(),e(108,"p"),i(109,"Lorem ipsum dolor sit amet, consectetur adipiscing elit."),t()()(),e(110,"div",13),d(111,"img",35),e(112,"div",32)(113,"h3",33),i(114,"Third slide label"),t(),e(115,"p"),i(116,"Lorem ipsum dolor sit amet, consectetur adipiscing elit."),t()()()(),e(117,"a",36),d(118,"span",18),e(119,"span",19),i(120,"Previous"),t()(),e(121,"a",37),d(122,"span",21),e(123,"span",19),i(124,"Next"),t()()()()()()(),e(125,"div",2)(126,"div",3)(127,"div",4)(128,"div",5)(129,"h5",6),i(130,"Crossfade"),t(),e(131,"p",7),i(132,"Add "),e(133,"code"),i(134,".carousel-fade"),t(),i(135," to your carousel to animate slides with a fade transition instead of a slide."),t()(),e(136,"div",8)(137,"div",38)(138,"div",39)(139,"div",11),d(140,"img",12),t(),e(141,"div",13),d(142,"img",27),t(),e(143,"div",13),d(144,"img",40),t()(),e(145,"a",41),d(146,"span",18),e(147,"span",19),i(148,"Previous"),t()(),e(149,"a",42),d(150,"span",21),e(151,"span",19),i(152,"Next"),t()()()()()(),e(153,"div",3)(154,"div",4)(155,"div",5)(156,"h5",6),i(157,"Individual Interval"),t(),e(158,"p",7),i(159,"Add "),e(160,"code"),i(161,'data-bs-interval=""'),t(),i(162," to a "),e(163,"code"),i(164,".carousel-item"),t(),i(165," to change the amount of time to delay between automatically cycling to the next item. "),t()(),e(166,"div",8)(167,"div",43)(168,"div",39)(169,"div",11),d(170,"img",44),t(),e(171,"div",13),d(172,"img",14),t(),e(173,"div",13),d(174,"img",15),t()(),e(175,"a",45),d(176,"span",18),e(177,"span",19),i(178,"Previous"),t()(),e(179,"a",46),d(180,"span",21),e(181,"span",19),i(182,"Next"),t()()()()()()(),e(183,"div",2)(184,"div",3)(185,"div",4)(186,"div",47)(187,"div",6),i(188,"Disable Touch Swiping"),t()(),e(189,"div",8)(190,"div",48)(191,"div",39)(192,"div",11),d(193,"img",49),t(),e(194,"div",13),d(195,"img",50),t(),e(196,"div",13),d(197,"img",51),t()(),e(198,"button",52),d(199,"span",18),e(200,"span",19),i(201,"Previous"),t()(),e(202,"button",53),d(203,"span",21),e(204,"span",19),i(205,"Next"),t()()()()()(),e(206,"div",3)(207,"div",4)(208,"div",47)(209,"div",6),i(210,"Dark Variant"),t()(),e(211,"div",8)(212,"div",54)(213,"div",23),d(214,"button",55)(215,"button",56)(216,"button",57),t(),e(217,"div",39)(218,"div",58),d(219,"img",49),e(220,"div",32)(221,"h5",59),i(222,"First slide label"),t(),e(223,"p",60),i(224,"Some representative placeholder content for the first slide."),t()()(),e(225,"div",61),d(226,"img",50),e(227,"div",32)(228,"h5",59),i(229,"Second slide label"),t(),e(230,"p",60),i(231,"Some representative placeholder content for the second slide."),t()()(),e(232,"div",13),d(233,"img",51),e(234,"div",32)(235,"h5",59),i(236,"Third slide label"),t(),e(237,"p",60),i(238,"Some representative placeholder content for the third slide."),t()()()(),e(239,"button",62),d(240,"span",18),e(241,"span",19),i(242,"Previous"),t()(),e(243,"button",63),d(244,"span",21),e(245,"span",19),i(246,"Next"),t()()()()()()())},dependencies:[a],encapsulation:2})};export{r as UiCarouselComponent};