import{b as E}from"./chunk-AEY3DO2Q.js";import{Ab as f,_ as v,ab as g,bb as P,qa as d,ra as x,ua as u}from"./chunk-RIXYHOD2.js";import{Fb as l,Hc as s,Mb as r,Qc as p,Yb as t,Zb as n,kb as i,oa as c,uc as m,vc as e}from"./chunk-7RF4FE4V.js";import"./chunk-WWX6BADO.js";function T(o,S){o&1&&(e(0,`
              `),t(1,"h3",12),e(2,`
                Popover Title
              `),n(),e(3,`
              `),t(4,"div",13),e(5,`
                And here\u2019s some amazing content. It\u2019s very engaging. `),t(6,"span",14),e(7,"Right?"),n(),e(8,`
              `),n(),e(9,`
            `))}function _(o,S){o&1&&(e(0,`
              `),t(1,"div",13),e(2,`
                Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Top!
              `),n(),e(3,`
            `))}var R=(()=>{class o{constructor(){this.visible=!0}ngOnInit(){setTimeout(()=>{this.visible=!this.visible},3e3)}static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=c({type:o,selectors:[["app-popovers"]],standalone:!0,features:[s],decls:68,vars:8,consts:[["popoverHtml",""],["tooltipHtml",""],["xs","12"],[1,"mb-4"],["href","components/popover"],["cPopoverPlacement","right","cButton","","color","danger","size","lg",1,"m-1",3,"cPopover","cPopoverTrigger","cPopoverVisible"],[1,"text-body-secondary","small"],["href","components/popover#four-directions"],["cButton","","cPopoverPlacement","top","color","secondary",1,"me-1",3,"cPopoverTrigger","cPopover"],["cButton","","cPopover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Right!","cPopoverPlacement","right","color","secondary",1,"me-1",3,"cPopoverTrigger"],["cButton","","cPopover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Bottom!","cPopoverPlacement","bottom","color","secondary",1,"me-1",3,"cPopoverTrigger"],["cButton","","cPopover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Left!","cPopoverPlacement","left","color","secondary",1,"me-1",3,"cPopoverTrigger"],[1,"popover-header"],[1,"popover-body"],[1,"text-danger"]],template:function(a,h){if(a&1&&(t(0,"c-row"),e(1,`
  `),t(2,"c-col",2),e(3,`
    `),t(4,"c-card",3),e(5,`
      `),t(6,"c-card-header"),e(7,`
        `),t(8,"strong"),e(9,"Angular Popover"),n(),e(10," "),t(11,"small"),e(12,"Basic example"),n(),e(13,`
      `),n(),e(14,`
      `),t(15,"c-card-body"),e(16,`
        `),t(17,"app-docs-example",4),e(18,`
          `),t(19,"button",5),e(20,`
            Click to toggle popover
            `),l(21,T,10,0,"ng-template",null,0,p),e(23,`
          `),n(),e(24,`
        `),n(),e(25,`
      `),n(),e(26,`
    `),n(),e(27,`
  `),n(),e(28,`
  `),t(29,"c-col",2),e(30,`
    `),t(31,"c-card",3),e(32,`
      `),t(33,"c-card-header"),e(34,`
        `),t(35,"strong"),e(36,"Angular Popover"),n(),e(37," "),t(38,"small"),e(39,"Four directions"),n(),e(40,`
      `),n(),e(41,`
      `),t(42,"c-card-body"),e(43,`
        `),t(44,"p",6),e(45,`
          Four options are available: top, right, bottom, and left aligned.
        `),n(),e(46,`
        `),t(47,"app-docs-example",7),e(48,`
          `),t(49,"button",8),e(50,`Popover on top
            `),l(51,_,4,0,"ng-template",null,1,p),e(53,`
          `),n(),e(54,`
          `),t(55,"button",9),e(56,`Popover on right
          `),n(),e(57,`
          `),t(58,"button",10),e(59,`Popover on bottom
          `),n(),e(60,`
          `),t(61,"button",11),e(62,`Popover on left
          `),n(),e(63,`
        `),n(),e(64,`
      `),n(),e(65,`
    `),n(),e(66,`
  `),n(),e(67,`
`),n()),a&2){let y=m(22),C=m(52);i(19),r("cPopover",y)("cPopoverTrigger","click")("cPopoverVisible",h.visible),i(30),r("cPopoverTrigger","hover")("cPopover",C),i(6),r("cPopoverTrigger","hover"),i(3),r("cPopoverTrigger","hover"),i(3),r("cPopoverTrigger","hover")}},dependencies:[P,g,d,u,x,E,v,f]})}}return o})();export{R as PopoversComponent};
