import{b as G}from"./chunk-YN2DAHZU.js";import{$ as p,Aa as E,Ba as t,Ca as i,Da as a,Eb as O,Gc as N,Hc as P,Ja as _,Kc as L,M as A,N as v,Na as x,Rc as w,Sc as F,Ta as e,Tc as b,Ua as g,Uc as U,Vc as $,Wc as D,ba as l,ca as I,gc as M,ha as R,qa as c,qd as B,rd as z,za as S}from"./chunk-7SK34GC7.js";import"./chunk-JKOY2XUY.js";var h=(r,m)=>m.src;function V(r,m){if(r&1&&(e(0,`
                `),t(1,"c-carousel-item"),e(2,`
                  `),a(3,"img",29),e(4,`
                `),i(),e(5,`
              `)),r&2){let n=m.$implicit;l(3),x("alt",n.title),c("src",n.src,p)}}function W(r,m){if(r&1&&(e(0,`
                `),t(1,"c-carousel-item"),e(2,`
                  `),a(3,"img",29),e(4,`
                `),i(),e(5,`
              `)),r&2){let n=m.$implicit;l(3),x("alt",n.title),c("src",n.src,p)}}function X(r,m){if(r&1&&(e(0,`
                `),t(1,"c-carousel-item"),e(2,`
                  `),a(3,"img",29),e(4,`
                `),i(),e(5,`
              `)),r&2){let n=m.$implicit;l(3),x("alt",n.title),c("src",n.src,p)}}function k(r,m){if(r&1&&(e(0,`
                `),t(1,"c-carousel-item"),e(2,`
                  `),a(3,"img",29),e(4,`
                `),i(),e(5,`
              `)),r&2){let n=m.$implicit;l(3),x("alt",n.title),c("src",n.src,p)}}function H(r,m){if(r&1&&(e(0,`
                `),t(1,"c-carousel-item"),e(2,`
                  `),a(3,"img",30),e(4,`
                  `),t(5,"c-carousel-caption",31),e(6,`
                    `),t(7,"h3"),e(8),i(),e(9,`
                    `),t(10,"p"),e(11),i(),e(12,`
                  `),i(),e(13,`
                `),i(),e(14,`
              `)),r&2){let n=m.$implicit;l(3),x("alt",n.title),x("src",n.src,p),l(5),g(n.title),l(3),g(n.subtitle)}}function j(r,m){if(r&1&&(e(0,`
                `),t(1,"c-carousel-item"),e(2,`
                  `),a(3,"img",29),e(4,`
                  `),t(5,"c-carousel-caption",31),e(6,`
                    `),t(7,"h3"),e(8),i(),e(9,`
                    `),t(10,"p"),e(11),i(),e(12,`
                  `),i(),e(13,`
                `),i(),e(14,`
              `)),r&2){let n=m.$implicit;l(3),x("alt",n.title),c("src",n.src,p),l(5),g(n.title),l(3),g(n.subtitle)}}function q(r,m){if(r&1&&(e(0,`
                `),t(1,"c-carousel-item"),e(2,`
                  `),a(3,"img",29),e(4,`
                  `),t(5,"c-carousel-caption",31),e(6,`
                    `),t(7,"h3"),e(8),i(),e(9,`
                    `),t(10,"p"),e(11),i(),e(12,`
                  `),i(),e(13,`
                `),i(),e(14,`
              `)),r&2){let n=m.$implicit;l(3),x("alt",n.title),c("src",n.src,p),l(5),g(n.title),l(3),g(n.subtitle)}}var ie=(()=>{class r{constructor(n){this.domSanitizer=n,this.imageSrc=["assets/images/angular.jpg","assets/images/react.jpg","assets/images/vue.jpg","https://picsum.photos/id/1/800/400","https://picsum.photos/id/1026/800/400","https://picsum.photos/id/1031/800/400"],this.slidesLight=["data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_1607923e7e2%20text%20%7B%20fill%3A%23AAA%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_1607923e7e2%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23F5F5F5%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22285.9296875%22%20y%3D%22217.75625%22%3EFirst%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E","data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ba800aa20%20text%20%7B%20fill%3A%23BBB%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ba800aa20%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23EEE%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22247.3203125%22%20y%3D%22218.3%22%3ESecond%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E","data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ba800aa21%20text%20%7B%20fill%3A%23999%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ba800aa21%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23E5E5E5%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22277%22%20y%3D%22218.3%22%3EThird%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"],this.slides=[],this.slides[0]=[{id:0,src:n.bypassSecurityTrustUrl(this.imageSrc[0]),title:"First slide",subtitle:"Nulla vitae elit libero, a pharetra augue mollis interdum."},{id:1,src:n.bypassSecurityTrustUrl(this.imageSrc[1]),title:"Second slide",subtitle:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},{id:2,src:n.bypassSecurityTrustUrl(this.imageSrc[2]),title:"Third slide",subtitle:"Praesent commodo cursus magna, vel scelerisque nisl consectetur."}],this.slides[1]=[{id:0,src:this.imageSrc[3],title:"First slide",subtitle:"Nulla vitae elit libero, a pharetra augue mollis interdum."},{id:1,src:this.imageSrc[4],title:"Second slide",subtitle:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},{id:2,src:this.imageSrc[5],title:"Third slide",subtitle:"Praesent commodo cursus magna, vel scelerisque nisl consectetur."}],this.slides[2]=[{id:0,src:n.bypassSecurityTrustUrl(this.slidesLight[0]),title:"First slide",subtitle:"Nulla vitae elit libero, a pharetra augue mollis interdum."},{id:1,src:n.bypassSecurityTrustUrl(this.slidesLight[1]),title:"Second slide",subtitle:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},{id:2,src:n.bypassSecurityTrustUrl(this.slidesLight[2]),title:"Third slide",subtitle:"Praesent commodo cursus magna, vel scelerisque nisl consectetur."}]}onItemChange(n){console.log("Carousel onItemChange",n)}static{this.\u0275fac=function(u){return new(u||r)(I(O))}}static{this.\u0275cmp=R({type:r,selectors:[["app-carousels"]],decls:297,vars:14,consts:()=>{let n;n=$localize`Previous`;let u;u=$localize`Next`;let o;o=$localize`Previous`;let d;d=$localize`Next`;let s;s=$localize`Previous`;let f;f=$localize`Next`;let y;y=$localize`Previous`;let T;return T=$localize`Next`,[["xs","12"],[1,"mb-4"],[1,"text-body-secondary","small"],["href","components/carousel"],["transition","slide",3,"itemChange","interval"],["href","components/carousel/#with-controls"],[3,"itemChange","interval"],["caption",n,"direction","prev"],["caption",u,"direction","next"],["direction","prev",3,"tabIndex"],["cIcon","","name","cil-chevron-left","size","3xl"],[1,"visually-hidden"],["direction","next",3,"tabIndex"],["cIcon","","name","cil-chevron-right","size","3xl"],["href","components/carousel/#with-indicators"],["direction","prev",3,"itemChange","activeIndex","dark","interval"],["href","https://coreui.io/4.0/utilities/display"],["href","components/carousel/#with-captions"],["transition","slide",3,"itemChange","interval","wrap"],["caption",o,"direction","prev"],["caption",d,"direction","next"],["href","components/carousel/#crossfade"],["transition","crossfade",3,"itemChange","animate","interval"],["caption",s,"direction","prev"],["caption",f,"direction","next"],["href","components/carousel/#dark-variant"],["transition","slide",3,"itemChange","dark","interval"],["caption",y,"direction","prev"],["caption",T,"direction","next"],["loading","lazy",1,"d-block","w-100",3,"src","alt"],["loading","lazy",1,"d-block","w-100",3,"alt","src"],[1,"d-none","d-md-block"]]},template:function(u,o){u&1&&(t(0,"c-row"),e(1,`
  `),t(2,"c-col",0),e(3,`
    `),t(4,"c-card",1),e(5,`
      `),t(6,"c-card-header"),e(7,`
        `),t(8,"strong"),e(9,"Angular Carousel"),i(),e(10," "),t(11,"small"),e(12,"Slide only"),i(),e(13,`
      `),i(),e(14,`
      `),t(15,"c-card-body"),e(16,`
        `),t(17,"p",2),e(18,"Here\u2019s a carousel with slides"),i(),e(19,`
        `),t(20,"app-docs-example",3),e(21,`
          `),t(22,"c-carousel",4),_("itemChange",function(s){return o.onItemChange(s)}),e(23,`
            `),t(24,"c-carousel-inner"),e(25,`
              `),S(26,V,6,2,null,null,h),i(),e(28,`
          `),i(),e(29,`
        `),i(),e(30,`
      `),i(),e(31,`
    `),i(),e(32,`
  `),i(),e(33,`
  `),t(34,"c-col",0),e(35,`
    `),t(36,"c-card",1),e(37,`
      `),t(38,"c-card-header"),e(39,`
        `),t(40,"strong"),e(41,"Angular Carousel"),i(),e(42," "),t(43,"small"),e(44,"with controls"),i(),e(45,`
      `),i(),e(46,`
      `),t(47,"c-card-body"),e(48,`
        `),t(49,"p",2),e(50,`
          Adding in the previous and next controls with `),t(51,"code"),e(52,"c-carousel-controls"),i(),e(53,` component.
        `),i(),e(54,`
        `),t(55,"app-docs-example",5),e(56,`
          `),t(57,"c-carousel",6),_("itemChange",function(s){return o.onItemChange(s)}),e(58,`
            `),t(59,"c-carousel-inner"),e(60,`
              `),S(61,W,6,2,null,null,h),i(),e(63,`
            `),a(64,"c-carousel-control",7),e(65,`
            `),a(66,"c-carousel-control",8),e(67,`
          `),i(),e(68,`
        `),i(),e(69,`
      `),i(),e(70,`
    `),i(),e(71,`
  `),i(),e(72,`
  `),t(73,"c-col",0),e(74,`
    `),t(75,"c-card",1),e(76,`
      `),t(77,"c-card-header"),e(78,`
        `),t(79,"strong"),e(80,"Angular Carousel"),i(),e(81," "),t(82,"small"),e(83,"with custom controls"),i(),e(84,`
      `),i(),e(85,`
      `),t(86,"c-card-body"),e(87,`
        `),t(88,"p",2),e(89,`
          Adding in the previous and next controls with custom content of `),t(90,"code"),e(91,"c-carousel-controls"),i(),e(92,` component.
        `),i(),e(93,`
        `),t(94,"app-docs-example",5),e(95,`
          `),t(96,"c-carousel",6),_("itemChange",function(s){return o.onItemChange(s)}),e(97,`
            `),t(98,"c-carousel-inner"),e(99,`
              `),S(100,X,6,2,null,null,h),i(),e(102,`
            `),t(103,"c-carousel-control",9),e(104,`
              `),A(),a(105,"svg",10),e(106,`
              `),v(),t(107,"span",11),e(108,"Previous"),i(),e(109,`
            `),i(),e(110,`
            `),t(111,"c-carousel-control",12),e(112,`
              `),A(),a(113,"svg",13),e(114,`
              `),v(),t(115,"span",11),e(116,"Next"),i(),e(117,`
            `),i(),e(118,`
          `),i(),e(119,`
        `),i(),e(120,`
      `),i(),e(121,`
    `),i(),e(122,`
  `),i(),e(123,`
  `),t(124,"c-col",0),e(125,`
    `),t(126,"c-card",1),e(127,`
      `),t(128,"c-card-header"),e(129,`
        `),t(130,"strong"),e(131,"Angular Carousel"),i(),e(132," "),t(133,"small"),e(134,"with indicators"),i(),e(135,`
      `),i(),e(136,`
      `),t(137,"c-card-body"),e(138,`
        `),t(139,"p",2),e(140,`
          You can attach the indicators to the carousel, lengthwise the controls, too.
        `),i(),e(141,`
        `),t(142,"app-docs-example",14),e(143,`
          `),t(144,"c-carousel",15),_("itemChange",function(s){return o.onItemChange(s)}),e(145,`
            `),a(146,"c-carousel-indicators"),e(147,`
            `),t(148,"c-carousel-inner"),e(149,`
              `),S(150,k,6,2,null,null,h),i(),e(152,`
          `),i(),e(153,`
        `),i(),e(154,`
      `),i(),e(155,`
    `),i(),e(156,`
  `),i(),e(157,`
  `),t(158,"c-col",0),e(159,`
    `),t(160,"c-card",1),e(161,`
      `),t(162,"c-card-header"),e(163,`
        Carousel with captions, controls and indicators
      `),i(),e(164,`
      `),t(165,"c-card-body"),e(166,`
        `),t(167,"p",2),e(168,`
          You can add captions to slides with the `),t(169,"code"),e(170,"<c-carousel-caption>"),i(),e(171,` element
          within any `),t(172,"code"),e(173,"<c-carousel-item>"),i(),e(174,`. They can be immediately hidden on
          smaller viewports, as shown below, with optional `),t(175,"a",16),e(176,`display
          utilities`),i(),e(177,`.
          We hide them with `),t(178,"code"),e(179,".d-none"),i(),e(180,` and draw them back on medium-sized devices with
          `),t(181,"code"),e(182,".d-md-block"),i(),e(183,`.
        `),i(),e(184,`
        `),t(185,"app-docs-example",17),e(186,`
          `),t(187,"c-carousel",18),_("itemChange",function(s){return o.onItemChange(s)}),e(188,`
            `),a(189,"c-carousel-indicators"),e(190,`
            `),t(191,"c-carousel-inner"),e(192,`
              `),S(193,H,15,4,null,null,h),i(),e(195,`
            `),a(196,"c-carousel-control",19),e(197,`
            `),a(198,"c-carousel-control",20),e(199,`
          `),i(),e(200,`
        `),i(),e(201,`
      `),i(),e(202,`
    `),i(),e(203,`
  `),i(),e(204,`
  `),t(205,"c-col",0),e(206,`
    `),t(207,"c-card",1),e(208,`
      `),t(209,"c-card-header"),e(210,`
        `),t(211,"strong"),e(212,"Angular Carousel"),i(),e(213," "),t(214,"small"),e(215,"Crossfade"),i(),e(216,`
      `),i(),e(217,`
      `),t(218,"c-card-body"),e(219,`
        `),t(220,"p",2),e(221,`
          Add `),t(222,"code"),e(223,'transition="crossfade"'),i(),e(224,` to your carousel to animate slides
          with a fade transition instead of a slide.
        `),i(),e(225,`
        `),t(226,"app-docs-example",21),e(227,`
          `),t(228,"c-carousel",22),_("itemChange",function(s){return o.onItemChange(s)}),e(229,`
            `),t(230,"c-carousel-inner"),e(231,`
              `),S(232,j,15,4,null,null,h),i(),e(234,`
            `),a(235,"c-carousel-control",23),e(236,`
            `),a(237,"c-carousel-control",24),e(238,`
          `),i(),e(239,`
        `),i(),e(240,`
      `),i(),e(241,`
    `),i(),e(242,`
  `),i(),e(243,`
  `),t(244,"c-col",0),e(245,`
    `),t(246,"c-card",1),e(247,`
      `),t(248,"c-card-header"),e(249,`
        `),t(250,"strong"),e(251,"Angular Carousel"),i(),e(252," "),t(253,"small"),e(254,"Dark variant"),i(),e(255,`
      `),i(),e(256,`
      `),t(257,"c-card-body"),e(258,`
        `),t(259,"p",2),e(260,`
          Add `),t(261,"code"),e(262,"dark"),i(),e(263," property to the "),t(264,"code"),e(265,"c-carousel"),i(),e(266,` for darker controls,
          indicators, and captions. Controls have been inverted from their default white fill
          with the `),t(267,"code"),e(268,"filter"),i(),e(269,` CSS property. Captions and controls have additional Sass
          variables that customize the `),t(270,"code"),e(271,"color"),i(),e(272," and "),t(273,"code"),e(274,"background-color"),i(),e(275,`.
        `),i(),e(276,`
        `),t(277,"app-docs-example",25),e(278,`
          `),t(279,"c-carousel",26),_("itemChange",function(s){return o.onItemChange(s)}),e(280,`
            `),a(281,"c-carousel-indicators"),e(282,`
            `),t(283,"c-carousel-inner"),e(284,`
              `),S(285,q,15,4,null,null,h),i(),e(287,`
            `),a(288,"c-carousel-control",27),e(289,`
            `),a(290,"c-carousel-control",28),e(291,`
          `),i(),e(292,`
        `),i(),e(293,`
      `),i(),e(294,`
    `),i(),e(295,`
  `),i(),e(296,`
`),i()),u&2&&(l(22),c("interval",7e3),l(4),E(o.slides[0]),l(31),c("interval",0),l(4),E(o.slides[0]),l(35),c("interval",0),l(4),E(o.slides[0]),l(3),c("tabIndex",0),l(8),c("tabIndex",0),l(33),c("activeIndex",1)("dark",!0)("interval",5e3),l(6),E(o.slides[0]),l(37),c("interval",3e3)("wrap",!1),l(6),E(o.slides[1]),l(35),c("animate",!1)("interval",5e3),l(4),E(o.slides[0]),l(47),c("dark",!0)("interval",3e3),l(6),E(o.slides[2]))},dependencies:[z,B,N,L,P,G,w,D,$,b,M,U,F],encapsulation:2})}}return r})();export{ie as CarouselsComponent};
