From 93c2e0bb5882b86e0ee86371fabec36b7687a003 Mon Sep 17 00:00:00 2001 From: xidedix Date: Thu, 5 Dec 2024 20:48:19 +0100 Subject: [PATCH] docs(angular): update to v5.3.3 for Angular 19 --- angular/docs/charts/examples/npm.md | 11 +- angular/docs/charts/index.html | 88 +++- angular/docs/chunk-24DNDHPS.js | 71 ---- angular/docs/chunk-2FLYFVC5.js | 127 ++++++ angular/docs/chunk-2JTABWSK.js | 36 ++ angular/docs/chunk-2MNLOKHG.js | 122 ++++++ angular/docs/chunk-2P4FBTCD.js | 1 - angular/docs/chunk-2XBJPMNA.js | 1 - .../{chunk-A6DORFI4.js => chunk-35CGE5P4.js} | 2 +- angular/docs/chunk-35G45NZH.js | 71 ++++ angular/docs/chunk-3AZ5QPIX.js | 97 +++++ angular/docs/chunk-3MJ7VGF3.js | 113 +++++ angular/docs/chunk-3PG2ZCO4.js | 69 ---- angular/docs/chunk-3R5KIKFA.js | 96 ----- angular/docs/chunk-3RK3TU4W.js | 96 +++++ angular/docs/chunk-3VDKHCWL.js | 101 ----- angular/docs/chunk-4P7KQCRI.js | 1 + angular/docs/chunk-4TN3UWYA.js | 99 +++++ angular/docs/chunk-4Y65OJ6N.js | 127 ------ .../{chunk-UOBSVDHK.js => chunk-4YT6ASH2.js} | 4 +- angular/docs/chunk-535LSHME.js | 1 + angular/docs/chunk-55VZ6TH5.js | 34 -- .../{chunk-VQPA76VJ.js => chunk-57V5G4IM.js} | 4 +- angular/docs/chunk-5AK2PDXZ.js | 150 ------- angular/docs/chunk-5F3MA7QH.js | 34 ++ angular/docs/chunk-5FX55GRF.js | 138 ------- angular/docs/chunk-5PB2YHT5.js | 89 ---- angular/docs/chunk-63XHX563.js | 390 ------------------ angular/docs/chunk-6J7IPYW2.js | 96 +++++ angular/docs/chunk-6N3NIFJN.js | 96 ----- angular/docs/chunk-6QC5SWGA.js | 55 +++ angular/docs/chunk-6RP7HPDL.js | 60 +++ angular/docs/chunk-6XSIGMAT.js | 59 +++ angular/docs/chunk-73OGRFJE.js | 27 -- angular/docs/chunk-76NCE7PJ.js | 81 ++++ angular/docs/chunk-7GGIVGNP.js | 64 +++ angular/docs/chunk-7MMPPNM2.js | 45 ++ angular/docs/chunk-7QNDAX2Q.js | 46 --- .../{chunk-QO4LZE6R.js => chunk-7WDOM3F3.js} | 16 +- angular/docs/chunk-A7DYQ3XJ.js | 150 +++++++ angular/docs/chunk-ADVPX5JT.js | 2 - .../{chunk-36RXFU5O.js => chunk-AW5NRMKI.js} | 8 +- angular/docs/chunk-BO4OGLUV.js | 35 -- angular/docs/chunk-BQBEGMJH.js | 201 +++++++++ angular/docs/chunk-BW3P72F2.js | 41 -- angular/docs/chunk-C6Z6F6U7.js | 1 + angular/docs/chunk-CEVZWYMQ.js | 55 --- angular/docs/chunk-CIRO6JJS.js | 5 - angular/docs/chunk-CQBYJZIZ.js | 112 +++++ angular/docs/chunk-CSB5YKCX.js | 1 - .../{chunk-CMYV3JZB.js => chunk-CVTQYKAS.js} | 4 +- angular/docs/chunk-DFKAVCYF.js | 3 + .../{chunk-65A7HQJF.js => chunk-DHQE4WAW.js} | 4 +- angular/docs/chunk-DNHCGXTT.js | 138 +++++++ angular/docs/chunk-EPUBTLEY.js | 89 ++++ angular/docs/chunk-ETJVE2CJ.js | 113 ----- .../{chunk-AUKM5LKL.js => chunk-EUOFALR4.js} | 2 +- angular/docs/chunk-EVPXM53N.js | 50 +++ angular/docs/chunk-EXW5NESO.js | 82 ++++ angular/docs/chunk-FCGU2MUM.js | 180 ++++++++ .../{chunk-ML2GVA25.js => chunk-FGOOFAHL.js} | 4 +- angular/docs/chunk-FHCRJFDY.js | 56 --- angular/docs/chunk-FOOC4R7J.js | 104 ----- .../{chunk-QGTMYOE7.js => chunk-FQKL2LQK.js} | 4 +- angular/docs/chunk-FUR4BSKQ.js | 1 + .../{chunk-FRPPBSOZ.js => chunk-FVNRL7BW.js} | 2 +- angular/docs/chunk-FZDLC4LA.js | 1 - angular/docs/chunk-G4JD3XPX.js | 40 ++ angular/docs/chunk-G55ITL3X.js | 1 + angular/docs/chunk-GAZXQGVY.js | 1 - angular/docs/chunk-GOOL7UHW.js | 1 - angular/docs/chunk-GOS2ZXOI.js | 43 -- angular/docs/chunk-GQ6UBWLQ.js | 47 +++ angular/docs/chunk-GVNDSNMJ.js | 74 ++++ angular/docs/chunk-GVURRUUX.js | 26 -- angular/docs/chunk-GYQMS5FR.js | 7 + angular/docs/chunk-GZRJDORJ.js | 104 +++++ angular/docs/chunk-H42CZ6MF.js | 99 ----- angular/docs/chunk-HEV2ZGEM.js | 1 - .../{chunk-LS7KWXKU.js => chunk-HLHHATW7.js} | 2 +- angular/docs/chunk-HNBWB6YN.js | 59 --- angular/docs/chunk-I3XNTRBK.js | 9 - angular/docs/chunk-I6CXPES6.js | 1 - angular/docs/chunk-IBXTUR77.js | 38 ++ angular/docs/chunk-IOAZHKIH.js | 1 - angular/docs/chunk-IWHIMLZA.js | 62 +++ angular/docs/chunk-IWRSONFO.js | 1 + .../{chunk-WF6X3MVN.js => chunk-JGCJFCOU.js} | 4 +- .../{chunk-OEYZCRZZ.js => chunk-JIVUY3AH.js} | 4 +- angular/docs/chunk-KCV7NRG2.js | 49 --- angular/docs/chunk-KH4DFA4L.js | 137 ++++++ angular/docs/chunk-KJYCQPQX.js | 1 - angular/docs/chunk-KK7M3UGZ.js | 1 - angular/docs/chunk-KNW7WNOW.js | 49 +++ angular/docs/chunk-KQVCM4AQ.js | 122 ------ angular/docs/chunk-KTILGTFG.js | 101 +++++ angular/docs/chunk-L3HVOJKU.js | 121 ------ angular/docs/chunk-L53PZ6UV.js | 390 ++++++++++++++++++ angular/docs/chunk-LGVTGE6X.js | 51 --- angular/docs/chunk-LODCUSI7.js | 1 + angular/docs/chunk-M4MZPLFO.js | 117 ------ angular/docs/chunk-N2U2BYSP.js | 1 - angular/docs/chunk-N4BWR74Q.js | 1 + angular/docs/chunk-N5CLKGXI.js | 5 + angular/docs/chunk-N627XHOQ.js | 31 ++ angular/docs/chunk-NMTJNXYG.js | 1 - angular/docs/chunk-NO7H7AW4.js | 51 +++ angular/docs/chunk-NR6O7NQI.js | 2 + angular/docs/chunk-NRWSX34U.js | 201 --------- .../{chunk-4ETI2227.js => chunk-NU64HP2B.js} | 36 +- angular/docs/chunk-O4FXNJ5A.js | 41 ++ angular/docs/chunk-OK2EU3VG.js | 68 --- angular/docs/chunk-OOANFR3W.js | 46 +++ .../{chunk-CEFT2MNU.js => chunk-OONLJ7KG.js} | 2 +- .../{chunk-7AP3P5OS.js => chunk-OPUFBFTD.js} | 10 +- angular/docs/chunk-OZBYL6OD.js | 51 --- angular/docs/chunk-P2CR32CI.js | 1 + angular/docs/chunk-PCBHF4FR.js | 110 ----- angular/docs/chunk-PDGBMBHA.js | 26 ++ angular/docs/chunk-PFTXKFAX.js | 228 ---------- angular/docs/chunk-PLJ3VM3P.js | 1 + angular/docs/chunk-PTKHBWTX.js | 110 +++++ angular/docs/chunk-Q2HVSKUJ.js | 1 - angular/docs/chunk-QMXX6NYH.js | 38 -- angular/docs/chunk-QRBEUYFX.js | 95 +++++ angular/docs/chunk-QWCKXRCN.js | 29 -- angular/docs/chunk-QWX5SKOU.js | 1 - angular/docs/chunk-R2AYP265.js | 50 --- angular/docs/chunk-R4BQTGW3.js | 0 angular/docs/chunk-RF6J54PB.js | 28 -- angular/docs/chunk-RKHVOTBL.js | 138 +++++++ angular/docs/chunk-RYY46QAP.js | 51 +++ angular/docs/chunk-S2ESIYWD.js | 43 ++ angular/docs/chunk-S75T24KC.js | 7 - angular/docs/chunk-SB3XXR6D.js | 47 +++ angular/docs/chunk-SLVG372A.js | 50 --- angular/docs/chunk-SMMXROGL.js | 56 +++ angular/docs/chunk-SO2TZHTH.js | 7 + angular/docs/chunk-SPSNCN77.js | 228 ++++++++++ angular/docs/chunk-SPVGUID2.js | 47 --- angular/docs/chunk-TC5WDFZO.js | 3 - angular/docs/chunk-TCUSUIU6.js | 28 ++ angular/docs/chunk-TJ5BOBQA.js | 1 - angular/docs/chunk-TRH6JQSJ.js | 64 --- angular/docs/chunk-TRKV2DGZ.js | 74 ---- angular/docs/chunk-TWQKBOXD.js | 1 + .../{chunk-36W7TF6N.js => chunk-UBBHSR4M.js} | 2 +- .../{chunk-MVYSUWMT.js => chunk-UW65H5NY.js} | 12 +- angular/docs/chunk-VETL2L6T.js | 37 -- angular/docs/chunk-VFFORFB5.js | 69 ++++ .../{chunk-4WBYO2IS.js => chunk-VFTEG2OW.js} | 4 +- angular/docs/chunk-VKSKGLOK.js | 68 +++ angular/docs/chunk-VXNCPJRX.js | 40 -- angular/docs/chunk-W26A3BQN.js | 7 - angular/docs/chunk-W2HQYSLN.js | 1 + angular/docs/chunk-W3PU2PLX.js | 117 ++++++ angular/docs/chunk-WBA2ZGYG.js | 82 ---- angular/docs/chunk-WDU6PU3H.js | 138 ------- angular/docs/chunk-WFURD4S2.js | 81 ---- angular/docs/chunk-WOBVZ6LO.js | 1 + angular/docs/chunk-WOFI2KT7.js | 1 - angular/docs/chunk-WQ46H3BM.js | 141 ------- angular/docs/chunk-WQTMGYYF.js | 141 +++++++ angular/docs/chunk-X5CZJRRU.js | 31 -- angular/docs/chunk-XAVN53EQ.js | 29 ++ angular/docs/chunk-XBHOQHH3.js | 1 + angular/docs/chunk-XGTGYVNY.js | 1 + angular/docs/chunk-XMTCAIWF.js | 62 --- angular/docs/chunk-XQ2JSG7T.js | 1 + angular/docs/chunk-XU2ZO34R.js | 180 -------- .../{chunk-7PCD2TWG.js => chunk-XYQGJUUM.js} | 14 +- angular/docs/chunk-YAWKGBX7.js | 47 --- angular/docs/chunk-YCMO5GD4.js | 1 + angular/docs/chunk-YIBRQ5RO.js | 95 ----- angular/docs/chunk-YM7TFEBT.js | 27 ++ .../{chunk-NV3ZU5AX.js => chunk-YNFNOTV5.js} | 2 +- angular/docs/chunk-YOQIVX5Q.js | 112 ----- angular/docs/chunk-YQAOFSZX.js | 97 ----- angular/docs/chunk-YRS5IW2A.js | 1 + angular/docs/chunk-ZG6263RS.js | 1 - angular/docs/components/accordion/index.html | 50 ++- angular/docs/components/alert/index.html | 54 ++- angular/docs/components/avatar/index.html | 127 +++++- angular/docs/components/badge/index.html | 63 ++- angular/docs/components/breadcrumb/index.html | 69 +++- .../docs/components/button-group/index.html | 79 +++- angular/docs/components/button/index.html | 68 ++- angular/docs/components/calendar/index.html | 181 ++++++-- angular/docs/components/callout/index.html | 45 +- .../card/examples/card21.component.ts | 9 +- angular/docs/components/card/index.html | 103 +++-- angular/docs/components/carousel/index.html | 56 ++- .../docs/components/close-button/index.html | 50 ++- angular/docs/components/collapse/index.html | 48 ++- angular/docs/components/dropdown/index.html | 84 ++-- angular/docs/components/footer/index.html | 44 +- .../header/examples/header01.component.ts | 8 +- angular/docs/components/header/index.html | 44 +- angular/docs/components/image/index.html | 47 ++- angular/docs/components/index.html | 112 ----- angular/docs/components/list-group/index.html | 64 ++- .../docs/components/loading-button/index.html | 46 ++- angular/docs/components/modal/index.html | 62 ++- angular/docs/components/nav/index.html | 72 ++-- angular/docs/components/navbar/index.html | 181 ++++++-- angular/docs/components/offcanvas/index.html | 29 +- angular/docs/components/pagination/index.html | 54 ++- .../docs/components/placeholder/index.html | 58 ++- angular/docs/components/popover/index.html | 47 ++- .../progress/examples/progress04.component.ts | 4 +- .../progress/examples/progress05.component.ts | 4 +- angular/docs/components/progress/index.html | 118 +++++- angular/docs/components/sidebar/index.html | 282 ++++++++++++- .../components/smart-pagination/index.html | 51 ++- .../examples/smart-table09.component.ts | 5 +- .../examples/smart-table10.component.ts | 5 +- .../docs/components/smart-table/index.html | 153 ++++++- angular/docs/components/spinner/index.html | 52 ++- angular/docs/components/table/index.html | 84 ++-- .../tabs/examples/tabs01.component.ts | 3 +- angular/docs/components/tabs/index.html | 178 +++++++- .../toast/examples/toast-sample.component.ts | 5 +- angular/docs/components/toast/index.html | 31 +- angular/docs/components/tooltip/index.html | 51 ++- .../widgets/examples/widgets02.component.ts | 20 +- .../widgets/examples/widgets03.component.ts | 16 +- angular/docs/components/widgets/index.html | 69 +++- .../docs/customize/css-variables/index.html | 119 +++++- angular/docs/customize/index.html | 233 ----------- angular/docs/customize/options/index.html | 19 +- angular/docs/customize/sass/index.html | 168 +++++++- angular/docs/forms/checks-radios/index.html | 45 +- angular/docs/forms/date-picker/index.html | 80 ++-- .../docs/forms/date-range-picker/index.html | 80 ++-- angular/docs/forms/floating-labels/index.html | 31 +- angular/docs/forms/form-control/index.html | 33 +- angular/docs/forms/index.html | 54 --- angular/docs/forms/input-group/index.html | 41 +- angular/docs/forms/layout/index.html | 35 +- angular/docs/forms/multi-select/index.html | 300 ++++++++++++-- angular/docs/forms/overview/index.html | 49 ++- angular/docs/forms/range/index.html | 27 +- .../rating/examples/rating10.component.ts | 16 +- angular/docs/forms/rating/index.html | 121 ++++-- angular/docs/forms/select/index.html | 29 +- angular/docs/forms/time-picker/index.html | 78 ++-- .../examples/validation06.component.ts | 36 +- angular/docs/forms/validation/index.html | 29 +- angular/docs/getting-started/index.html | 18 +- .../getting-started/introduction/index.html | 18 +- .../getting-started/support-coreui/index.html | 15 +- angular/docs/icons/examples/npm.md | 2 +- angular/docs/icons/index.html | 102 ++++- angular/docs/index.csr.html | 10 +- angular/docs/index.html | 18 +- angular/docs/layout/breakpoints/index.html | 17 +- angular/docs/layout/columns/index.html | 63 ++- angular/docs/layout/containers/index.html | 47 ++- angular/docs/layout/grid/index.html | 60 ++- angular/docs/layout/gutters/index.html | 52 ++- angular/docs/layout/index.html | 181 -------- angular/docs/main-INWLNNGW.js | 13 + angular/docs/main-LIXPG5ES.js | 15 - angular/docs/media/cyber-bg-CVNOGXIN.png | Bin 0 -> 148000 bytes .../docs/migration/angular-version/index.html | 23 +- angular/docs/migration/index.html | 155 ------- angular/docs/migration/v3-v4/index.html | 19 +- angular/docs/migration/v4-v5/index.html | 27 +- ...ills-236DX2BM.js => polyfills-7E4YKXOX.js} | 4 +- angular/docs/scripts-M2CQZNXW.js | 76 ++++ angular/docs/scripts-NXBZ4LOX.js | 66 --- angular/docs/styles-VQSRFDE5.css | 1 + angular/docs/styles-XLI6GYIE.css | 1 - .../docs/templates/admin-dashboard/index.html | 19 +- angular/docs/templates/content/index.html | 19 +- angular/docs/templates/customize/index.html | 40 +- angular/docs/templates/download/index.html | 41 +- angular/docs/templates/index.html | 25 -- .../docs/templates/installation/index.html | 25 +- 279 files changed, 8756 insertions(+), 6909 deletions(-) delete mode 100644 angular/docs/chunk-24DNDHPS.js create mode 100644 angular/docs/chunk-2FLYFVC5.js create mode 100644 angular/docs/chunk-2JTABWSK.js create mode 100644 angular/docs/chunk-2MNLOKHG.js delete mode 100644 angular/docs/chunk-2P4FBTCD.js delete mode 100644 angular/docs/chunk-2XBJPMNA.js rename angular/docs/{chunk-A6DORFI4.js => chunk-35CGE5P4.js} (56%) create mode 100644 angular/docs/chunk-35G45NZH.js create mode 100644 angular/docs/chunk-3AZ5QPIX.js create mode 100644 angular/docs/chunk-3MJ7VGF3.js delete mode 100644 angular/docs/chunk-3PG2ZCO4.js delete mode 100644 angular/docs/chunk-3R5KIKFA.js create mode 100644 angular/docs/chunk-3RK3TU4W.js delete mode 100644 angular/docs/chunk-3VDKHCWL.js create mode 100644 angular/docs/chunk-4P7KQCRI.js create mode 100644 angular/docs/chunk-4TN3UWYA.js delete mode 100644 angular/docs/chunk-4Y65OJ6N.js rename angular/docs/{chunk-UOBSVDHK.js => chunk-4YT6ASH2.js} (67%) create mode 100644 angular/docs/chunk-535LSHME.js delete mode 100644 angular/docs/chunk-55VZ6TH5.js rename angular/docs/{chunk-VQPA76VJ.js => chunk-57V5G4IM.js} (82%) delete mode 100644 angular/docs/chunk-5AK2PDXZ.js create mode 100644 angular/docs/chunk-5F3MA7QH.js delete mode 100644 angular/docs/chunk-5FX55GRF.js delete mode 100644 angular/docs/chunk-5PB2YHT5.js delete mode 100644 angular/docs/chunk-63XHX563.js create mode 100644 angular/docs/chunk-6J7IPYW2.js delete mode 100644 angular/docs/chunk-6N3NIFJN.js create mode 100644 angular/docs/chunk-6QC5SWGA.js create mode 100644 angular/docs/chunk-6RP7HPDL.js create mode 100644 angular/docs/chunk-6XSIGMAT.js delete mode 100644 angular/docs/chunk-73OGRFJE.js create mode 100644 angular/docs/chunk-76NCE7PJ.js create mode 100644 angular/docs/chunk-7GGIVGNP.js create mode 100644 angular/docs/chunk-7MMPPNM2.js delete mode 100644 angular/docs/chunk-7QNDAX2Q.js rename angular/docs/{chunk-QO4LZE6R.js => chunk-7WDOM3F3.js} (56%) create mode 100644 angular/docs/chunk-A7DYQ3XJ.js delete mode 100644 angular/docs/chunk-ADVPX5JT.js rename angular/docs/{chunk-36RXFU5O.js => chunk-AW5NRMKI.js} (83%) delete mode 100644 angular/docs/chunk-BO4OGLUV.js create mode 100644 angular/docs/chunk-BQBEGMJH.js delete mode 100644 angular/docs/chunk-BW3P72F2.js create mode 100644 angular/docs/chunk-C6Z6F6U7.js delete mode 100644 angular/docs/chunk-CEVZWYMQ.js delete mode 100644 angular/docs/chunk-CIRO6JJS.js create mode 100644 angular/docs/chunk-CQBYJZIZ.js delete mode 100644 angular/docs/chunk-CSB5YKCX.js rename angular/docs/{chunk-CMYV3JZB.js => chunk-CVTQYKAS.js} (76%) create mode 100644 angular/docs/chunk-DFKAVCYF.js rename angular/docs/{chunk-65A7HQJF.js => chunk-DHQE4WAW.js} (71%) create mode 100644 angular/docs/chunk-DNHCGXTT.js create mode 100644 angular/docs/chunk-EPUBTLEY.js delete mode 100644 angular/docs/chunk-ETJVE2CJ.js rename angular/docs/{chunk-AUKM5LKL.js => chunk-EUOFALR4.js} (67%) create mode 100644 angular/docs/chunk-EVPXM53N.js create mode 100644 angular/docs/chunk-EXW5NESO.js create mode 100644 angular/docs/chunk-FCGU2MUM.js rename angular/docs/{chunk-ML2GVA25.js => chunk-FGOOFAHL.js} (93%) delete mode 100644 angular/docs/chunk-FHCRJFDY.js delete mode 100644 angular/docs/chunk-FOOC4R7J.js rename angular/docs/{chunk-QGTMYOE7.js => chunk-FQKL2LQK.js} (91%) create mode 100644 angular/docs/chunk-FUR4BSKQ.js rename angular/docs/{chunk-FRPPBSOZ.js => chunk-FVNRL7BW.js} (57%) delete mode 100644 angular/docs/chunk-FZDLC4LA.js create mode 100644 angular/docs/chunk-G4JD3XPX.js create mode 100644 angular/docs/chunk-G55ITL3X.js delete mode 100644 angular/docs/chunk-GAZXQGVY.js delete mode 100644 angular/docs/chunk-GOOL7UHW.js delete mode 100644 angular/docs/chunk-GOS2ZXOI.js create mode 100644 angular/docs/chunk-GQ6UBWLQ.js create mode 100644 angular/docs/chunk-GVNDSNMJ.js delete mode 100644 angular/docs/chunk-GVURRUUX.js create mode 100644 angular/docs/chunk-GYQMS5FR.js create mode 100644 angular/docs/chunk-GZRJDORJ.js delete mode 100644 angular/docs/chunk-H42CZ6MF.js delete mode 100644 angular/docs/chunk-HEV2ZGEM.js rename angular/docs/{chunk-LS7KWXKU.js => chunk-HLHHATW7.js} (61%) delete mode 100644 angular/docs/chunk-HNBWB6YN.js delete mode 100644 angular/docs/chunk-I3XNTRBK.js delete mode 100644 angular/docs/chunk-I6CXPES6.js create mode 100644 angular/docs/chunk-IBXTUR77.js delete mode 100644 angular/docs/chunk-IOAZHKIH.js create mode 100644 angular/docs/chunk-IWHIMLZA.js create mode 100644 angular/docs/chunk-IWRSONFO.js rename angular/docs/{chunk-WF6X3MVN.js => chunk-JGCJFCOU.js} (67%) rename angular/docs/{chunk-OEYZCRZZ.js => chunk-JIVUY3AH.js} (51%) delete mode 100644 angular/docs/chunk-KCV7NRG2.js create mode 100644 angular/docs/chunk-KH4DFA4L.js delete mode 100644 angular/docs/chunk-KJYCQPQX.js delete mode 100644 angular/docs/chunk-KK7M3UGZ.js create mode 100644 angular/docs/chunk-KNW7WNOW.js delete mode 100644 angular/docs/chunk-KQVCM4AQ.js create mode 100644 angular/docs/chunk-KTILGTFG.js delete mode 100644 angular/docs/chunk-L3HVOJKU.js create mode 100644 angular/docs/chunk-L53PZ6UV.js delete mode 100644 angular/docs/chunk-LGVTGE6X.js create mode 100644 angular/docs/chunk-LODCUSI7.js delete mode 100644 angular/docs/chunk-M4MZPLFO.js delete mode 100644 angular/docs/chunk-N2U2BYSP.js create mode 100644 angular/docs/chunk-N4BWR74Q.js create mode 100644 angular/docs/chunk-N5CLKGXI.js create mode 100644 angular/docs/chunk-N627XHOQ.js delete mode 100644 angular/docs/chunk-NMTJNXYG.js create mode 100644 angular/docs/chunk-NO7H7AW4.js create mode 100644 angular/docs/chunk-NR6O7NQI.js delete mode 100644 angular/docs/chunk-NRWSX34U.js rename angular/docs/{chunk-4ETI2227.js => chunk-NU64HP2B.js} (58%) create mode 100644 angular/docs/chunk-O4FXNJ5A.js delete mode 100644 angular/docs/chunk-OK2EU3VG.js create mode 100644 angular/docs/chunk-OOANFR3W.js rename angular/docs/{chunk-CEFT2MNU.js => chunk-OONLJ7KG.js} (85%) rename angular/docs/{chunk-7AP3P5OS.js => chunk-OPUFBFTD.js} (75%) delete mode 100644 angular/docs/chunk-OZBYL6OD.js create mode 100644 angular/docs/chunk-P2CR32CI.js delete mode 100644 angular/docs/chunk-PCBHF4FR.js create mode 100644 angular/docs/chunk-PDGBMBHA.js delete mode 100644 angular/docs/chunk-PFTXKFAX.js create mode 100644 angular/docs/chunk-PLJ3VM3P.js create mode 100644 angular/docs/chunk-PTKHBWTX.js delete mode 100644 angular/docs/chunk-Q2HVSKUJ.js delete mode 100644 angular/docs/chunk-QMXX6NYH.js create mode 100644 angular/docs/chunk-QRBEUYFX.js delete mode 100644 angular/docs/chunk-QWCKXRCN.js delete mode 100644 angular/docs/chunk-QWX5SKOU.js delete mode 100644 angular/docs/chunk-R2AYP265.js delete mode 100644 angular/docs/chunk-R4BQTGW3.js delete mode 100644 angular/docs/chunk-RF6J54PB.js create mode 100644 angular/docs/chunk-RKHVOTBL.js create mode 100644 angular/docs/chunk-RYY46QAP.js create mode 100644 angular/docs/chunk-S2ESIYWD.js delete mode 100644 angular/docs/chunk-S75T24KC.js create mode 100644 angular/docs/chunk-SB3XXR6D.js delete mode 100644 angular/docs/chunk-SLVG372A.js create mode 100644 angular/docs/chunk-SMMXROGL.js create mode 100644 angular/docs/chunk-SO2TZHTH.js create mode 100644 angular/docs/chunk-SPSNCN77.js delete mode 100644 angular/docs/chunk-SPVGUID2.js delete mode 100644 angular/docs/chunk-TC5WDFZO.js create mode 100644 angular/docs/chunk-TCUSUIU6.js delete mode 100644 angular/docs/chunk-TJ5BOBQA.js delete mode 100644 angular/docs/chunk-TRH6JQSJ.js delete mode 100644 angular/docs/chunk-TRKV2DGZ.js create mode 100644 angular/docs/chunk-TWQKBOXD.js rename angular/docs/{chunk-36W7TF6N.js => chunk-UBBHSR4M.js} (53%) rename angular/docs/{chunk-MVYSUWMT.js => chunk-UW65H5NY.js} (52%) delete mode 100644 angular/docs/chunk-VETL2L6T.js create mode 100644 angular/docs/chunk-VFFORFB5.js rename angular/docs/{chunk-4WBYO2IS.js => chunk-VFTEG2OW.js} (81%) create mode 100644 angular/docs/chunk-VKSKGLOK.js delete mode 100644 angular/docs/chunk-VXNCPJRX.js delete mode 100644 angular/docs/chunk-W26A3BQN.js create mode 100644 angular/docs/chunk-W2HQYSLN.js create mode 100644 angular/docs/chunk-W3PU2PLX.js delete mode 100644 angular/docs/chunk-WBA2ZGYG.js delete mode 100644 angular/docs/chunk-WDU6PU3H.js delete mode 100644 angular/docs/chunk-WFURD4S2.js create mode 100644 angular/docs/chunk-WOBVZ6LO.js delete mode 100644 angular/docs/chunk-WOFI2KT7.js delete mode 100644 angular/docs/chunk-WQ46H3BM.js create mode 100644 angular/docs/chunk-WQTMGYYF.js delete mode 100644 angular/docs/chunk-X5CZJRRU.js create mode 100644 angular/docs/chunk-XAVN53EQ.js create mode 100644 angular/docs/chunk-XBHOQHH3.js create mode 100644 angular/docs/chunk-XGTGYVNY.js delete mode 100644 angular/docs/chunk-XMTCAIWF.js create mode 100644 angular/docs/chunk-XQ2JSG7T.js delete mode 100644 angular/docs/chunk-XU2ZO34R.js rename angular/docs/{chunk-7PCD2TWG.js => chunk-XYQGJUUM.js} (86%) delete mode 100644 angular/docs/chunk-YAWKGBX7.js create mode 100644 angular/docs/chunk-YCMO5GD4.js delete mode 100644 angular/docs/chunk-YIBRQ5RO.js create mode 100644 angular/docs/chunk-YM7TFEBT.js rename angular/docs/{chunk-NV3ZU5AX.js => chunk-YNFNOTV5.js} (97%) delete mode 100644 angular/docs/chunk-YOQIVX5Q.js delete mode 100644 angular/docs/chunk-YQAOFSZX.js create mode 100644 angular/docs/chunk-YRS5IW2A.js delete mode 100644 angular/docs/chunk-ZG6263RS.js delete mode 100644 angular/docs/components/index.html delete mode 100644 angular/docs/customize/index.html delete mode 100644 angular/docs/forms/index.html delete mode 100644 angular/docs/layout/index.html create mode 100644 angular/docs/main-INWLNNGW.js delete mode 100644 angular/docs/main-LIXPG5ES.js create mode 100644 angular/docs/media/cyber-bg-CVNOGXIN.png delete mode 100644 angular/docs/migration/index.html rename angular/docs/{polyfills-236DX2BM.js => polyfills-7E4YKXOX.js} (75%) create mode 100644 angular/docs/scripts-M2CQZNXW.js delete mode 100644 angular/docs/scripts-NXBZ4LOX.js create mode 100644 angular/docs/styles-VQSRFDE5.css delete mode 100644 angular/docs/styles-XLI6GYIE.css delete mode 100644 angular/docs/templates/index.html diff --git a/angular/docs/charts/examples/npm.md b/angular/docs/charts/examples/npm.md index 83b92c05030..da7f5cd5f2b 100644 --- a/angular/docs/charts/examples/npm.md +++ b/angular/docs/charts/examples/npm.md @@ -1,5 +1,14 @@ +```bash +ng add @coreui/angular-chartjs@5.3 +``` + +--- +### npm + +Your other option is to use npm install directly. + ```bash npm install chart.js@4 npm install @coreui/chartjs@4 -npm install @coreui/angular-chartjs@5.2 +npm install @coreui/angular-chartjs@5.3 ``` diff --git a/angular/docs/charts/index.html b/angular/docs/charts/index.html index 9ad7592826a..53bff303eb5 100644 --- a/angular/docs/charts/index.html +++ b/angular/docs/charts/index.html @@ -1,18 +1,48 @@ - + - Angular Charts + Angular Charts Component - + - - + - \ No newline at end of file + \ No newline at end of file diff --git a/angular/docs/chunk-24DNDHPS.js b/angular/docs/chunk-24DNDHPS.js deleted file mode 100644 index 4ce2e5635a7..00000000000 --- a/angular/docs/chunk-24DNDHPS.js +++ /dev/null @@ -1,71 +0,0 @@ -import{k as q}from"./chunk-5JTM7ME4.js";import{a as O}from"./chunk-GOOL7UHW.js";import{D as H,E as z,F as w,G as W,I as d,i as G,p as V,u as B}from"./chunk-CIRO6JJS.js";import"./chunk-HEV2ZGEM.js";import"./chunk-QWX5SKOU.js";import"./chunk-DPZ7BZKP.js";import{a as j}from"./chunk-KJYCQPQX.js";import{r as R}from"./chunk-R2AYP265.js";import{h as L,i as I}from"./chunk-ADVPX5JT.js";import"./chunk-2XBJPMNA.js";import"./chunk-TJ5BOBQA.js";import{Aa as A,Ba as C,Ca as u,Cc as n,Da as f,Dc as k,Ec as M,Hb as y,Lc as T,Mc as D,Nc as F,Rb as p,Sc as c,Tc as h,Xb as _,ac as e,bc as t,cc as r,gc as b,mb as s,na as m,nb as E,nc as x,pc as S}from"./chunk-W26A3BQN.js";import"./chunk-JKOY2XUY.js";var P=(()=>{class i{constructor(){this.icons={cilCheck:q}}static{this.\u0275fac=function(l){return new(l||i)}}static{this.\u0275cmp=m({type:i,selectors:[["docs-alert06-example"]],standalone:!0,features:[c],decls:37,vars:1,consts:[["color","dark",1,"d-flex","align-items-center"],["size","xl",1,"flex-shrink-0","me-2",3,"cIcon"],["color","secondary",1,"d-flex","align-items-center"],["xmlns","http://www.w3.org/2000/svg","width","24","height","24","fill","currentColor","viewBox","0 0 16 16","role","img","aria-label","Warning:",1,"bi","bi-exclamation-triangle-fill","flex-shrink-0","me-2"],["d","M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"],["xmlns","http://www.w3.org/2000/svg",1,"d-none"],["id","check-circle-fill","fill","currentColor","viewBox","0 0 16 16"],["d","M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"],["id","info-fill","fill","currentColor","viewBox","0 0 16 16"],["d","M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"],["id","exclamation-triangle-fill","fill","currentColor","viewBox","0 0 16 16"],["color","primary",1,"d-flex","align-items-center"],["width","24","height","24","role","img","aria-label","Info:",1,"bi","flex-shrink-0","me-2"],[0,"xlink","href","#info-fill"],["color","success",1,"d-flex","align-items-center"],[0,"xlink","href","#check-circle-fill"],["color","warning",1,"d-flex","align-items-center"],[0,"xlink","href","#exclamation-triangle-fill"],["color","danger",1,"d-flex","align-items-center"]],template:function(l,o){l&1&&(e(0,"c-alert",0),u(),r(1,"svg",1),f(),e(2,"div"),n(3,"An example alert with cIcon"),t()(),e(4,"c-alert",2),u(),e(5,"svg",3),r(6,"path",4),t(),f(),e(7,"div"),n(8,"An example alert with svg icon"),t()(),r(9,"hr"),u(),e(10,"svg",5)(11,"symbol",6),r(12,"path",7),t(),e(13,"symbol",8),r(14,"path",9),t(),e(15,"symbol",10),r(16,"path",4),t()(),f(),e(17,"c-alert",11),u(),e(18,"svg",12),r(19,"use",13),t(),f(),e(20,"div"),n(21,"An example primary alert with an icon"),t()(),e(22,"c-alert",14),u(),e(23,"svg",12),r(24,"use",15),t(),f(),e(25,"div"),n(26,"An example success alert with an icon"),t()(),e(27,"c-alert",16),u(),e(28,"svg",12),r(29,"use",17),t(),f(),e(30,"div"),n(31,"An example warning alert with an icon"),t()(),e(32,"c-alert",18),u(),e(33,"svg",12),r(34,"use",17),t(),f(),e(35,"div"),n(36,"An example danger alert with an icon"),t()()),l&2&&(s(),p("cIcon",o.icons.cilCheck))},dependencies:[d,V],encapsulation:2})}}return i})();function $(i,X){if(i&1){let a=b();e(0,"button",3),x("click",function(){A(a);let o=S();return C(o.visible=!1)}),t()}}var U=(()=>{class i{constructor(){this.visible=!0}onVisibleChange(a){this.visible=a}onResetDismiss(){this.visible=!0}static{this.\u0275fac=function(l){return new(l||i)}}static{this.\u0275cmp=m({type:i,selectors:[["docs-alert05-example"]],standalone:!0,features:[c],decls:8,vars:1,consts:[["color","dark","dismissible","","fade","","variant","solid",3,"visibleChange","visible"],["cTemplateId","alertButtonCloseTemplate"],["cButton","","color","secondary",3,"click"],["cButtonClose","","dark","",3,"click"]],template:function(l,o){l&1&&(e(0,"c-alert",0),x("visibleChange",function(Z){return o.onVisibleChange(Z)}),y(1,$,1,0,"ng-template",1),e(2,"strong"),n(3,"Go right ahead"),t(),n(4,` and click that dismiss over there on the right. -`),t(),r(5,"hr"),e(6,"button",2),x("click",function(){return o.onResetDismiss()}),n(7,"Reset"),t()),l&2&&p("visible",o.visible)},dependencies:[d,B,W,w],encapsulation:2})}}return i})();function ee(i,X){if(i&1){let a=b();e(0,"c-alert",3),F("visibleChange",function(o){A(a);let g=S();return D(g.visible,o)||(g.visible=o),C(o)}),e(1,"strong"),n(2,"Go right ahead"),t(),n(3," and click that dismiss over there on the right. "),t()}if(i&2){let a=S();T("visible",a.visible),p("dismissible",a.dismissible)}}var J=(()=>{class i{constructor(){this.visible=!0,this.dismissible=!0}static{this.\u0275fac=function(l){return new(l||i)}}static{this.\u0275cmp=m({type:i,selectors:[["docs-alert04-example"]],standalone:!0,features:[c],decls:6,vars:2,consts:[["color","light","fade","",3,"visible","dismissible"],["cButton","",3,"click"],["cButton","","color","secondary",1,"me-1",3,"click"],["color","light","fade","",3,"visibleChange","visible","dismissible"]],template:function(l,o){l&1&&(y(0,ee,4,2,"c-alert",0),r(1,"hr"),e(2,"button",1),x("click",function(){return o.visible=!o.visible}),n(3),t(),e(4,"button",2),x("click",function(){return o.dismissible=!o.dismissible}),n(5,"Toggle"),t()),l&2&&(_(o.visible?0:-1),s(3),k(o.visible?"Hide":"Show"))},dependencies:[d,w],encapsulation:2})}}return i})();var N=(()=>{class i{static{this.\u0275fac=function(l){return new(l||i)}}static{this.\u0275cmp=m({type:i,selectors:[["docs-alert03-example"]],standalone:!0,features:[c],decls:8,vars:0,consts:[["color","success"],["cAlertHeading",""],[1,"mb-0"]],template:function(l,o){l&1&&(e(0,"c-alert",0)(1,"h4",1),n(2,"Well done!"),t(),e(3,"p"),n(4,"Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content."),t(),r(5,"hr"),e(6,"p",2),n(7,"Whenever you need to, be sure to use margin utilities to keep things nice and tidy."),t()())},dependencies:[d,H],encapsulation:2})}}return i})();var Y=(()=>{class i{static{this.\u0275fac=function(l){return new(l||i)}}static{this.\u0275cmp=m({type:i,selectors:[["docs-alert02-example"]],standalone:!0,features:[c],decls:40,vars:0,consts:[["color","primary"],["cAlertLink","",3,"routerLink"],["color","secondary"],["color","success"],["color","danger"],["color","warning"],["color","info"],["color","light"],["color","dark"]],template:function(l,o){l&1&&(e(0,"c-alert",0),n(1," A simple primary alert with "),e(2,"a",1),n(3,"an example link"),t(),n(4,`. Give it a click if you like. -`),t(),e(5,"c-alert",2),n(6," A simple secondary alert with "),e(7,"a",1),n(8,"an example link"),t(),n(9,`. Give it a click if you like. -`),t(),e(10,"c-alert",3),n(11," A simple success alert with "),e(12,"a",1),n(13,"an example link"),t(),n(14,`. Give it a click if you like. -`),t(),e(15,"c-alert",4),n(16," A simple danger alert with "),e(17,"a",1),n(18,"an example link"),t(),n(19,`. Give it a click if you like. -`),t(),e(20,"c-alert",5),n(21," A simple warning alert with "),e(22,"a",1),n(23,"an example link"),t(),n(24,`. Give it a click if you like. -`),t(),e(25,"c-alert",6),n(26," A simple info alert with "),e(27,"a",1),n(28,"an example link"),t(),n(29,`. Give it a click if you like. -`),t(),e(30,"c-alert",7),n(31," A simple light alert with "),e(32,"a",1),n(33,"an example link"),t(),n(34,`. Give it a click if you like. -`),t(),e(35,"c-alert",8),n(36," A simple dark alert with "),e(37,"a",1),n(38,"an example link"),t(),n(39,`. Give it a click if you like. -`),t())},dependencies:[d,z,G],encapsulation:2})}}return i})();var K=(()=>{class i{static{this.\u0275fac=function(l){return new(l||i)}}static{this.\u0275cmp=m({type:i,selectors:[["docs-alert01-example"]],standalone:!0,features:[c],decls:16,vars:0,consts:[["color","secondary"],["color","success"],["color","danger"],["color","warning"],["color","info"],["color","light"],["color","dark"]],template:function(l,o){l&1&&(e(0,"c-alert"),n(1,"A simple primary alert\u2014check it out!"),t(),e(2,"c-alert",0),n(3,"A simple secondary alert\u2014check it out!"),t(),e(4,"c-alert",1),n(5,"A simple success alert\u2014check it out!"),t(),e(6,"c-alert",2),n(7,"A simple danger alert\u2014check it out!"),t(),e(8,"c-alert",3),n(9,"A simple warning alert\u2014check it out!"),t(),e(10,"c-alert",4),n(11,"A simple info alert\u2014check it out!"),t(),e(12,"c-alert",5),n(13,"A simple light alert\u2014check it out!"),t(),e(14,"c-alert",6),n(15,"A simple dark alert\u2014check it out!"),t())},dependencies:[d],encapsulation:2})}}return i})();var Q=`\`\`\`typescript -import { AlertModule } from '@coreui/angular'; - -@NgModule({ - imports: [AlertModule,] -}) -export class AppModule(){} -\`\`\` -`;var ne=()=>["components/alert/examples/alert01.component.html","components/alert/examples/alert01.component.ts"],ie=()=>["components/alert/examples/alert02.component.html","components/alert/examples/alert02.component.ts"],le=()=>["components/alert/examples/alert03.component.html","components/alert/examples/alert03.component.ts"],oe=()=>["components/alert/examples/alert04.component.html","components/alert/examples/alert04.component.ts"],re=()=>["components/alert/examples/alert05.component.html","components/alert/examples/alert05.component.ts"],ae=()=>["components/alert/examples/alert06.component.html","components/alert/examples/alert06.component.ts"],Ve=(()=>{class i{constructor(a,l){this.metaService=a,this.titleService=l,this.usage=Q,this.title="Angular Alert Component",this.description="Angular alert component gives contextual feedback information for common user operations. The alert component is delivered with a bunch of usable and adjustable alert messages."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(l){return new(l||i)(E(L),E(I))}}static{this.\u0275cmp=m({type:i,selectors:[["ng-component"]],standalone:!0,features:[c],decls:37,vars:15,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"table-responsive","api-table"]],template:function(l,o){l&1&&(e(0,"h1",0),n(1),t(),e(2,"p",1),n(3),t(),r(4,"docs-ads-carbon-loader"),e(5,"markdown"),n(6,` -## Examples - - ### Colors - Angular Alert is prepared for any length of text, as well as an optional close button. For a styling, use one of the **required** contextual \`color\` props (e.g., \`primary\`). For inline dismissal, use the [dismissing prop](#dismissing). -`),t(),e(7,"docs-example",2),r(8,"docs-alert01-example"),t(),e(9,"markdown"),n(10,` - ### Link color - Use the \`cAlertLink\` directive class to quickly provide matching colored links within any alert. -`),t(),e(11,"docs-example",2),r(12,"docs-alert02-example"),t(),e(13,"markdown"),n(14,` - ### Additional content - Alert can also incorporate supplementary HTML elements like heading with \`cAlertHeading\`, paragraph, and divider. -`),t(),e(15,"docs-example",2),r(16,"docs-alert03-example"),t(),e(17,"markdown"),n(18,"\n ### Dismissing\n Alerts can also be easily dismissed. Just add the `dismissible` prop and `fade` for animation.\n To remove an alert from the DOM, you can use `*ngIf` directive.\n"),t(),e(19,"docs-example",2),r(20,"docs-alert04-example"),t(),e(21,"markdown"),n(22,` - ### Custom template - - Use \`alertButtonCloseTemplate\` to customize close button. - -`),t(),e(23,"docs-example",2),r(24,"docs-alert05-example"),t(),e(25,"markdown"),n(26,` - ### Icons - -You can use Icons and flexbox utilities to create alerts with icons. - -`),t(),e(27,"docs-example",2),r(28,"docs-alert06-example"),t(),e(29,"markdown"),n(30),e(31,"div",3),n(32,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `color` | Sets the color context of the component| `string` | `'primary'` |\n |`dismissible`| adds a close button to alert for self dismiss | `boolean`|_false_\n |`fade`| adds optional animation for dismissible alert|`boolean`|_false_|\n |`variant`| Set the alert variant to a solid | `string: 'solid'` |_undefined_|\n |`visible`| toggle visibility of alert component|`boolean`|_true_|\n\n "),t(),n(33,` - - ##### Outputs - `),e(34,"div",3),n(35,` - - | name | description | type | - | ---- | ----------- | ---- | - | \`visibleChange\` | Event triggered on the alert dismiss. | \`boolean\` | - - `),t(),n(36,` - - ### cAlertHeading - _directive_ - - ### cAlertLink - _directive_ - -`),t()),l&2&&(s(),k(o.title),s(2),k(o.description),s(4),p("files",h(9,ne)),s(4),p("files",h(10,ie)),s(4),p("files",h(11,le)),s(4),p("files",h(12,oe)),s(4),p("files",h(13,re)),s(4),p("files",h(14,ae)),s(3),M(` - --- - - ## API reference - - ### Alert Module - - `,o.usage,` - - --- - - ### c-alert - _component_ - - ##### Inputs - `))},dependencies:[j,R,O,K,Y,N,J,U,P],encapsulation:2,changeDetection:0})}}return i})();export{Ve as AlertComponent}; diff --git a/angular/docs/chunk-2FLYFVC5.js b/angular/docs/chunk-2FLYFVC5.js new file mode 100644 index 00000000000..b0c91eeb6c1 --- /dev/null +++ b/angular/docs/chunk-2FLYFVC5.js @@ -0,0 +1,127 @@ +import{o as R,p as h,r as O,t as x}from"./chunk-5JTM7ME4.js";import{a as B}from"./chunk-IWRSONFO.js";import{o as z,p as d}from"./chunk-N5CLKGXI.js";import{c as G,d as b,g as y,i as _}from"./chunk-W2HQYSLN.js";import"./chunk-XGTGYVNY.js";import{a as V}from"./chunk-YCMO5GD4.js";import{s as K}from"./chunk-6RP7HPDL.js";import{h as U,i as N}from"./chunk-NR6O7NQI.js";import"./chunk-XQ2JSG7T.js";import{$b as g,Ab as l,Fc as k,Gc as s,Hb as f,Hc as C,Ic as I,Pb as E,Qb as L,Vb as m,Wc as S,bc as F,cc as M,dc as A,ec as t,fc as i,gc as r,kb as o,lb as v,tc as P,xa as p}from"./chunk-GYQMS5FR.js";import{a as w,b as T}from"./chunk-JKOY2XUY.js";var j="```bash\nnpm install @coreui/icons@3\nnpm install @coreui/icons-angular@5.3\n```\n";var q="```bash\nyarn add @coreui/icons\nyarn add @coreui/icons-angular\n```\n";var W=`\`\`\`typescript +// app NgModule (excerpt) + +import { IconModule, IconSetService } from '@coreui/icons-angular'; + +@NgModule({ + imports: [ + IconModule, +... + providers: [ + IconSetService +... +\`\`\` +`;var Y=`\`\`\`typescript +// app component (excerpt) + +import { IconSetService } from '@coreui/icons-angular'; +import { cilListNumbered, cilPaperPlane, brandSet } from '@coreui/icons'; + +@Component({...}) +export class AppComponent { + constructor( + public iconSet: IconSetService + ) { + iconSet.icons = { cilListNumbered, cilPaperPlane, ...brandSet }; + } +... +\`\`\` +`;var $=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=l({type:e,selectors:[["docs-icons03"]],decls:2,vars:0,consts:[["cIcon","","name","cilListNumbered","size","xl","title","Numbered List Icon"],["cIcon","","name","cilPaperPlane","size","xl","title","Paper Plane Icon"]],template:function(n,a){n&1&&(p(),r(0,"svg",0)(1,"svg",1))},dependencies:[d],encapsulation:2})}}return e})();var H=(()=>{class e{constructor(){this.icons={cilShieldAlt:x,cilList:h}}static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=l({type:e,selectors:[["docs-icons02"]],decls:2,vars:2,consts:[["size","xl","title","List Icon",3,"cIcon"],["size","xl","title","Shield Icon",3,"cIcon"]],template:function(n,a){n&1&&(p(),r(0,"svg",0)(1,"svg",1)),n&2&&(m("cIcon",a.icons.cilList),o(),m("cIcon",a.icons.cilShieldAlt))},dependencies:[d],encapsulation:2})}}return e})();var J=(()=>{class e{constructor(){this.icons={cilList:h,cilShieldAlt:x}}static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=l({type:e,selectors:[["docs-icons01"]],decls:2,vars:2,consts:[["size","xl","title","List Icon",3,"cIcon"],["width","25","title","Shield Icon",3,"cIcon"]],template:function(n,a){n&1&&(p(),r(0,"svg",0)(1,"svg",1)),n&2&&(m("cIcon",a.icons.cilList),o(),m("cIcon",a.icons.cilShieldAlt))},dependencies:[d],encapsulation:2})}}return e})();var ne=()=>[import("./chunk-PLJ3VM3P.js").then(e=>e.IconsFreeComponent),import("./chunk-XBHOQHH3.js").then(e=>e.IconsBrandComponent),import("./chunk-P2CR32CI.js").then(e=>e.IconsFlagsComponent),import("./chunk-YNFNOTV5.js").then(e=>e.TabsComponent),import("./chunk-YNFNOTV5.js").then(e=>e.TabsListComponent),import("./chunk-YNFNOTV5.js").then(e=>e.TabDirective),import("./chunk-YNFNOTV5.js").then(e=>e.TabsContentComponent),import("./chunk-YNFNOTV5.js").then(e=>e.TabPanelComponent)],te=()=>["icons/examples/icons01.component.html","icons/examples/icons01.component.ts"],ie=()=>["icons/examples/icons02.component.html","icons/examples/icons02x.component.ts"],oe=()=>["icons/examples/icons03.component.html","icons/examples/icons03.component.ts"];function ce(e,u){if(e&1&&(t(0,"button",7),s(1),i()),e&2){let c=u.$implicit;m("itemKey",c),o(),I(" ",c," ")}}function re(e,u){e&1&&r(0,"docs-icons-free",9),e&2&&m("@insertRemoveTrigger",void 0)}function se(e,u){e&1&&r(0,"docs-icons-brand",9),e&2&&m("@insertRemoveTrigger",void 0)}function ae(e,u){e&1&&r(0,"docs-icons-flags",9),e&2&&m("@insertRemoveTrigger",void 0)}function me(e,u){if(e&1&&(t(0,"c-tabs",5,0)(2,"c-tabs-list",6),M(3,ce,2,2,"button",7,F),i(),t(5,"c-tabs-content")(6,"c-tab-panel",8),f(7,re,1,1,"docs-icons-free",9),i(),t(8,"c-tab-panel",10),f(9,se,1,1,"docs-icons-brand",9),i(),t(10,"c-tab-panel",11),f(11,ae,1,1,"docs-icons-flags",9),i()()(),r(12,"hr")),e&2){let c=k(1),n=P();o(3),A(n.sets),o(4),g(c.tabsService.activeItemKey()==="Linear"?7:-1),o(2),g(c.tabsService.activeItemKey()==="Brand"?9:-1),o(2),g(c.tabsService.activeItemKey()==="Flags"?11:-1)}}var Ne=(()=>{class e{constructor(c,n,a){this.metaService=c,this.titleService=n,this.iconSetService=a,this.sets=["Linear","Brand","Flags"],this.npm=j,this.yarn=q,this.usageModule=W,this.usageComponent=Y,this.title="Angular Icons Component",this.description="Official Angular component for CoreUI Icons and CoreUI Icons PRO.",this.iconSetService.icons=T(w({},this.iconSetService.icons),{cilListNumbered:R,cilPaperPlane:O})}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(n){return new(n||e)(v(U),v(N),v(z))}}static{this.\u0275cmp=l({type:e,selectors:[["docs-icons-docs"]],decls:35,vars:11,consts:[["tabs","cTabs"],["id","getting-started"],["markdown","",1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"api-table"],["activeItemKey","Linear"],["variant","tabs"],["cTab","",3,"itemKey"],["itemKey","Linear",1,"pt-4"],[1,"d-block"],["itemKey","Brand",1,"pt-4"],["itemKey","Flags",1,"pt-4"]],template:function(n,a){n&1&&(t(0,"h1",1),s(1),i(),t(2,"p",2),s(3),i(),r(4,"docs-ads-carbon-loader"),t(5,"markdown"),s(6),i(),t(7,"markdown"),s(8,` + + --- + + ## Examples + + ### Single icon + + Import necessary icons only, directly to your component +`),i(),t(9,"docs-example",3),r(10,"docs-icons01"),i(),t(11,"markdown"),s(12,` + + --- + + ### All icons + + Not recommended, can drastically increase your bundle size. + +`),i(),t(13,"docs-example",3),r(14,"docs-icons02"),i(),t(15,"markdown"),s(16),i(),t(17,"markdown"),s(18),i(),t(19,"markdown"),s(20,` + + --- + #### Use icons + + 3. Use icons by \`name\` prop anywhere in your Angular application. + +`),i(),t(21,"docs-example",3),r(22,"docs-icons03"),i(),t(23,"markdown"),s(24,` + + --- + + ## API + > Use one of \`name\` or \`content\` prop as it defines the way of icon import + + ### cIcon + _directive_ + + ##### Inputs + `),t(25,"div",4),s(26,"\n\n | property | type | default | description|\n | --- | --- | --- | --- |\n | `[cIcon]` `content` | `string`, `string[viewBox, content]` | undefined | SVG content |\n | `name` | `string` | undefined | name of SVG icon stored in IconSetService |\n | `size` | `custom \\| custom-size` \\| `sm` \\| `lg` \\| `xl` \\| `2xl` \\| `3xl` \\| `4xl` \\| `5xl` \\| `6xl` \\|`7xl` \\| `8xl` \\| `9xl` | '' | Size of icon |\n | `title` | `string` | undefined | svg title tag |\n | `customClasses` | `string` | undefined | Overwrites default `.icon` classes |\n | `viewBox` | `string` | undefined | SVG `viewBox` |\n\n "),i(),s(27,` + + --- + + ### IconSet + _service_ + + ##### Props + `),t(28,"div",4),s(29,"\n\n | property | type | default | description|\n | --- | --- | --- | --- |\n | `getIcon()` | `(string): any[] ` | | returns an icon |\n | `icons` | `IIconSet` | undefined | IconSet object |\n | `iconNames` | `[key: string]: string` | _undefined_ | returns icon name from key |\n\n "),i(),s(30,` + + --- + + ## Available icons + + CoreUI Icons package is delivered with more than 1500 icons in multiple formats SVG, PNG, and Webfonts. CoreUI Icons + are beautifully crafted symbols for common actions and items. You can use them in your digital products for web or + mobile app. + +`),i(),t(31,"div"),f(32,me,13,3),E(33,32,ne),L(),i()),n&2&&(o(),C(a.title),o(2),C(a.description),o(3),I(` + + Angular \`cIcon\` directive for [CoreUI Icons SVG set](https://coreui.io/icons/). + + ## Features + - Loading icons: + - store icons by name in Angular root service, + - directly pass SVG content, + - Reduces icons bundle size when imported as single icons, + - Full functionality of \`svg\` tag, + - Lean API + + --- + ## Installation + If you want to use our icon directive with CoreUI Icons library you have to install two additional packages. + + - CoreUI Icons library \`@coreui/icons\` + - CoreUI Angular Icon component \`@coreui/icons-angular\` + + ### Npm + + `,a.npm,` +`),o(3),m("files",S(8,te)),o(4),m("files",S(9,ie)),o(3),I(` + + --- + + ## Usage + + ### IconSet Service + + 1. Import IconSet Service on module level. For root module and/or other modules. + + `,a.usageModule,` + +`),o(2),I(` + + --- + + #### Import required icons + + 2. Upload required icons into IconSet Service on app component. + + `,a.usageComponent,` + + +`),o(3),m("files",S(10,oe)))},dependencies:[K,V,B,J,H,$],encapsulation:2,data:{animation:[G("insertRemoveTrigger",[_(":enter",[y({opacity:0}),b("300ms ease-in",y({opacity:1}))]),_(":leave",[b("600ms ease-out",y({opacity:0}))])])]}})}}return e})();export{Ne as IconsDocsComponent}; diff --git a/angular/docs/chunk-2JTABWSK.js b/angular/docs/chunk-2JTABWSK.js new file mode 100644 index 00000000000..198710c192a --- /dev/null +++ b/angular/docs/chunk-2JTABWSK.js @@ -0,0 +1,36 @@ +import"./chunk-DPZ7BZKP.js";import{a as x}from"./chunk-YCMO5GD4.js";import{s as m}from"./chunk-6RP7HPDL.js";import{h as s,i as p}from"./chunk-NR6O7NQI.js";import"./chunk-XQ2JSG7T.js";import"./chunk-4P7KQCRI.js";import{Ab as g,Gc as e,Hc as c,ec as n,fc as t,gc as i,kb as u,lb as l}from"./chunk-GYQMS5FR.js";import"./chunk-JKOY2XUY.js";var k=(()=>{class r{constructor(o,a){this.metaService=o,this.titleService=a,this.title="CoreUI Angular Versions",this.description="CoreUI Angular version concordance chart"}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(a){return new(a||r)(l(s),l(p))}}static{this.\u0275cmp=g({type:r,selectors:[["docs-versions"]],decls:37,vars:2,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],["href","https://angular.dev/update-guide?v=18.0-19.0","target","_blank"],["href","https://angular.dev/update-guide?v=17.0-18.0","target","_blank"],["href","https://angular.dev/update-guide?v=16.0-17.0","target","_blank"],["href","https://angular.dev/update-guide?v=15.0-16.0","target","_blank"],["href","https://angular.dev/update-guide?v=14.0-15.0","target","_blank"],[1,"api-table"]],template:function(a,d){a&1&&(n(0,"h1",0),e(1),t(),n(2,"p",1),e(3),t(),i(4,"docs-ads-carbon-loader"),n(5,"markdown"),e(6,` + + ##### This topic provides information about updating your CoreUI Angular application to the latest version of Angular. + + `),i(7,"br"),e(8,` + + See: + + - general update procedure of any Angular application `),n(9,"a",2),e(10,"Angular Update Guide"),t(),e(11,` + - update Angular to `),n(12,"a",3),e(13,"v18"),t(),e(14,` + - update Angular to `),n(15,"a",4),e(16,"v17"),t(),e(17,` + - update Angular to `),n(18,"a",5),e(19,"v16"),t(),e(20,` + - update Angular to `),n(21,"a",6),e(22,"v15"),t(),e(23,` + + `),i(24,"br"),e(25,` + + --- + + ### CoreUI v5 + + `),n(26,"div",7),e(27,"\n\n |`@coreui/angular`|note|Angular|app update\n |:---|:---|:---|:---|\n |`~5.3.x`|| `^19.x`| `ng update @angular/core@19 @angular/cli@19 @angular/cdk@19 @coreui/angular@~5.3 @coreui/icons-angular@~5.3 @coreui/angular-chartjs@~5.3 @coreui/coreui@~5.2`\n |`~5.2.x`|| `^18.x`| `ng update @angular/core@18 @angular/cli@18 @angular/cdk@18 @coreui/angular@~5.2 @coreui/icons-angular@~5.2 @coreui/angular-chartjs@~5.2 @coreui/coreui@~5.2`\n |`~5.1.x`|| `^17.3`| `ng update @angular/core@17.3 @angular/cli@17.3 @angular/cdk@17.3 @coreui/angular@~5.1 @coreui/icons-angular@~5.1 @coreui/angular-chartjs@~5.1`\n |~~`~5.0.x`~~|_deprecated_| `^17.x`| `ng update @angular/core@17 @angular/cli@17 @angular/cdk@17 @coreui/angular@~5.0 @coreui/icons-angular@~5.0 @coreui/angular-chartjs@~5.0`\n\n "),t(),e(28,` + + --- + + ### CoreUI v4 + + `),n(29,"div",7),e(30,"\n\n |`@coreui/angular`|note|Angular|app update\n |:---|:---|:---|:---|\n |`~4.8.x`|| `^18.x`| `ng update @angular/core@18 @angular/cli@18 @angular/cdk@18 @coreui/angular@~4.8 @coreui/icons-angular@~4.8 @coreui/angular-chartjs@~4.8`\n |`~4.7.x`|| `^17.3`| `ng update @angular/core@17 @angular/cli@17 @angular/cdk@17 @coreui/angular@~4.7 @coreui/icons-angular@~4.7 @coreui/angular-chartjs@~4.7`\n |`~4.5.x`|| `^16.x`| `ng update @angular/core@16 @angular/cli@16 @angular/cdk@16 @coreui/angular@~4.5 @coreui/icons-angular@~4.5 @coreui/angular-chartjs@~4.5`\n |`~4.4.x`|_standalone components_| `^15.x`| `ng update @angular/core@15 @angular/cli@15 @angular/cdk@15 @coreui/angular@~4.4 @coreui/icons-angular@~4.4 @coreui/angular-chartjs@~4.4`\n |~~`~4.3.x`~~|_deprecated_| `^15.x`|\n |~~`~4.2.x`~~|_deprecated_|`^14.x`| `ng update @angular/core@14 @angular/cli@14 @angular/cdk@14 @coreui/angular@~4.2 @coreui/icons-angular@~4.2 @coreui/angular-chartjs@~4.2`\n\n "),t(),e(31,` + +`),t(),n(32,"markdown"),e(33,` + + + ### CoreUI v2 + + `),n(34,"div",7),e(35,"\n\n |`@coreui/angular`|Angular|note|\n |:---|:---|:---|\n |`~2.17.x`| `^17.x`|_standalone components_ |\n |`~2.16.x`| `^16.x`|_standalone components_ |\n |`~2.15.x`| `^15.x`|_standalone components_ |\n |~~`~2.14.x`~~| `^14.x`|_deprecated_|\n |~~`~2.13.x`~~| `^13.x`|_deprecated_|\n\n "),t(),e(36,` + +`),t()),a&2&&(u(),c(d.title),u(2),c(d.description))},dependencies:[x,m],encapsulation:2})}}return r})();export{k as VersionsComponent}; diff --git a/angular/docs/chunk-2MNLOKHG.js b/angular/docs/chunk-2MNLOKHG.js new file mode 100644 index 00000000000..23afcb28047 --- /dev/null +++ b/angular/docs/chunk-2MNLOKHG.js @@ -0,0 +1,122 @@ +import{a as U}from"./chunk-IWRSONFO.js";import{Da as C,Ea as E,Fa as y,Ga as S,Ha as g,Ia as v,i as x}from"./chunk-N5CLKGXI.js";import"./chunk-W2HQYSLN.js";import"./chunk-XGTGYVNY.js";import"./chunk-DPZ7BZKP.js";import{a as R}from"./chunk-YCMO5GD4.js";import{s as P}from"./chunk-6RP7HPDL.js";import{h as A,i as N}from"./chunk-NR6O7NQI.js";import{n as h,q as z}from"./chunk-XQ2JSG7T.js";import"./chunk-4P7KQCRI.js";import{Ab as p,Fc as O,Gc as o,Hb as m,Hc as _,Ic as j,Vb as l,Wc as w,ec as e,fc as t,fd as L,gb as f,gc as a,jc as D,kb as s,lb as I,rc as M,wc as u,xa as F,ya as T}from"./chunk-GYQMS5FR.js";import"./chunk-JKOY2XUY.js";function J(n,d){if(n&1&&(e(0,"c-carousel-item"),a(1,"img",4),e(2,"c-carousel-caption",5)(3,"h3"),o(4),t(),e(5,"p"),o(6),t()()()),n&2){let i=d.$implicit;s(),u("alt",i.title),l("src",i.src,f),s(3),_(i.title),s(2),_(i.subtitle)}}var W=(()=>{class n{constructor(){this.slides=new Array(3).fill({id:-1,src:"",title:"",subtitle:""})}ngOnInit(){this.slides[0]={id:0,src:"./assets/img/angular.jpg",title:"First slide",subtitle:"Nulla vitae elit libero, a pharetra augue mollis interdum."},this.slides[1]={id:1,src:"./assets/img/react.jpg",title:"Second slide",subtitle:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},this.slides[2]={id:2,src:"./assets/img/vue.jpg",title:"Third slide",subtitle:"Praesent commodo cursus magna, vel scelerisque nisl consectetur."}}static{this.\u0275fac=function(r){return new(r||n)}}static{this.\u0275cmp=p({type:n,selectors:[["docs-carousel06"]],decls:6,vars:3,consts:[[3,"dark","wrap"],[4,"ngFor","ngForOf"],["caption","Previous","direction","prev",3,"routerLink"],["caption","Next","direction","next",3,"routerLink"],["loading","lazy",1,"d-block","w-100",3,"src","alt"],[1,"d-none","d-md-block"]],template:function(r,c){r&1&&(e(0,"c-carousel",0),a(1,"c-carousel-indicators"),e(2,"c-carousel-inner"),m(3,J,7,4,"c-carousel-item",1),t(),a(4,"c-carousel-control",2)(5,"c-carousel-control",3),t()),r&2&&(l("dark",!0)("wrap",!1),s(3),l("ngForOf",c.slides))},dependencies:[C,S,v,h,g,E,y,x],encapsulation:2})}}return n})();function K(n,d){if(n&1&&(e(0,"c-carousel-item"),a(1,"img",4),t()),n&2){let i=d.$implicit;s(),u("alt",i.title),l("src",i.src,f)}}var $=(()=>{class n{constructor(){this.slides=new Array(3).fill({id:-1,src:"",title:"",subtitle:""})}ngOnInit(){this.slides[0]={id:0,src:"./assets/img/angular.jpg",title:"First slide",subtitle:"Nulla vitae elit libero, a pharetra augue mollis interdum."},this.slides[1]={id:1,src:"./assets/img/react.jpg",title:"Second slide",subtitle:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},this.slides[2]={id:2,src:"./assets/img/vue.jpg",title:"Third slide",subtitle:"Praesent commodo cursus magna, vel scelerisque nisl consectetur."}}static{this.\u0275fac=function(r){return new(r||n)}}static{this.\u0275cmp=p({type:n,selectors:[["docs-carousel05"]],decls:5,vars:2,consts:[["transition","crossfade",3,"animate"],[4,"ngFor","ngForOf"],["caption","Previous","direction","prev",3,"routerLink"],["caption","Next","direction","next",3,"routerLink"],["loading","lazy",1,"d-block","w-100",3,"src","alt"]],template:function(r,c){r&1&&(e(0,"c-carousel",0)(1,"c-carousel-inner"),m(2,K,2,2,"c-carousel-item",1),t(),a(3,"c-carousel-control",2)(4,"c-carousel-control",3),t()),r&2&&(l("animate",!1),s(2),l("ngForOf",c.slides))},dependencies:[C,v,h,g,y,x],encapsulation:2})}}return n})();function Q(n,d){if(n&1&&(e(0,"c-carousel-item"),a(1,"img",3),e(2,"c-carousel-caption",4)(3,"h3"),o(4),t(),e(5,"p"),o(6),t()()()),n&2){let i=d.$implicit;s(),u("alt",i.title),u("src",i.src,f),s(3),_(i.title),s(2),_(i.subtitle)}}var q=(()=>{class n{constructor(){this.slides=new Array(3).fill({id:-1,src:"",title:"",subtitle:""})}ngOnInit(){this.slides[0]={id:0,src:"./assets/img/angular.jpg",title:"First slide",subtitle:"Nulla vitae elit libero, a pharetra augue mollis interdum."},this.slides[1]={id:1,src:"./assets/img/react.jpg",title:"Second slide",subtitle:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},this.slides[2]={id:2,src:"./assets/img/vue.jpg",title:"Third slide",subtitle:"Praesent commodo cursus magna, vel scelerisque nisl consectetur."}}static{this.\u0275fac=function(r){return new(r||n)}}static{this.\u0275cmp=p({type:n,selectors:[["docs-carousel04"]],decls:6,vars:1,consts:[[4,"ngFor","ngForOf"],["caption","Previous","direction","prev",3,"routerLink"],["caption","Next","direction","next",3,"routerLink"],["loading","lazy",1,"d-block","w-100",3,"alt","src"],[1,"d-none","d-md-block"]],template:function(r,c){r&1&&(e(0,"c-carousel"),a(1,"c-carousel-indicators"),e(2,"c-carousel-inner"),m(3,Q,7,4,"c-carousel-item",0),t(),a(4,"c-carousel-control",1)(5,"c-carousel-control",2),t()),r&2&&(s(3),l("ngForOf",c.slides))},dependencies:[C,S,v,h,g,E,y,x],encapsulation:2})}}return n})();function X(n,d){if(n&1&&(e(0,"c-carousel-item"),a(1,"img",3),t()),n&2){let i=d.$implicit;s(),u("alt",i.title),l("src",i.src,f)}}var H=(()=>{class n{constructor(){this.slides=new Array(3).fill({id:-1,src:"",title:"",subtitle:""})}ngOnInit(){this.slides[0]={src:"./assets/img/angular.jpg"},this.slides[1]={src:"./assets/img/react.jpg"},this.slides[2]={src:"./assets/img/vue.jpg"}}static{this.\u0275fac=function(r){return new(r||n)}}static{this.\u0275cmp=p({type:n,selectors:[["docs-carousel03"]],decls:6,vars:1,consts:[[4,"ngFor","ngForOf"],["caption","Previous","direction","prev",3,"routerLink"],["caption","Next","direction","next",3,"routerLink"],["loading","lazy",1,"d-block","w-100",3,"src","alt"]],template:function(r,c){r&1&&(e(0,"c-carousel"),a(1,"c-carousel-indicators"),e(2,"c-carousel-inner"),m(3,X,2,2,"c-carousel-item",0),t(),a(4,"c-carousel-control",1)(5,"c-carousel-control",2),t()),r&2&&(s(3),l("ngForOf",c.slides))},dependencies:[C,S,v,h,g,y,x],encapsulation:2})}}return n})();function Z(n,d){if(n&1&&(e(0,"c-carousel-item"),a(1,"img",4),t()),n&2){let i=d.$implicit;s(),u("alt",i.title),l("src",i.src,f)}}var V=(()=>{class n{constructor(){this.slides=new Array(3).fill({id:-1,src:"",title:"",subtitle:""})}ngOnInit(){this.slides[0]={src:"./assets/img/angular.jpg"},this.slides[1]={src:"./assets/img/react.jpg"},this.slides[2]={src:"./assets/img/vue.jpg"}}static{this.\u0275fac=function(r){return new(r||n)}}static{this.\u0275cmp=p({type:n,selectors:[["docs-carousel02"]],decls:5,vars:2,consts:[[3,"interval"],[4,"ngFor","ngForOf"],["caption","Previous","direction","prev",3,"routerLink"],["caption","Next","direction","next",3,"routerLink"],["loading","lazy",1,"d-block","w-100",3,"src","alt"]],template:function(r,c){r&1&&(e(0,"c-carousel",0)(1,"c-carousel-inner"),m(2,Z,2,2,"c-carousel-item",1),t(),a(3,"c-carousel-control",2)(4,"c-carousel-control",3),t()),r&2&&(l("interval",0),s(2),l("ngForOf",c.slides))},dependencies:[C,v,h,g,y,x],encapsulation:2})}}return n})();function ee(n,d){if(n&1&&(e(0,"c-carousel-item"),a(1,"img",2),t()),n&2){let i=d.$implicit;s(),u("alt",i.title),l("src",i.src,f)}}var Y=(()=>{class n{constructor(){this.slides=new Array(3).fill({id:-1,src:"",title:"",subtitle:""})}ngOnInit(){this.slides[0]={src:"./assets/img/angular.jpg"},this.slides[1]={src:"./assets/img/react.jpg"},this.slides[2]={src:"./assets/img/vue.jpg"}}onItemChange(i){console.log("Carousel onItemChange",i)}static{this.\u0275fac=function(r){return new(r||n)}}static{this.\u0275cmp=p({type:n,selectors:[["docs-carousel01"]],decls:3,vars:2,consts:[["transition","slide",3,"itemChange","interval"],[4,"ngFor","ngForOf"],["loading","lazy",1,"d-block","w-100",3,"src","alt"]],template:function(r,c){r&1&&(e(0,"c-carousel",0),M("itemChange",function(G){return c.onItemChange(G)}),e(1,"c-carousel-inner"),m(2,ee,2,2,"c-carousel-item",1),t()()),r&2&&(l("interval",5e3),s(2),l("ngForOf",c.slides))},dependencies:[C,v,h,g],encapsulation:2})}}return n})();var B=`\`\`\`typescript +import { CarouselModule } from '@coreui/angular'; + +@NgModule({ + imports: [CarouselModule,] +}) +export class AppModule() { } +\`\`\` +`;var ne=()=>["components/carousel/examples/carousel01.component.html","components/carousel/examples/carousel01.component.ts"],oe=()=>["components/carousel/examples/carousel02.component.html","components/carousel/examples/carousel02.component.ts"],ie=()=>["components/carousel/examples/carousel03.component.html","components/carousel/examples/carousel03.component.ts"],re=()=>["components/carousel/examples/carousel04.component.html","components/carousel/examples/carousel04.component.ts"],se=()=>["components/carousel/examples/carousel05.component.html","components/carousel/examples/carousel05.component.ts"],le=()=>["components/carousel/examples/carousel06.component.html","components/carousel/examples/carousel06.component.ts"];function ae(n,d){n&1&&(e(0,"span"),F(),e(1,"svg",7),a(2,"path",8)(3,"polygon",9),t(),T(),e(4,"span",10),o(5,"open in a new window"),t()())}function ce(n,d){n&1&&D(0)}var Xe=(()=>{class n{constructor(i,r){this.metaService=i,this.titleService=r,this.usage=B,this.title="Angular Carousel Component",this.description="Angular Carousel is a slideshow component for cycling through elements\u2014images or slides of text\u2014like a carousel."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(r){return new(r||n)(I(A),I(N))}}static{this.\u0275cmp=p({type:n,selectors:[["docs-carousel"]],decls:80,vars:16,consts:[["linkIcon",""],["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[4,"ngTemplateOutlet"],[3,"files"],[1,"text-medium-emphasis","small"],[1,"table-responsive","api-table"],["xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false","x","0px","y","0px","viewBox","0 0 100 100","width","15","height","15",1,"icon","outbound"],["fill","currentColor","d","M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"],["fill","currentColor","points","45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"],[1,"visually-hidden"]],template:function(r,c){if(r&1&&(m(0,ae,6,0,"ng-template",null,0,L),e(2,"h1",1),o(3),t(),e(4,"p",2),o(5),t(),a(6,"docs-ads-carbon-loader"),e(7,"markdown"),o(8,` + ## How it works + + The Angular carousel is a slideshow for cycling within a group of content. It runs with a group of images, text, + or html elements. It also incorporates support for previous/next buttons. + + In browsers where the [Page Visibility API`),m(9,ce,1,0,"ng-container",3),o(10,`](https://www.w3.org/TR/page-visibility/) + open in new window is supported, the carousel will avoid sliding when the webpage is not visible to the user + (such as when the browser tab is inactive, the browser window is minimized, etc). + + ## Example + + Carousels don't automatically normalize slide dimensions. As such, you may want to use extra utilities or + custom methods to properly size content. While carousels support previous/next controls and indicators, + they're not explicitly expected. Add and customize as you see fit. + + ### Slides only +`),t(),e(11,"docs-example",4),a(12,"docs-carousel01"),t(),e(13,"markdown"),o(14,` + ### With controls + + Adding in the previous and next controls with \`c-carousel-controls\` component. +`),t(),e(15,"docs-example",4),a(16,"docs-carousel02"),t(),e(17,"markdown"),o(18,` + ### With indicators + + You can attach the indicators to the carousel, lengthwise the controls, too. +`),t(),e(19,"docs-example",4),a(20,"docs-carousel03"),t(),e(21,"markdown"),o(22,` + ### With captions + + `),e(23,"p",5),o(24,` + You can add captions to slides with the `),e(25,"code"),o(26,""),t(),o(27,` element + within any `),e(28,"code"),o(29,""),t(),o(30,`. They can be immediately hidden on + smaller viewports, as shown below, with optional + [display utilities](https://coreui.io/docs/utilities/display) + We hide them with `),e(31,"code"),o(32,".d-none"),t(),o(33,` and draw them back on medium-sized devices with + `),e(34,"code"),o(35,".d-md-block"),t(),o(36,`. + `),t(),o(37,` +`),t(),e(38,"docs-example",4),a(39,"docs-carousel04"),t(),e(40,"markdown"),o(41,` + ### Crossfade + + Add \`transition="crossfade"\` to your carousel to animate slides with a fade transition instead of a slide. +`),t(),e(42,"docs-example",4),a(43,"docs-carousel05"),t(),e(44,"markdown"),o(45,` + ## Dark variant + + `),e(46,"p",5),o(47,` + Add `),e(48,"code"),o(49,"dark"),t(),o(50," property to the "),e(51,"code"),o(52,"c-carousel"),t(),o(53,` for darker controls, + indicators, and captions. Controls have been inverted from their default white fill + with the `),e(54,"code"),o(55,"filter"),t(),o(56,` CSS property. Captions and controls have additional Sass + variables that customize the `),e(57,"code"),o(58,"color"),t(),o(59," and "),e(60,"code"),o(61,"background-color"),t(),o(62,`. + `),t(),o(63,` +`),t(),e(64,"docs-example",4),a(65,"docs-carousel06"),t(),e(66,"markdown"),o(67),e(68,"div",6),o(69,"\n\n |prop|description|type|default|notes|\n |:---|:---|:---|:---:|---|\n |`activeIndex`|Index of the active item|`number`|_0_|\n |`animate`|Carousel automatically starts cycle items|`boolean`|_true_|\n |`dark`|Add darker controls, indicators, and captions|`boolean`|_undefined_|\n |`direction`|Carousel direction|`next, prev`|_next_|\n |`interval`|The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle|`number`|_0_|\n |`pause`|`hover` pauses the cycling of the carousel on `mouseenter` and resumes on `mouseleave`. When set to `false`, hovering won't pause|`hover \\| false`|_hover_|\n |`touch`|Support left/right swipe interactions on touchscreen devices.|`boolean`|_true_|\n |`transition`|Type of the transition|`slide, crossfade`|_slide_|\n |`wrap`|Set whether the carousel should cycle continuously or have hard stops|`boolean`|_true_|\n\n "),t(),o(70,` + + ##### Outputs + `),e(71,"div",6),o(72,` + + |prop|description|type|notes| + |:---|:---|:---|---| + |\`itemChange\`|Event emitted on carousel item change|\`number\`|| + + `),t(),o(73,` + + --- + + ### c-carousel-caption + _component_ + + --- + + ### c-carousel-control + _component_ + + ##### Inputs + `),e(74,"div",6),o(75,"\n\n |prop|description|type|default|notes|\n |:---|:---|:---|:---:|---|\n |`caption`|Carousel control caption |`string`|_0_|\n |`direction`|Carousel control direction|`prev, next`|_next_|\n\n "),t(),o(76,` + + --- + + ### c-carousel-indicators + _component_ + + --- + + ### c-carousel-inner + _component_ + + --- + + ### c-carousel-item + _component_ + + ##### Inputs + `),e(77,"div",6),o(78,` + + |prop|description|type|default|notes| + |:---|:---|:---|:---:|---| + |\`interval\`|Time delay before cycling to next item. If -1, uses carousel interval value.|\`number\`|_-1_| + + `),t(),o(79,` + + +`),t()),r&2){let k=O(1);s(3),_(c.title),s(2),_(c.description),s(4),l("ngTemplateOutlet",k),s(2),l("files",w(10,ne)),s(4),l("files",w(11,oe)),s(4),l("files",w(12,ie)),s(19),l("files",w(13,re)),s(4),l("files",w(14,se)),s(22),l("files",w(15,le)),s(3),j(` + --- + + ## API reference + + ### CarouselModule + + `,c.usage,` + + --- + + ### c-carousel + _component_ + + ##### Inputs + `)}},dependencies:[R,P,z,U,Y,V,H,q,$,W],encapsulation:2,changeDetection:0})}}return n})();export{Xe as CarouselComponent}; diff --git a/angular/docs/chunk-2P4FBTCD.js b/angular/docs/chunk-2P4FBTCD.js deleted file mode 100644 index 522c69755e9..00000000000 --- a/angular/docs/chunk-2P4FBTCD.js +++ /dev/null @@ -1 +0,0 @@ -import{a as E,b as B,f as pt,g as Ne,n as x,o as Me,p as he}from"./chunk-HEV2ZGEM.js";import"./chunk-2XBJPMNA.js";import{$ as S,ca as mt}from"./chunk-W26A3BQN.js";import{a as le,c as dt}from"./chunk-JKOY2XUY.js";function gt(n){return new S(3e3,!1)}function Wt(){return new S(3100,!1)}function Gt(){return new S(3101,!1)}function Ht(n){return new S(3001,!1)}function Yt(n){return new S(3003,!1)}function Xt(n){return new S(3004,!1)}function Zt(n,e){return new S(3005,!1)}function Jt(){return new S(3006,!1)}function xt(){return new S(3007,!1)}function es(n,e){return new S(3008,!1)}function ts(n){return new S(3002,!1)}function ss(n,e,t,s,i){return new S(3010,!1)}function is(){return new S(3011,!1)}function ns(){return new S(3012,!1)}function rs(){return new S(3200,!1)}function as(){return new S(3202,!1)}function os(){return new S(3013,!1)}function ls(n){return new S(3014,!1)}function hs(n){return new S(3015,!1)}function us(n){return new S(3016,!1)}function cs(n){return new S(3500,!1)}function fs(n){return new S(3501,!1)}function ds(n,e){return new S(3404,!1)}function ms(n){return new S(3502,!1)}function ps(n){return new S(3503,!1)}function gs(){return new S(3300,!1)}function ys(n){return new S(3504,!1)}function _s(n){return new S(3301,!1)}function Ss(n,e){return new S(3302,!1)}function Es(n){return new S(3303,!1)}function Ts(n,e){return new S(3400,!1)}function vs(n){return new S(3401,!1)}function ws(n){return new S(3402,!1)}function bs(n,e){return new S(3505,!1)}var As=new Set(["-moz-outline-radius","-moz-outline-radius-bottomleft","-moz-outline-radius-bottomright","-moz-outline-radius-topleft","-moz-outline-radius-topright","-ms-grid-columns","-ms-grid-rows","-webkit-line-clamp","-webkit-text-fill-color","-webkit-text-stroke","-webkit-text-stroke-color","accent-color","all","backdrop-filter","background","background-color","background-position","background-size","block-size","border","border-block-end","border-block-end-color","border-block-end-width","border-block-start","border-block-start-color","border-block-start-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-width","border-color","border-end-end-radius","border-end-start-radius","border-image-outset","border-image-slice","border-image-width","border-inline-end","border-inline-end-color","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-width","border-left","border-left-color","border-left-width","border-radius","border-right","border-right-color","border-right-width","border-start-end-radius","border-start-start-radius","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-width","border-width","bottom","box-shadow","caret-color","clip","clip-path","color","column-count","column-gap","column-rule","column-rule-color","column-rule-width","column-width","columns","filter","flex","flex-basis","flex-grow","flex-shrink","font","font-size","font-size-adjust","font-stretch","font-variation-settings","font-weight","gap","grid-column-gap","grid-gap","grid-row-gap","grid-template-columns","grid-template-rows","height","inline-size","input-security","inset","inset-block","inset-block-end","inset-block-start","inset-inline","inset-inline-end","inset-inline-start","left","letter-spacing","line-clamp","line-height","margin","margin-block-end","margin-block-start","margin-bottom","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","mask","mask-border","mask-position","mask-size","max-block-size","max-height","max-inline-size","max-lines","max-width","min-block-size","min-height","min-inline-size","min-width","object-position","offset","offset-anchor","offset-distance","offset-path","offset-position","offset-rotate","opacity","order","outline","outline-color","outline-offset","outline-width","padding","padding-block-end","padding-block-start","padding-bottom","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","perspective","perspective-origin","right","rotate","row-gap","scale","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-coordinate","scroll-snap-destination","scrollbar-color","shape-image-threshold","shape-margin","shape-outside","tab-size","text-decoration","text-decoration-color","text-decoration-thickness","text-emphasis","text-emphasis-color","text-indent","text-shadow","text-underline-offset","top","transform","transform-origin","translate","vertical-align","visibility","width","word-spacing","z-index","zoom"]);function U(n){switch(n.length){case 0:return new x;case 1:return n[0];default:return new Me(n)}}function Lt(n,e,t=new Map,s=new Map){let i=[],r=[],a=-1,o=null;if(e.forEach(l=>{let h=l.get("offset"),c=h==a,u=c&&o||new Map;l.forEach((_,y)=>{let d=y,g=_;if(y!=="offset")switch(d=n.normalizePropertyName(d,i),g){case he:g=t.get(y);break;case B:g=s.get(y);break;default:g=n.normalizeStyleValue(y,d,g,i);break}u.set(d,g)}),c||r.push(u),o=u,a=h}),i.length)throw ms(i);return r}function et(n,e,t,s){switch(e){case"start":n.onStart(()=>s(t&&Ce(t,"start",n)));break;case"done":n.onDone(()=>s(t&&Ce(t,"done",n)));break;case"destroy":n.onDestroy(()=>s(t&&Ce(t,"destroy",n)));break}}function Ce(n,e,t){let s=t.totalTime,i=!!t.disabled,r=tt(n.element,n.triggerName,n.fromState,n.toState,e||n.phaseName,s??n.totalTime,i),a=n._data;return a!=null&&(r._data=a),r}function tt(n,e,t,s,i="",r=0,a){return{element:n,triggerName:e,fromState:t,toState:s,phaseName:i,totalTime:r,disabled:!!a}}function L(n,e,t){let s=n.get(e);return s||n.set(e,s=t),s}function yt(n){let e=n.indexOf(":"),t=n.substring(1,e),s=n.slice(e+1);return[t,s]}var Ps=typeof document>"u"?null:document.documentElement;function st(n){let e=n.parentNode||n.host||null;return e===Ps?null:e}function Ns(n){return n.substring(1,6)=="ebkit"}var H=null,_t=!1;function Ms(n){H||(H=Cs()||{},_t=H.style?"WebkitAppearance"in H.style:!1);let e=!0;return H.style&&!Ns(n)&&(e=n in H.style,!e&&_t&&(e="Webkit"+n.charAt(0).toUpperCase()+n.slice(1)in H.style)),e}function wi(n){return As.has(n)}function Cs(){return typeof document<"u"?document.body:null}function Ft(n,e){for(;e;){if(e===n)return!0;e=st(e)}return!1}function It(n,e,t){if(t)return Array.from(n.querySelectorAll(e));let s=n.querySelector(e);return s?[s]:[]}var zt=(()=>{class n{validateStyleProperty(t){return Ms(t)}containsElement(t,s){return Ft(t,s)}getParentElement(t){return st(t)}query(t,s,i){return It(t,s,i)}computeStyle(t,s,i){return i||""}animate(t,s,i,r,a,o=[],l){return new x(i,r)}static{this.\u0275fac=function(s){return new(s||n)}}static{this.\u0275prov=mt({token:n,factory:n.\u0275fac})}}return n})(),St=class{static{this.NOOP=new zt}},Fe=class{},Ie=class{normalizePropertyName(e,t){return e}normalizeStyleValue(e,t,s,i){return s}},ks=1e3,Kt="{{",Ds="}}",it="ng-enter",pe="ng-leave",ue="ng-trigger",ge=".ng-trigger",Et="ng-animating",ze=".ng-animating";function $(n){if(typeof n=="number")return n;let e=n.match(/^(-?[\.\d]+)(m?s)/);return!e||e.length<2?0:Ke(parseFloat(e[1]),e[2])}function Ke(n,e){switch(e){case"s":return n*ks;default:return n}}function ye(n,e,t){return n.hasOwnProperty("duration")?n:Rs(n,e,t)}function Rs(n,e,t){let s=/^(-?[\.\d]+)(m?s)(?:\s+(-?[\.\d]+)(m?s))?(?:\s+([-a-z]+(?:\(.+?\))?))?$/i,i,r=0,a="";if(typeof n=="string"){let o=n.match(s);if(o===null)return e.push(gt(n)),{duration:0,delay:0,easing:""};i=Ke(parseFloat(o[1]),o[2]);let l=o[3];l!=null&&(r=Ke(parseFloat(l),o[4]));let h=o[5];h&&(a=h)}else i=n;if(!t){let o=!1,l=e.length;i<0&&(e.push(Wt()),o=!0),r<0&&(e.push(Gt()),o=!0),o&&e.splice(l,0,gt(n))}return{duration:i,delay:r,easing:a}}function Os(n){return n.length?n[0]instanceof Map?n:n.map(e=>new Map(Object.entries(e))):[]}function Tt(n){return Array.isArray(n)?new Map(...n):new Map(n)}function Q(n,e,t){e.forEach((s,i)=>{let r=nt(i);t&&!t.has(i)&&t.set(i,n.style[r]),n.style[r]=s})}function X(n,e){e.forEach((t,s)=>{let i=nt(s);n.style[i]=""})}function se(n){return Array.isArray(n)?n.length==1?n[0]:pt(n):n}function Ls(n,e,t){let s=e.params||{},i=qt(n);i.length&&i.forEach(r=>{s.hasOwnProperty(r)||t.push(Ht(r))})}var qe=new RegExp(`${Kt}\\s*(.+?)\\s*${Ds}`,"g");function qt(n){let e=[];if(typeof n=="string"){let t;for(;t=qe.exec(n);)e.push(t[1]);qe.lastIndex=0}return e}function ne(n,e,t){let s=`${n}`,i=s.replace(qe,(r,a)=>{let o=e[a];return o==null&&(t.push(Yt(a)),o=""),o.toString()});return i==s?n:i}var Fs=/-+([a-z0-9])/g;function nt(n){return n.replace(Fs,(...e)=>e[1].toUpperCase())}function bi(n){return n.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function Is(n,e){return n===0||e===0}function zs(n,e,t){if(t.size&&e.length){let s=e[0],i=[];if(t.forEach((r,a)=>{s.has(a)||i.push(a),s.set(a,r)}),i.length)for(let r=1;ra.set(o,rt(n,o)))}}return e}function O(n,e,t){switch(e.type){case E.Trigger:return n.visitTrigger(e,t);case E.State:return n.visitState(e,t);case E.Transition:return n.visitTransition(e,t);case E.Sequence:return n.visitSequence(e,t);case E.Group:return n.visitGroup(e,t);case E.Animate:return n.visitAnimate(e,t);case E.Keyframes:return n.visitKeyframes(e,t);case E.Style:return n.visitStyle(e,t);case E.Reference:return n.visitReference(e,t);case E.AnimateChild:return n.visitAnimateChild(e,t);case E.AnimateRef:return n.visitAnimateRef(e,t);case E.Query:return n.visitQuery(e,t);case E.Stagger:return n.visitStagger(e,t);default:throw Xt(e.type)}}function rt(n,e){return window.getComputedStyle(n)[e]}var Ks=new Set(["width","height","minWidth","minHeight","maxWidth","maxHeight","left","top","bottom","right","fontSize","outlineWidth","outlineOffset","paddingTop","paddingLeft","paddingBottom","paddingRight","marginTop","marginLeft","marginBottom","marginRight","borderRadius","borderWidth","borderTopWidth","borderLeftWidth","borderRightWidth","borderBottomWidth","textIndent","perspective"]),Be=class extends Fe{normalizePropertyName(e,t){return nt(e)}normalizeStyleValue(e,t,s,i){let r="",a=s.toString().trim();if(Ks.has(t)&&s!==0&&s!=="0")if(typeof s=="number")r="px";else{let o=s.match(/^[+-]?[\d\.]+([a-z]*)$/);o&&o[1].length==0&&i.push(Zt(e,s))}return a+r}};var _e="*";function qs(n,e){let t=[];return typeof n=="string"?n.split(/\s*,\s*/).forEach(s=>Bs(s,t,e)):t.push(n),t}function Bs(n,e,t){if(n[0]==":"){let l=Qs(n,t);if(typeof l=="function"){e.push(l);return}n=l}let s=n.match(/^(\*|[-\w]+)\s*()\s*(\*|[-\w]+)$/);if(s==null||s.length<4)return t.push(hs(n)),e;let i=s[1],r=s[2],a=s[3];e.push(vt(i,a));let o=i==_e&&a==_e;r[0]=="<"&&!o&&e.push(vt(a,i))}function Qs(n,e){switch(n){case":enter":return"void => *";case":leave":return"* => void";case":increment":return(t,s)=>parseFloat(s)>parseFloat(t);case":decrement":return(t,s)=>parseFloat(s) *"}}var ce=new Set(["true","1"]),fe=new Set(["false","0"]);function vt(n,e){let t=ce.has(n)||fe.has(n),s=ce.has(e)||fe.has(e);return(i,r)=>{let a=n==_e||n==i,o=e==_e||e==r;return!a&&t&&typeof i=="boolean"&&(a=i?ce.has(n):fe.has(n)),!o&&s&&typeof r=="boolean"&&(o=r?ce.has(e):fe.has(e)),a&&o}}var Bt=":self",$s=new RegExp(`s*${Bt}s*,?`,"g");function at(n,e,t,s){return new Qe(n).build(e,t,s)}var wt="",Qe=class{constructor(e){this._driver=e}build(e,t,s){let i=new $e(t);return this._resetContextStyleTimingState(i),O(this,se(e),i)}_resetContextStyleTimingState(e){e.currentQuerySelector=wt,e.collectedStyles=new Map,e.collectedStyles.set(wt,new Map),e.currentTime=0}visitTrigger(e,t){let s=t.queryCount=0,i=t.depCount=0,r=[],a=[];return e.name.charAt(0)=="@"&&t.errors.push(Jt()),e.definitions.forEach(o=>{if(this._resetContextStyleTimingState(t),o.type==E.State){let l=o,h=l.name;h.toString().split(/\s*,\s*/).forEach(c=>{l.name=c,r.push(this.visitState(l,t))}),l.name=h}else if(o.type==E.Transition){let l=this.visitTransition(o,t);s+=l.queryCount,i+=l.depCount,a.push(l)}else t.errors.push(xt())}),{type:E.Trigger,name:e.name,states:r,transitions:a,queryCount:s,depCount:i,options:null}}visitState(e,t){let s=this.visitStyle(e.styles,t),i=e.options&&e.options.params||null;if(s.containsDynamicStyles){let r=new Set,a=i||{};s.styles.forEach(o=>{o instanceof Map&&o.forEach(l=>{qt(l).forEach(h=>{a.hasOwnProperty(h)||r.add(h)})})}),r.size&&t.errors.push(es(e.name,[...r.values()]))}return{type:E.State,name:e.name,style:s,options:i?{params:i}:null}}visitTransition(e,t){t.queryCount=0,t.depCount=0;let s=O(this,se(e.animation),t),i=qs(e.expr,t.errors);return{type:E.Transition,matchers:i,animation:s,queryCount:t.queryCount,depCount:t.depCount,options:Y(e.options)}}visitSequence(e,t){return{type:E.Sequence,steps:e.steps.map(s=>O(this,s,t)),options:Y(e.options)}}visitGroup(e,t){let s=t.currentTime,i=0,r=e.steps.map(a=>{t.currentTime=s;let o=O(this,a,t);return i=Math.max(i,t.currentTime),o});return t.currentTime=i,{type:E.Group,steps:r,options:Y(e.options)}}visitAnimate(e,t){let s=Ws(e.timings,t.errors);t.currentAnimateTimings=s;let i,r=e.styles?e.styles:Ne({});if(r.type==E.Keyframes)i=this.visitKeyframes(r,t);else{let a=e.styles,o=!1;if(!a){o=!0;let h={};s.easing&&(h.easing=s.easing),a=Ne(h)}t.currentTime+=s.duration+s.delay;let l=this.visitStyle(a,t);l.isEmptyStep=o,i=l}return t.currentAnimateTimings=null,{type:E.Animate,timings:s,style:i,options:null}}visitStyle(e,t){let s=this._makeStyleAst(e,t);return this._validateStyleAst(s,t),s}_makeStyleAst(e,t){let s=[],i=Array.isArray(e.styles)?e.styles:[e.styles];for(let o of i)typeof o=="string"?o===B?s.push(o):t.errors.push(ts(o)):s.push(new Map(Object.entries(o)));let r=!1,a=null;return s.forEach(o=>{if(o instanceof Map&&(o.has("easing")&&(a=o.get("easing"),o.delete("easing")),!r)){for(let l of o.values())if(l.toString().indexOf(Kt)>=0){r=!0;break}}}),{type:E.Style,styles:s,easing:a,offset:e.offset,containsDynamicStyles:r,options:null}}_validateStyleAst(e,t){let s=t.currentAnimateTimings,i=t.currentTime,r=t.currentTime;s&&r>0&&(r-=s.duration+s.delay),e.styles.forEach(a=>{typeof a!="string"&&a.forEach((o,l)=>{let h=t.collectedStyles.get(t.currentQuerySelector),c=h.get(l),u=!0;c&&(r!=i&&r>=c.startTime&&i<=c.endTime&&(t.errors.push(ss(l,c.startTime,c.endTime,r,i)),u=!1),r=c.startTime),u&&h.set(l,{startTime:r,endTime:i}),t.options&&Ls(o,t.options,t.errors)})})}visitKeyframes(e,t){let s={type:E.Keyframes,styles:[],options:null};if(!t.currentAnimateTimings)return t.errors.push(is()),s;let i=1,r=0,a=[],o=!1,l=!1,h=0,c=e.steps.map(b=>{let A=this._makeStyleAst(b,t),C=A.offset!=null?A.offset:js(A.styles),N=0;return C!=null&&(r++,N=A.offset=C),l=l||N<0||N>1,o=o||N0&&r{let C=_>0?A==y?1:_*A:a[A],N=C*v;t.currentTime=d+g.delay+N,g.duration=N,this._validateStyleAst(b,t),b.offset=C,s.styles.push(b)}),s}visitReference(e,t){return{type:E.Reference,animation:O(this,se(e.animation),t),options:Y(e.options)}}visitAnimateChild(e,t){return t.depCount++,{type:E.AnimateChild,options:Y(e.options)}}visitAnimateRef(e,t){return{type:E.AnimateRef,animation:this.visitReference(e.animation,t),options:Y(e.options)}}visitQuery(e,t){let s=t.currentQuerySelector,i=e.options||{};t.queryCount++,t.currentQuery=e;let[r,a]=Vs(e.selector);t.currentQuerySelector=s.length?s+" "+r:r,L(t.collectedStyles,t.currentQuerySelector,new Map);let o=O(this,se(e.animation),t);return t.currentQuery=null,t.currentQuerySelector=s,{type:E.Query,selector:r,limit:i.limit||0,optional:!!i.optional,includeSelf:a,animation:o,originalSelector:e.selector,options:Y(e.options)}}visitStagger(e,t){t.currentQuery||t.errors.push(os());let s=e.timings==="full"?{duration:0,delay:0,easing:"full"}:ye(e.timings,t.errors,!0);return{type:E.Stagger,animation:O(this,se(e.animation),t),timings:s,options:null}}};function Vs(n){let e=!!n.split(/\s*,\s*/).find(t=>t==Bt);return e&&(n=n.replace($s,"")),n=n.replace(/@\*/g,ge).replace(/@\w+/g,t=>ge+"-"+t.slice(1)).replace(/:animating/g,ze),[n,e]}function Us(n){return n?le({},n):null}var $e=class{constructor(e){this.errors=e,this.queryCount=0,this.depCount=0,this.currentTransition=null,this.currentQuery=null,this.currentQuerySelector=null,this.currentAnimateTimings=null,this.currentTime=0,this.collectedStyles=new Map,this.options=null,this.unsupportedCSSPropertiesFound=new Set}};function js(n){if(typeof n=="string")return null;let e=null;if(Array.isArray(n))n.forEach(t=>{if(t instanceof Map&&t.has("offset")){let s=t;e=parseFloat(s.get("offset")),s.delete("offset")}});else if(n instanceof Map&&n.has("offset")){let t=n;e=parseFloat(t.get("offset")),t.delete("offset")}return e}function Ws(n,e){if(n.hasOwnProperty("duration"))return n;if(typeof n=="number"){let r=ye(n,e).duration;return ke(r,0,"")}let t=n;if(t.split(/\s+/).some(r=>r.charAt(0)=="{"&&r.charAt(1)=="{")){let r=ke(0,0,"");return r.dynamic=!0,r.strValue=t,r}let i=ye(t,e);return ke(i.duration,i.delay,i.easing)}function Y(n){return n?(n=le({},n),n.params&&(n.params=Us(n.params))):n={},n}function ke(n,e,t){return{duration:n,delay:e,easing:t}}function ot(n,e,t,s,i,r,a=null,o=!1){return{type:1,element:n,keyframes:e,preStyleProps:t,postStyleProps:s,duration:i,delay:r,totalTime:i+r,easing:a,subTimeline:o}}var te=class{constructor(){this._map=new Map}get(e){return this._map.get(e)||[]}append(e,t){let s=this._map.get(e);s||this._map.set(e,s=[]),s.push(...t)}has(e){return this._map.has(e)}clear(){this._map.clear()}},Gs=1,Hs=":enter",Ys=new RegExp(Hs,"g"),Xs=":leave",Zs=new RegExp(Xs,"g");function lt(n,e,t,s,i,r=new Map,a=new Map,o,l,h=[]){return new Ve().buildKeyframes(n,e,t,s,i,r,a,o,l,h)}var Ve=class{buildKeyframes(e,t,s,i,r,a,o,l,h,c=[]){h=h||new te;let u=new Ue(e,t,h,i,r,c,[]);u.options=l;let _=l.delay?$(l.delay):0;u.currentTimeline.delayNextStep(_),u.currentTimeline.setStyles([a],null,u.errors,l),O(this,s,u);let y=u.timelines.filter(d=>d.containsAnimation());if(y.length&&o.size){let d;for(let g=y.length-1;g>=0;g--){let v=y[g];if(v.element===t){d=v;break}}d&&!d.allowOnlyTimelineStyles()&&d.setStyles([o],null,u.errors,l)}return y.length?y.map(d=>d.buildKeyframes()):[ot(t,[],[],[],0,_,"",!1)]}visitTrigger(e,t){}visitState(e,t){}visitTransition(e,t){}visitAnimateChild(e,t){let s=t.subInstructions.get(t.element);if(s){let i=t.createSubContext(e.options),r=t.currentTimeline.currentTime,a=this._visitSubInstructions(s,i,i.options);r!=a&&t.transformIntoNewTimeline(a)}t.previousNode=e}visitAnimateRef(e,t){let s=t.createSubContext(e.options);s.transformIntoNewTimeline(),this._applyAnimationRefDelays([e.options,e.animation.options],t,s),this.visitReference(e.animation,s),t.transformIntoNewTimeline(s.currentTimeline.currentTime),t.previousNode=e}_applyAnimationRefDelays(e,t,s){for(let i of e){let r=i?.delay;if(r){let a=typeof r=="number"?r:$(ne(r,i?.params??{},t.errors));s.delayNextStep(a)}}}_visitSubInstructions(e,t,s){let r=t.currentTimeline.currentTime,a=s.duration!=null?$(s.duration):null,o=s.delay!=null?$(s.delay):null;return a!==0&&e.forEach(l=>{let h=t.appendInstructionToTimeline(l,a,o);r=Math.max(r,h.duration+h.delay)}),r}visitReference(e,t){t.updateOptions(e.options,!0),O(this,e.animation,t),t.previousNode=e}visitSequence(e,t){let s=t.subContextCount,i=t,r=e.options;if(r&&(r.params||r.delay)&&(i=t.createSubContext(r),i.transformIntoNewTimeline(),r.delay!=null)){i.previousNode.type==E.Style&&(i.currentTimeline.snapshotCurrentStyles(),i.previousNode=Se);let a=$(r.delay);i.delayNextStep(a)}e.steps.length&&(e.steps.forEach(a=>O(this,a,i)),i.currentTimeline.applyStylesToKeyframe(),i.subContextCount>s&&i.transformIntoNewTimeline()),t.previousNode=e}visitGroup(e,t){let s=[],i=t.currentTimeline.currentTime,r=e.options&&e.options.delay?$(e.options.delay):0;e.steps.forEach(a=>{let o=t.createSubContext(e.options);r&&o.delayNextStep(r),O(this,a,o),i=Math.max(i,o.currentTimeline.currentTime),s.push(o.currentTimeline)}),s.forEach(a=>t.currentTimeline.mergeTimelineCollectedStyles(a)),t.transformIntoNewTimeline(i),t.previousNode=e}_visitTiming(e,t){if(e.dynamic){let s=e.strValue,i=t.params?ne(s,t.params,t.errors):s;return ye(i,t.errors)}else return{duration:e.duration,delay:e.delay,easing:e.easing}}visitAnimate(e,t){let s=t.currentAnimateTimings=this._visitTiming(e.timings,t),i=t.currentTimeline;s.delay&&(t.incrementTime(s.delay),i.snapshotCurrentStyles());let r=e.style;r.type==E.Keyframes?this.visitKeyframes(r,t):(t.incrementTime(s.duration),this.visitStyle(r,t),i.applyStylesToKeyframe()),t.currentAnimateTimings=null,t.previousNode=e}visitStyle(e,t){let s=t.currentTimeline,i=t.currentAnimateTimings;!i&&s.hasCurrentStyleProperties()&&s.forwardFrame();let r=i&&i.easing||e.easing;e.isEmptyStep?s.applyEmptyStep(r):s.setStyles(e.styles,r,t.errors,t.options),t.previousNode=e}visitKeyframes(e,t){let s=t.currentAnimateTimings,i=t.currentTimeline.duration,r=s.duration,o=t.createSubContext().currentTimeline;o.easing=s.easing,e.styles.forEach(l=>{let h=l.offset||0;o.forwardTime(h*r),o.setStyles(l.styles,l.easing,t.errors,t.options),o.applyStylesToKeyframe()}),t.currentTimeline.mergeTimelineCollectedStyles(o),t.transformIntoNewTimeline(i+r),t.previousNode=e}visitQuery(e,t){let s=t.currentTimeline.currentTime,i=e.options||{},r=i.delay?$(i.delay):0;r&&(t.previousNode.type===E.Style||s==0&&t.currentTimeline.hasCurrentStyleProperties())&&(t.currentTimeline.snapshotCurrentStyles(),t.previousNode=Se);let a=s,o=t.invokeQuery(e.selector,e.originalSelector,e.limit,e.includeSelf,!!i.optional,t.errors);t.currentQueryTotal=o.length;let l=null;o.forEach((h,c)=>{t.currentQueryIndex=c;let u=t.createSubContext(e.options,h);r&&u.delayNextStep(r),h===t.element&&(l=u.currentTimeline),O(this,e.animation,u),u.currentTimeline.applyStylesToKeyframe();let _=u.currentTimeline.currentTime;a=Math.max(a,_)}),t.currentQueryIndex=0,t.currentQueryTotal=0,t.transformIntoNewTimeline(a),l&&(t.currentTimeline.mergeTimelineCollectedStyles(l),t.currentTimeline.snapshotCurrentStyles()),t.previousNode=e}visitStagger(e,t){let s=t.parentContext,i=t.currentTimeline,r=e.timings,a=Math.abs(r.duration),o=a*(t.currentQueryTotal-1),l=a*t.currentQueryIndex;switch(r.duration<0?"reverse":r.easing){case"reverse":l=o-l;break;case"full":l=s.currentStaggerTime;break}let c=t.currentTimeline;l&&c.delayNextStep(l);let u=c.currentTime;O(this,e.animation,t),t.previousNode=e,s.currentStaggerTime=i.currentTime-u+(i.startTime-s.currentTimeline.startTime)}},Se={},Ue=class n{constructor(e,t,s,i,r,a,o,l){this._driver=e,this.element=t,this.subInstructions=s,this._enterClassName=i,this._leaveClassName=r,this.errors=a,this.timelines=o,this.parentContext=null,this.currentAnimateTimings=null,this.previousNode=Se,this.subContextCount=0,this.options={},this.currentQueryIndex=0,this.currentQueryTotal=0,this.currentStaggerTime=0,this.currentTimeline=l||new Ee(this._driver,t,0),o.push(this.currentTimeline)}get params(){return this.options.params}updateOptions(e,t){if(!e)return;let s=e,i=this.options;s.duration!=null&&(i.duration=$(s.duration)),s.delay!=null&&(i.delay=$(s.delay));let r=s.params;if(r){let a=i.params;a||(a=this.options.params={}),Object.keys(r).forEach(o=>{(!t||!a.hasOwnProperty(o))&&(a[o]=ne(r[o],a,this.errors))})}}_copyOptions(){let e={};if(this.options){let t=this.options.params;if(t){let s=e.params={};Object.keys(t).forEach(i=>{s[i]=t[i]})}}return e}createSubContext(e=null,t,s){let i=t||this.element,r=new n(this._driver,i,this.subInstructions,this._enterClassName,this._leaveClassName,this.errors,this.timelines,this.currentTimeline.fork(i,s||0));return r.previousNode=this.previousNode,r.currentAnimateTimings=this.currentAnimateTimings,r.options=this._copyOptions(),r.updateOptions(e),r.currentQueryIndex=this.currentQueryIndex,r.currentQueryTotal=this.currentQueryTotal,r.parentContext=this,this.subContextCount++,r}transformIntoNewTimeline(e){return this.previousNode=Se,this.currentTimeline=this.currentTimeline.fork(this.element,e),this.timelines.push(this.currentTimeline),this.currentTimeline}appendInstructionToTimeline(e,t,s){let i={duration:t??e.duration,delay:this.currentTimeline.currentTime+(s??0)+e.delay,easing:""},r=new je(this._driver,e.element,e.keyframes,e.preStyleProps,e.postStyleProps,i,e.stretchStartingKeyframe);return this.timelines.push(r),i}incrementTime(e){this.currentTimeline.forwardTime(this.currentTimeline.duration+e)}delayNextStep(e){e>0&&this.currentTimeline.delayNextStep(e)}invokeQuery(e,t,s,i,r,a){let o=[];if(i&&o.push(this.element),e.length>0){e=e.replace(Ys,"."+this._enterClassName),e=e.replace(Zs,"."+this._leaveClassName);let l=s!=1,h=this._driver.query(this.element,e,l);s!==0&&(h=s<0?h.slice(h.length+s,h.length):h.slice(0,s)),o.push(...h)}return!r&&o.length==0&&a.push(ls(t)),o}},Ee=class n{constructor(e,t,s,i){this._driver=e,this.element=t,this.startTime=s,this._elementTimelineStylesLookup=i,this.duration=0,this.easing=null,this._previousKeyframe=new Map,this._currentKeyframe=new Map,this._keyframes=new Map,this._styleSummary=new Map,this._localTimelineStyles=new Map,this._pendingStyles=new Map,this._backFill=new Map,this._currentEmptyStepKeyframe=null,this._elementTimelineStylesLookup||(this._elementTimelineStylesLookup=new Map),this._globalTimelineStyles=this._elementTimelineStylesLookup.get(t),this._globalTimelineStyles||(this._globalTimelineStyles=this._localTimelineStyles,this._elementTimelineStylesLookup.set(t,this._localTimelineStyles)),this._loadKeyframe()}containsAnimation(){switch(this._keyframes.size){case 0:return!1;case 1:return this.hasCurrentStyleProperties();default:return!0}}hasCurrentStyleProperties(){return this._currentKeyframe.size>0}get currentTime(){return this.startTime+this.duration}delayNextStep(e){let t=this._keyframes.size===1&&this._pendingStyles.size;this.duration||t?(this.forwardTime(this.currentTime+e),t&&this.snapshotCurrentStyles()):this.startTime+=e}fork(e,t){return this.applyStylesToKeyframe(),new n(this._driver,e,t||this.currentTime,this._elementTimelineStylesLookup)}_loadKeyframe(){this._currentKeyframe&&(this._previousKeyframe=this._currentKeyframe),this._currentKeyframe=this._keyframes.get(this.duration),this._currentKeyframe||(this._currentKeyframe=new Map,this._keyframes.set(this.duration,this._currentKeyframe))}forwardFrame(){this.duration+=Gs,this._loadKeyframe()}forwardTime(e){this.applyStylesToKeyframe(),this.duration=e,this._loadKeyframe()}_updateStyle(e,t){this._localTimelineStyles.set(e,t),this._globalTimelineStyles.set(e,t),this._styleSummary.set(e,{time:this.currentTime,value:t})}allowOnlyTimelineStyles(){return this._currentEmptyStepKeyframe!==this._currentKeyframe}applyEmptyStep(e){e&&this._previousKeyframe.set("easing",e);for(let[t,s]of this._globalTimelineStyles)this._backFill.set(t,s||B),this._currentKeyframe.set(t,B);this._currentEmptyStepKeyframe=this._currentKeyframe}setStyles(e,t,s,i){t&&this._previousKeyframe.set("easing",t);let r=i&&i.params||{},a=Js(e,this._globalTimelineStyles);for(let[o,l]of a){let h=ne(l,r,s);this._pendingStyles.set(o,h),this._localTimelineStyles.has(o)||this._backFill.set(o,this._globalTimelineStyles.get(o)??B),this._updateStyle(o,h)}}applyStylesToKeyframe(){this._pendingStyles.size!=0&&(this._pendingStyles.forEach((e,t)=>{this._currentKeyframe.set(t,e)}),this._pendingStyles.clear(),this._localTimelineStyles.forEach((e,t)=>{this._currentKeyframe.has(t)||this._currentKeyframe.set(t,e)}))}snapshotCurrentStyles(){for(let[e,t]of this._localTimelineStyles)this._pendingStyles.set(e,t),this._updateStyle(e,t)}getFinalKeyframe(){return this._keyframes.get(this.duration)}get properties(){let e=[];for(let t in this._currentKeyframe)e.push(t);return e}mergeTimelineCollectedStyles(e){e._styleSummary.forEach((t,s)=>{let i=this._styleSummary.get(s);(!i||t.time>i.time)&&this._updateStyle(s,t.value)})}buildKeyframes(){this.applyStylesToKeyframe();let e=new Set,t=new Set,s=this._keyframes.size===1&&this.duration===0,i=[];this._keyframes.forEach((o,l)=>{let h=new Map([...this._backFill,...o]);h.forEach((c,u)=>{c===he?e.add(u):c===B&&t.add(u)}),s||h.set("offset",l/this.duration),i.push(h)});let r=[...e.values()],a=[...t.values()];if(s){let o=i[0],l=new Map(o);o.set("offset",0),l.set("offset",1),i=[o,l]}return ot(this.element,i,r,a,this.duration,this.startTime,this.easing,!1)}},je=class extends Ee{constructor(e,t,s,i,r,a,o=!1){super(e,t,a.delay),this.keyframes=s,this.preStyleProps=i,this.postStyleProps=r,this._stretchStartingKeyframe=o,this.timings={duration:a.duration,delay:a.delay,easing:a.easing}}containsAnimation(){return this.keyframes.length>1}buildKeyframes(){let e=this.keyframes,{delay:t,duration:s,easing:i}=this.timings;if(this._stretchStartingKeyframe&&t){let r=[],a=s+t,o=t/a,l=new Map(e[0]);l.set("offset",0),r.push(l);let h=new Map(e[0]);h.set("offset",bt(o)),r.push(h);let c=e.length-1;for(let u=1;u<=c;u++){let _=new Map(e[u]),y=_.get("offset"),d=t+y*s;_.set("offset",bt(d/a)),r.push(_)}s=a,t=0,i="",e=r}return ot(this.element,e,this.preStyleProps,this.postStyleProps,s,t,i,!0)}};function bt(n,e=3){let t=Math.pow(10,e-1);return Math.round(n*t)/t}function Js(n,e){let t=new Map,s;return n.forEach(i=>{if(i==="*"){s??=e.keys();for(let r of s)t.set(r,B)}else for(let[r,a]of i)t.set(r,a)}),t}function At(n,e,t,s,i,r,a,o,l,h,c,u,_){return{type:0,element:n,triggerName:e,isRemovalTransition:i,fromState:t,fromStyles:r,toState:s,toStyles:a,timelines:o,queriedElements:l,preStyleProps:h,postStyleProps:c,totalTime:u,errors:_}}var De={},Te=class{constructor(e,t,s){this._triggerName=e,this.ast=t,this._stateStyles=s}match(e,t,s,i){return xs(this.ast.matchers,e,t,s,i)}buildStyles(e,t,s){let i=this._stateStyles.get("*");return e!==void 0&&(i=this._stateStyles.get(e?.toString())||i),i?i.buildStyles(t,s):new Map}build(e,t,s,i,r,a,o,l,h,c){let u=[],_=this.ast.options&&this.ast.options.params||De,y=o&&o.params||De,d=this.buildStyles(s,y,u),g=l&&l.params||De,v=this.buildStyles(i,g,u),b=new Set,A=new Map,C=new Map,N=i==="void",Z={params:Qt(g,_),delay:this.ast.options?.delay},K=c?[]:lt(e,t,this.ast.animation,r,a,d,v,Z,h,u),k=0;return K.forEach(D=>{k=Math.max(D.duration+D.delay,k)}),u.length?At(t,this._triggerName,s,i,N,d,v,[],[],A,C,k,u):(K.forEach(D=>{let j=D.element,J=L(A,j,new Set);D.preStyleProps.forEach(W=>J.add(W));let ht=L(C,j,new Set);D.postStyleProps.forEach(W=>ht.add(W)),j!==t&&b.add(j)}),At(t,this._triggerName,s,i,N,d,v,K,[...b.values()],A,C,k))}};function xs(n,e,t,s,i){return n.some(r=>r(e,t,s,i))}function Qt(n,e){let t=le({},e);return Object.entries(n).forEach(([s,i])=>{i!=null&&(t[s]=i)}),t}var We=class{constructor(e,t,s){this.styles=e,this.defaultParams=t,this.normalizer=s}buildStyles(e,t){let s=new Map,i=Qt(e,this.defaultParams);return this.styles.styles.forEach(r=>{typeof r!="string"&&r.forEach((a,o)=>{a&&(a=ne(a,i,t));let l=this.normalizer.normalizePropertyName(o,t);a=this.normalizer.normalizeStyleValue(o,l,a,t),s.set(o,a)})}),s}};function ei(n,e,t){return new Ge(n,e,t)}var Ge=class{constructor(e,t,s){this.name=e,this.ast=t,this._normalizer=s,this.transitionFactories=[],this.states=new Map,t.states.forEach(i=>{let r=i.options&&i.options.params||{};this.states.set(i.name,new We(i.style,r,s))}),Pt(this.states,"true","1"),Pt(this.states,"false","0"),t.transitions.forEach(i=>{this.transitionFactories.push(new Te(e,i,this.states))}),this.fallbackTransition=ti(e,this.states,this._normalizer)}get containsQueries(){return this.ast.queryCount>0}matchTransition(e,t,s,i){return this.transitionFactories.find(a=>a.match(e,t,s,i))||null}matchStyles(e,t,s){return this.fallbackTransition.buildStyles(e,t,s)}};function ti(n,e,t){let s=[(a,o)=>!0],i={type:E.Sequence,steps:[],options:null},r={type:E.Transition,animation:i,matchers:s,options:null,queryCount:0,depCount:0};return new Te(n,r,e)}function Pt(n,e,t){n.has(e)?n.has(t)||n.set(t,n.get(e)):n.has(t)&&n.set(e,n.get(t))}var si=new te,He=class{constructor(e,t,s){this.bodyNode=e,this._driver=t,this._normalizer=s,this._animations=new Map,this._playersById=new Map,this.players=[]}register(e,t){let s=[],i=[],r=at(this._driver,t,s,i);if(s.length)throw ps(s);i.length&&void 0,this._animations.set(e,r)}_buildPlayer(e,t,s){let i=e.element,r=Lt(this._normalizer,e.keyframes,t,s);return this._driver.animate(i,r,e.duration,e.delay,e.easing,[],!0)}create(e,t,s={}){let i=[],r=this._animations.get(e),a,o=new Map;if(r?(a=lt(this._driver,t,r,it,pe,new Map,new Map,s,si,i),a.forEach(c=>{let u=L(o,c.element,new Map);c.postStyleProps.forEach(_=>u.set(_,null))})):(i.push(gs()),a=[]),i.length)throw ys(i);o.forEach((c,u)=>{c.forEach((_,y)=>{c.set(y,this._driver.computeStyle(u,y,B))})});let l=a.map(c=>{let u=o.get(c.element);return this._buildPlayer(c,new Map,u)}),h=U(l);return this._playersById.set(e,h),h.onDestroy(()=>this.destroy(e)),this.players.push(h),h}destroy(e){let t=this._getPlayer(e);t.destroy(),this._playersById.delete(e);let s=this.players.indexOf(t);s>=0&&this.players.splice(s,1)}_getPlayer(e){let t=this._playersById.get(e);if(!t)throw _s(e);return t}listen(e,t,s,i){let r=tt(t,"","","");return et(this._getPlayer(e),s,r,i),()=>{}}command(e,t,s,i){if(s=="register"){this.register(e,i[0]);return}if(s=="create"){let a=i[0]||{};this.create(e,t,a);return}let r=this._getPlayer(e);switch(s){case"play":r.play();break;case"pause":r.pause();break;case"reset":r.reset();break;case"restart":r.restart();break;case"finish":r.finish();break;case"init":r.init();break;case"setPosition":r.setPosition(parseFloat(i[0]));break;case"destroy":this.destroy(e);break}}},Nt="ng-animate-queued",ii=".ng-animate-queued",Re="ng-animate-disabled",ni=".ng-animate-disabled",ri="ng-star-inserted",ai=".ng-star-inserted",oi=[],$t={namespaceId:"",setForRemoval:!1,setForMove:!1,hasAnimation:!1,removedBeforeQueried:!1},li={namespaceId:"",setForMove:!1,setForRemoval:!1,hasAnimation:!1,removedBeforeQueried:!0},z="__ng_removed",re=class{get params(){return this.options.params}constructor(e,t=""){this.namespaceId=t;let s=e&&e.hasOwnProperty("value"),i=s?e.value:e;if(this.value=ui(i),s){let r=e,{value:a}=r,o=dt(r,["value"]);this.options=o}else this.options={};this.options.params||(this.options.params={})}absorbOptions(e){let t=e.params;if(t){let s=this.options.params;Object.keys(t).forEach(i=>{s[i]==null&&(s[i]=t[i])})}}},ie="void",Oe=new re(ie),Ye=class{constructor(e,t,s){this.id=e,this.hostElement=t,this._engine=s,this.players=[],this._triggers=new Map,this._queue=[],this._elementListeners=new Map,this._hostClassName="ng-tns-"+e,I(t,this._hostClassName)}listen(e,t,s,i){if(!this._triggers.has(t))throw Ss(s,t);if(s==null||s.length==0)throw Es(t);if(!ci(s))throw Ts(s,t);let r=L(this._elementListeners,e,[]),a={name:t,phase:s,callback:i};r.push(a);let o=L(this._engine.statesByElement,e,new Map);return o.has(t)||(I(e,ue),I(e,ue+"-"+t),o.set(t,Oe)),()=>{this._engine.afterFlush(()=>{let l=r.indexOf(a);l>=0&&r.splice(l,1),this._triggers.has(t)||o.delete(t)})}}register(e,t){return this._triggers.has(e)?!1:(this._triggers.set(e,t),!0)}_getTrigger(e){let t=this._triggers.get(e);if(!t)throw vs(e);return t}trigger(e,t,s,i=!0){let r=this._getTrigger(t),a=new ae(this.id,t,e),o=this._engine.statesByElement.get(e);o||(I(e,ue),I(e,ue+"-"+t),this._engine.statesByElement.set(e,o=new Map));let l=o.get(t),h=new re(s,this.id);if(!(s&&s.hasOwnProperty("value"))&&l&&h.absorbOptions(l.options),o.set(t,h),l||(l=Oe),!(h.value===ie)&&l.value===h.value){if(!mi(l.params,h.params)){let g=[],v=r.matchStyles(l.value,l.params,g),b=r.matchStyles(h.value,h.params,g);g.length?this._engine.reportError(g):this._engine.afterFlush(()=>{X(e,v),Q(e,b)})}return}let _=L(this._engine.playersByElement,e,[]);_.forEach(g=>{g.namespaceId==this.id&&g.triggerName==t&&g.queued&&g.destroy()});let y=r.matchTransition(l.value,h.value,e,h.params),d=!1;if(!y){if(!i)return;y=r.fallbackTransition,d=!0}return this._engine.totalQueuedPlayers++,this._queue.push({element:e,triggerName:t,transition:y,fromState:l,toState:h,player:a,isFallbackTransition:d}),d||(I(e,Nt),a.onStart(()=>{ee(e,Nt)})),a.onDone(()=>{let g=this.players.indexOf(a);g>=0&&this.players.splice(g,1);let v=this._engine.playersByElement.get(e);if(v){let b=v.indexOf(a);b>=0&&v.splice(b,1)}}),this.players.push(a),_.push(a),a}deregister(e){this._triggers.delete(e),this._engine.statesByElement.forEach(t=>t.delete(e)),this._elementListeners.forEach((t,s)=>{this._elementListeners.set(s,t.filter(i=>i.name!=e))})}clearElementCache(e){this._engine.statesByElement.delete(e),this._elementListeners.delete(e);let t=this._engine.playersByElement.get(e);t&&(t.forEach(s=>s.destroy()),this._engine.playersByElement.delete(e))}_signalRemovalForInnerTriggers(e,t){let s=this._engine.driver.query(e,ge,!0);s.forEach(i=>{if(i[z])return;let r=this._engine.fetchNamespacesByElement(i);r.size?r.forEach(a=>a.triggerLeaveAnimation(i,t,!1,!0)):this.clearElementCache(i)}),this._engine.afterFlushAnimationsDone(()=>s.forEach(i=>this.clearElementCache(i)))}triggerLeaveAnimation(e,t,s,i){let r=this._engine.statesByElement.get(e),a=new Map;if(r){let o=[];if(r.forEach((l,h)=>{if(a.set(h,l.value),this._triggers.has(h)){let c=this.trigger(e,h,ie,i);c&&o.push(c)}}),o.length)return this._engine.markElementAsRemoved(this.id,e,!0,t,a),s&&U(o).onDone(()=>this._engine.processLeaveNode(e)),!0}return!1}prepareLeaveAnimationListeners(e){let t=this._elementListeners.get(e),s=this._engine.statesByElement.get(e);if(t&&s){let i=new Set;t.forEach(r=>{let a=r.name;if(i.has(a))return;i.add(a);let l=this._triggers.get(a).fallbackTransition,h=s.get(a)||Oe,c=new re(ie),u=new ae(this.id,a,e);this._engine.totalQueuedPlayers++,this._queue.push({element:e,triggerName:a,transition:l,fromState:h,toState:c,player:u,isFallbackTransition:!0})})}}removeNode(e,t){let s=this._engine;if(e.childElementCount&&this._signalRemovalForInnerTriggers(e,t),this.triggerLeaveAnimation(e,t,!0))return;let i=!1;if(s.totalAnimations){let r=s.players.length?s.playersByQueriedElement.get(e):[];if(r&&r.length)i=!0;else{let a=e;for(;a=a.parentNode;)if(s.statesByElement.get(a)){i=!0;break}}}if(this.prepareLeaveAnimationListeners(e),i)s.markElementAsRemoved(this.id,e,!1,t);else{let r=e[z];(!r||r===$t)&&(s.afterFlush(()=>this.clearElementCache(e)),s.destroyInnerAnimations(e),s._onRemovalComplete(e,t))}}insertNode(e,t){I(e,this._hostClassName)}drainQueuedTransitions(e){let t=[];return this._queue.forEach(s=>{let i=s.player;if(i.destroyed)return;let r=s.element,a=this._elementListeners.get(r);a&&a.forEach(o=>{if(o.name==s.triggerName){let l=tt(r,s.triggerName,s.fromState.value,s.toState.value);l._data=e,et(s.player,o.phase,l,o.callback)}}),i.markedForDestroy?this._engine.afterFlush(()=>{i.destroy()}):t.push(s)}),this._queue=[],t.sort((s,i)=>{let r=s.transition.ast.depCount,a=i.transition.ast.depCount;return r==0||a==0?r-a:this._engine.driver.containsElement(s.element,i.element)?1:-1})}destroy(e){this.players.forEach(t=>t.destroy()),this._signalRemovalForInnerTriggers(this.hostElement,e)}},Xe=class{_onRemovalComplete(e,t){this.onRemovalComplete(e,t)}constructor(e,t,s){this.bodyNode=e,this.driver=t,this._normalizer=s,this.players=[],this.newHostElements=new Map,this.playersByElement=new Map,this.playersByQueriedElement=new Map,this.statesByElement=new Map,this.disabledNodes=new Set,this.totalAnimations=0,this.totalQueuedPlayers=0,this._namespaceLookup={},this._namespaceList=[],this._flushFns=[],this._whenQuietFns=[],this.namespacesByHostElement=new Map,this.collectedEnterElements=[],this.collectedLeaveElements=[],this.onRemovalComplete=(i,r)=>{}}get queuedPlayers(){let e=[];return this._namespaceList.forEach(t=>{t.players.forEach(s=>{s.queued&&e.push(s)})}),e}createNamespace(e,t){let s=new Ye(e,t,this);return this.bodyNode&&this.driver.containsElement(this.bodyNode,t)?this._balanceNamespaceList(s,t):(this.newHostElements.set(t,s),this.collectEnterElement(t)),this._namespaceLookup[e]=s}_balanceNamespaceList(e,t){let s=this._namespaceList,i=this.namespacesByHostElement;if(s.length-1>=0){let a=!1,o=this.driver.getParentElement(t);for(;o;){let l=i.get(o);if(l){let h=s.indexOf(l);s.splice(h+1,0,e),a=!0;break}o=this.driver.getParentElement(o)}a||s.unshift(e)}else s.push(e);return i.set(t,e),e}register(e,t){let s=this._namespaceLookup[e];return s||(s=this.createNamespace(e,t)),s}registerTrigger(e,t,s){let i=this._namespaceLookup[e];i&&i.register(t,s)&&this.totalAnimations++}destroy(e,t){e&&(this.afterFlush(()=>{}),this.afterFlushAnimationsDone(()=>{let s=this._fetchNamespace(e);this.namespacesByHostElement.delete(s.hostElement);let i=this._namespaceList.indexOf(s);i>=0&&this._namespaceList.splice(i,1),s.destroy(t),delete this._namespaceLookup[e]}))}_fetchNamespace(e){return this._namespaceLookup[e]}fetchNamespacesByElement(e){let t=new Set,s=this.statesByElement.get(e);if(s){for(let i of s.values())if(i.namespaceId){let r=this._fetchNamespace(i.namespaceId);r&&t.add(r)}}return t}trigger(e,t,s,i){if(de(t)){let r=this._fetchNamespace(e);if(r)return r.trigger(t,s,i),!0}return!1}insertNode(e,t,s,i){if(!de(t))return;let r=t[z];if(r&&r.setForRemoval){r.setForRemoval=!1,r.setForMove=!0;let a=this.collectedLeaveElements.indexOf(t);a>=0&&this.collectedLeaveElements.splice(a,1)}if(e){let a=this._fetchNamespace(e);a&&a.insertNode(t,s)}i&&this.collectEnterElement(t)}collectEnterElement(e){this.collectedEnterElements.push(e)}markElementAsDisabled(e,t){t?this.disabledNodes.has(e)||(this.disabledNodes.add(e),I(e,Re)):this.disabledNodes.has(e)&&(this.disabledNodes.delete(e),ee(e,Re))}removeNode(e,t,s){if(de(t)){let i=e?this._fetchNamespace(e):null;i?i.removeNode(t,s):this.markElementAsRemoved(e,t,!1,s);let r=this.namespacesByHostElement.get(t);r&&r.id!==e&&r.removeNode(t,s)}else this._onRemovalComplete(t,s)}markElementAsRemoved(e,t,s,i,r){this.collectedLeaveElements.push(t),t[z]={namespaceId:e,setForRemoval:i,hasAnimation:s,removedBeforeQueried:!1,previousTriggersValues:r}}listen(e,t,s,i,r){return de(t)?this._fetchNamespace(e).listen(t,s,i,r):()=>{}}_buildInstruction(e,t,s,i,r){return e.transition.build(this.driver,e.element,e.fromState.value,e.toState.value,s,i,e.fromState.options,e.toState.options,t,r)}destroyInnerAnimations(e){let t=this.driver.query(e,ge,!0);t.forEach(s=>this.destroyActiveAnimationsForElement(s)),this.playersByQueriedElement.size!=0&&(t=this.driver.query(e,ze,!0),t.forEach(s=>this.finishActiveQueriedAnimationOnElement(s)))}destroyActiveAnimationsForElement(e){let t=this.playersByElement.get(e);t&&t.forEach(s=>{s.queued?s.markedForDestroy=!0:s.destroy()})}finishActiveQueriedAnimationOnElement(e){let t=this.playersByQueriedElement.get(e);t&&t.forEach(s=>s.finish())}whenRenderingDone(){return new Promise(e=>{if(this.players.length)return U(this.players).onDone(()=>e());e()})}processLeaveNode(e){let t=e[z];if(t&&t.setForRemoval){if(e[z]=$t,t.namespaceId){this.destroyInnerAnimations(e);let s=this._fetchNamespace(t.namespaceId);s&&s.clearElementCache(e)}this._onRemovalComplete(e,t.setForRemoval)}e.classList?.contains(Re)&&this.markElementAsDisabled(e,!1),this.driver.query(e,ni,!0).forEach(s=>{this.markElementAsDisabled(s,!1)})}flush(e=-1){let t=[];if(this.newHostElements.size&&(this.newHostElements.forEach((s,i)=>this._balanceNamespaceList(s,i)),this.newHostElements.clear()),this.totalAnimations&&this.collectedEnterElements.length)for(let s=0;ss()),this._flushFns=[],this._whenQuietFns.length){let s=this._whenQuietFns;this._whenQuietFns=[],t.length?U(t).onDone(()=>{s.forEach(i=>i())}):s.forEach(i=>i())}}reportError(e){throw ws(e)}_flushAnimations(e,t){let s=new te,i=[],r=new Map,a=[],o=new Map,l=new Map,h=new Map,c=new Set;this.disabledNodes.forEach(f=>{c.add(f);let m=this.driver.query(f,ii,!0);for(let p=0;p{let p=it+g++;d.set(m,p),f.forEach(T=>I(T,p))});let v=[],b=new Set,A=new Set;for(let f=0;fb.add(T)):A.add(m))}let C=new Map,N=kt(_,Array.from(b));N.forEach((f,m)=>{let p=pe+g++;C.set(m,p),f.forEach(T=>I(T,p))}),e.push(()=>{y.forEach((f,m)=>{let p=d.get(m);f.forEach(T=>ee(T,p))}),N.forEach((f,m)=>{let p=C.get(m);f.forEach(T=>ee(T,p))}),v.forEach(f=>{this.processLeaveNode(f)})});let Z=[],K=[];for(let f=this._namespaceList.length-1;f>=0;f--)this._namespaceList[f].drainQueuedTransitions(t).forEach(p=>{let T=p.player,P=p.element;if(Z.push(T),this.collectedEnterElements.length){let M=P[z];if(M&&M.setForMove){if(M.previousTriggersValues&&M.previousTriggersValues.has(p.triggerName)){let G=M.previousTriggersValues.get(p.triggerName),F=this.statesByElement.get(p.element);if(F&&F.has(p.triggerName)){let oe=F.get(p.triggerName);oe.value=G,F.set(p.triggerName,oe)}}T.destroy();return}}let q=!u||!this.driver.containsElement(u,P),R=C.get(P),V=d.get(P),w=this._buildInstruction(p,s,V,R,q);if(w.errors&&w.errors.length){K.push(w);return}if(q){T.onStart(()=>X(P,w.fromStyles)),T.onDestroy(()=>Q(P,w.toStyles)),i.push(T);return}if(p.isFallbackTransition){T.onStart(()=>X(P,w.fromStyles)),T.onDestroy(()=>Q(P,w.toStyles)),i.push(T);return}let ft=[];w.timelines.forEach(M=>{M.stretchStartingKeyframe=!0,this.disabledNodes.has(M.element)||ft.push(M)}),w.timelines=ft,s.append(P,w.timelines);let jt={instruction:w,player:T,element:P};a.push(jt),w.queriedElements.forEach(M=>L(o,M,[]).push(T)),w.preStyleProps.forEach((M,G)=>{if(M.size){let F=l.get(G);F||l.set(G,F=new Set),M.forEach((oe,Pe)=>F.add(Pe))}}),w.postStyleProps.forEach((M,G)=>{let F=h.get(G);F||h.set(G,F=new Set),M.forEach((oe,Pe)=>F.add(Pe))})});if(K.length){let f=[];K.forEach(m=>{f.push(bs(m.triggerName,m.errors))}),Z.forEach(m=>m.destroy()),this.reportError(f)}let k=new Map,D=new Map;a.forEach(f=>{let m=f.element;s.has(m)&&(D.set(m,m),this._beforeAnimationBuild(f.player.namespaceId,f.instruction,k))}),i.forEach(f=>{let m=f.element;this._getPreviousPlayers(m,!1,f.namespaceId,f.triggerName,null).forEach(T=>{L(k,m,[]).push(T),T.destroy()})});let j=v.filter(f=>Dt(f,l,h)),J=new Map;Ct(J,this.driver,A,h,B).forEach(f=>{Dt(f,l,h)&&j.push(f)});let W=new Map;y.forEach((f,m)=>{Ct(W,this.driver,new Set(f),l,he)}),j.forEach(f=>{let m=J.get(f),p=W.get(f);J.set(f,new Map([...m?.entries()??[],...p?.entries()??[]]))});let Ae=[],ut=[],ct={};a.forEach(f=>{let{element:m,player:p,instruction:T}=f;if(s.has(m)){if(c.has(m)){p.onDestroy(()=>Q(m,T.toStyles)),p.disabled=!0,p.overrideTotalTime(T.totalTime),i.push(p);return}let P=ct;if(D.size>1){let R=m,V=[];for(;R=R.parentNode;){let w=D.get(R);if(w){P=w;break}V.push(R)}V.forEach(w=>D.set(w,P))}let q=this._buildAnimation(p.namespaceId,T,k,r,W,J);if(p.setRealPlayer(q),P===ct)Ae.push(p);else{let R=this.playersByElement.get(P);R&&R.length&&(p.parentPlayer=U(R)),i.push(p)}}else X(m,T.fromStyles),p.onDestroy(()=>Q(m,T.toStyles)),ut.push(p),c.has(m)&&i.push(p)}),ut.forEach(f=>{let m=r.get(f.element);if(m&&m.length){let p=U(m);f.setRealPlayer(p)}}),i.forEach(f=>{f.parentPlayer?f.syncPlayerEvents(f.parentPlayer):f.destroy()});for(let f=0;f!q.destroyed);P.length?fi(this,m,P):this.processLeaveNode(m)}return v.length=0,Ae.forEach(f=>{this.players.push(f),f.onDone(()=>{f.destroy();let m=this.players.indexOf(f);this.players.splice(m,1)}),f.play()}),Ae}afterFlush(e){this._flushFns.push(e)}afterFlushAnimationsDone(e){this._whenQuietFns.push(e)}_getPreviousPlayers(e,t,s,i,r){let a=[];if(t){let o=this.playersByQueriedElement.get(e);o&&(a=o)}else{let o=this.playersByElement.get(e);if(o){let l=!r||r==ie;o.forEach(h=>{h.queued||!l&&h.triggerName!=i||a.push(h)})}}return(s||i)&&(a=a.filter(o=>!(s&&s!=o.namespaceId||i&&i!=o.triggerName))),a}_beforeAnimationBuild(e,t,s){let i=t.triggerName,r=t.element,a=t.isRemovalTransition?void 0:e,o=t.isRemovalTransition?void 0:i;for(let l of t.timelines){let h=l.element,c=h!==r,u=L(s,h,[]);this._getPreviousPlayers(h,c,a,o,t.toState).forEach(y=>{let d=y.getRealPlayer();d.beforeDestroy&&d.beforeDestroy(),y.destroy(),u.push(y)})}X(r,t.fromStyles)}_buildAnimation(e,t,s,i,r,a){let o=t.triggerName,l=t.element,h=[],c=new Set,u=new Set,_=t.timelines.map(d=>{let g=d.element;c.add(g);let v=g[z];if(v&&v.removedBeforeQueried)return new x(d.duration,d.delay);let b=g!==l,A=di((s.get(g)||oi).map(k=>k.getRealPlayer())).filter(k=>{let D=k;return D.element?D.element===g:!1}),C=r.get(g),N=a.get(g),Z=Lt(this._normalizer,d.keyframes,C,N),K=this._buildPlayer(d,Z,A);if(d.subTimeline&&i&&u.add(g),b){let k=new ae(e,o,g);k.setRealPlayer(K),h.push(k)}return K});h.forEach(d=>{L(this.playersByQueriedElement,d.element,[]).push(d),d.onDone(()=>hi(this.playersByQueriedElement,d.element,d))}),c.forEach(d=>I(d,Et));let y=U(_);return y.onDestroy(()=>{c.forEach(d=>ee(d,Et)),Q(l,t.toStyles)}),u.forEach(d=>{L(i,d,[]).push(y)}),y}_buildPlayer(e,t,s){return t.length>0?this.driver.animate(e.element,t,e.duration,e.delay,e.easing,s):new x(e.duration,e.delay)}},ae=class{constructor(e,t,s){this.namespaceId=e,this.triggerName=t,this.element=s,this._player=new x,this._containsRealPlayer=!1,this._queuedCallbacks=new Map,this.destroyed=!1,this.parentPlayer=null,this.markedForDestroy=!1,this.disabled=!1,this.queued=!0,this.totalTime=0}setRealPlayer(e){this._containsRealPlayer||(this._player=e,this._queuedCallbacks.forEach((t,s)=>{t.forEach(i=>et(e,s,void 0,i))}),this._queuedCallbacks.clear(),this._containsRealPlayer=!0,this.overrideTotalTime(e.totalTime),this.queued=!1)}getRealPlayer(){return this._player}overrideTotalTime(e){this.totalTime=e}syncPlayerEvents(e){let t=this._player;t.triggerCallback&&e.onStart(()=>t.triggerCallback("start")),e.onDone(()=>this.finish()),e.onDestroy(()=>this.destroy())}_queueEvent(e,t){L(this._queuedCallbacks,e,[]).push(t)}onDone(e){this.queued&&this._queueEvent("done",e),this._player.onDone(e)}onStart(e){this.queued&&this._queueEvent("start",e),this._player.onStart(e)}onDestroy(e){this.queued&&this._queueEvent("destroy",e),this._player.onDestroy(e)}init(){this._player.init()}hasStarted(){return this.queued?!1:this._player.hasStarted()}play(){!this.queued&&this._player.play()}pause(){!this.queued&&this._player.pause()}restart(){!this.queued&&this._player.restart()}finish(){this._player.finish()}destroy(){this.destroyed=!0,this._player.destroy()}reset(){!this.queued&&this._player.reset()}setPosition(e){this.queued||this._player.setPosition(e)}getPosition(){return this.queued?0:this._player.getPosition()}triggerCallback(e){let t=this._player;t.triggerCallback&&t.triggerCallback(e)}};function hi(n,e,t){let s=n.get(e);if(s){if(s.length){let i=s.indexOf(t);s.splice(i,1)}s.length==0&&n.delete(e)}return s}function ui(n){return n??null}function de(n){return n&&n.nodeType===1}function ci(n){return n=="start"||n=="done"}function Mt(n,e){let t=n.style.display;return n.style.display=e??"none",t}function Ct(n,e,t,s,i){let r=[];t.forEach(l=>r.push(Mt(l)));let a=[];s.forEach((l,h)=>{let c=new Map;l.forEach(u=>{let _=e.computeStyle(h,u,i);c.set(u,_),(!_||_.length==0)&&(h[z]=li,a.push(h))}),n.set(h,c)});let o=0;return t.forEach(l=>Mt(l,r[o++])),a}function kt(n,e){let t=new Map;if(n.forEach(o=>t.set(o,[])),e.length==0)return t;let s=1,i=new Set(e),r=new Map;function a(o){if(!o)return s;let l=r.get(o);if(l)return l;let h=o.parentNode;return t.has(h)?l=h:i.has(h)?l=s:l=a(h),r.set(o,l),l}return e.forEach(o=>{let l=a(o);l!==s&&t.get(l).push(o)}),t}function I(n,e){n.classList?.add(e)}function ee(n,e){n.classList?.remove(e)}function fi(n,e,t){U(t).onDone(()=>n.processLeaveNode(e))}function di(n){let e=[];return Vt(n,e),e}function Vt(n,e){for(let t=0;ti.add(r)):e.set(n,s),t.delete(n),!0}var ve=class{constructor(e,t,s){this._driver=t,this._normalizer=s,this._triggerCache={},this.onRemovalComplete=(i,r)=>{},this._transitionEngine=new Xe(e.body,t,s),this._timelineEngine=new He(e.body,t,s),this._transitionEngine.onRemovalComplete=(i,r)=>this.onRemovalComplete(i,r)}registerTrigger(e,t,s,i,r){let a=e+"-"+i,o=this._triggerCache[a];if(!o){let l=[],h=[],c=at(this._driver,r,l,h);if(l.length)throw ds(i,l);h.length&&void 0,o=ei(i,c,this._normalizer),this._triggerCache[a]=o}this._transitionEngine.registerTrigger(t,i,o)}register(e,t){this._transitionEngine.register(e,t)}destroy(e,t){this._transitionEngine.destroy(e,t)}onInsert(e,t,s,i){this._transitionEngine.insertNode(e,t,s,i)}onRemove(e,t,s){this._transitionEngine.removeNode(e,t,s)}disableAnimations(e,t){this._transitionEngine.markElementAsDisabled(e,t)}process(e,t,s,i){if(s.charAt(0)=="@"){let[r,a]=yt(s),o=i;this._timelineEngine.command(r,t,a,o)}else this._transitionEngine.trigger(e,t,s,i)}listen(e,t,s,i,r){if(s.charAt(0)=="@"){let[a,o]=yt(s);return this._timelineEngine.listen(a,t,o,r)}return this._transitionEngine.listen(e,t,s,i,r)}flush(e=-1){this._transitionEngine.flush(e)}get players(){return[...this._transitionEngine.players,...this._timelineEngine.players]}whenRenderingDone(){return this._transitionEngine.whenRenderingDone()}afterFlushAnimationsDone(e){this._transitionEngine.afterFlushAnimationsDone(e)}};function pi(n,e){let t=null,s=null;return Array.isArray(e)&&e.length?(t=Le(e[0]),e.length>1&&(s=Le(e[e.length-1]))):e instanceof Map&&(t=Le(e)),t||s?new Ze(n,t,s):null}var Ze=class n{static{this.initialStylesByElement=new WeakMap}constructor(e,t,s){this._element=e,this._startStyles=t,this._endStyles=s,this._state=0;let i=n.initialStylesByElement.get(e);i||n.initialStylesByElement.set(e,i=new Map),this._initialStyles=i}start(){this._state<1&&(this._startStyles&&Q(this._element,this._startStyles,this._initialStyles),this._state=1)}finish(){this.start(),this._state<2&&(Q(this._element,this._initialStyles),this._endStyles&&(Q(this._element,this._endStyles),this._endStyles=null),this._state=1)}destroy(){this.finish(),this._state<3&&(n.initialStylesByElement.delete(this._element),this._startStyles&&(X(this._element,this._startStyles),this._endStyles=null),this._endStyles&&(X(this._element,this._endStyles),this._endStyles=null),Q(this._element,this._initialStyles),this._state=3)}};function Le(n){let e=null;return n.forEach((t,s)=>{gi(s)&&(e=e||new Map,e.set(s,t))}),e}function gi(n){return n==="display"||n==="position"}var we=class{constructor(e,t,s,i){this.element=e,this.keyframes=t,this.options=s,this._specialStyles=i,this._onDoneFns=[],this._onStartFns=[],this._onDestroyFns=[],this._initialized=!1,this._finished=!1,this._started=!1,this._destroyed=!1,this._originalOnDoneFns=[],this._originalOnStartFns=[],this.time=0,this.parentPlayer=null,this.currentSnapshot=new Map,this._duration=s.duration,this._delay=s.delay||0,this.time=this._duration+this._delay}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(e=>e()),this._onDoneFns=[])}init(){this._buildPlayer(),this._preparePlayerBeforeStart()}_buildPlayer(){if(this._initialized)return;this._initialized=!0;let e=this.keyframes;this.domPlayer=this._triggerWebAnimation(this.element,e,this.options),this._finalKeyframe=e.length?e[e.length-1]:new Map;let t=()=>this._onFinish();this.domPlayer.addEventListener("finish",t),this.onDestroy(()=>{this.domPlayer.removeEventListener("finish",t)})}_preparePlayerBeforeStart(){this._delay?this._resetDomPlayerState():this.domPlayer.pause()}_convertKeyframesToObject(e){let t=[];return e.forEach(s=>{t.push(Object.fromEntries(s))}),t}_triggerWebAnimation(e,t,s){return e.animate(this._convertKeyframesToObject(t),s)}onStart(e){this._originalOnStartFns.push(e),this._onStartFns.push(e)}onDone(e){this._originalOnDoneFns.push(e),this._onDoneFns.push(e)}onDestroy(e){this._onDestroyFns.push(e)}play(){this._buildPlayer(),this.hasStarted()||(this._onStartFns.forEach(e=>e()),this._onStartFns=[],this._started=!0,this._specialStyles&&this._specialStyles.start()),this.domPlayer.play()}pause(){this.init(),this.domPlayer.pause()}finish(){this.init(),this._specialStyles&&this._specialStyles.finish(),this._onFinish(),this.domPlayer.finish()}reset(){this._resetDomPlayerState(),this._destroyed=!1,this._finished=!1,this._started=!1,this._onStartFns=this._originalOnStartFns,this._onDoneFns=this._originalOnDoneFns}_resetDomPlayerState(){this.domPlayer&&this.domPlayer.cancel()}restart(){this.reset(),this.play()}hasStarted(){return this._started}destroy(){this._destroyed||(this._destroyed=!0,this._resetDomPlayerState(),this._onFinish(),this._specialStyles&&this._specialStyles.destroy(),this._onDestroyFns.forEach(e=>e()),this._onDestroyFns=[])}setPosition(e){this.domPlayer===void 0&&this.init(),this.domPlayer.currentTime=e*this.time}getPosition(){return+(this.domPlayer.currentTime??0)/this.time}get totalTime(){return this._delay+this._duration}beforeDestroy(){let e=new Map;this.hasStarted()&&this._finalKeyframe.forEach((s,i)=>{i!=="offset"&&e.set(i,this._finished?s:rt(this.element,i))}),this.currentSnapshot=e}triggerCallback(e){let t=e==="start"?this._onStartFns:this._onDoneFns;t.forEach(s=>s()),t.length=0}},Je=class{validateStyleProperty(e){return!0}validateAnimatableStyleProperty(e){return!0}containsElement(e,t){return Ft(e,t)}getParentElement(e){return st(e)}query(e,t,s){return It(e,t,s)}computeStyle(e,t,s){return rt(e,t)}animate(e,t,s,i,r,a=[]){let o=i==0?"both":"forwards",l={duration:s,delay:i,fill:o};r&&(l.easing=r);let h=new Map,c=a.filter(y=>y instanceof we);Is(s,i)&&c.forEach(y=>{y.currentSnapshot.forEach((d,g)=>h.set(g,d))});let u=Os(t).map(y=>new Map(y));u=zs(e,u,h);let _=pi(e,u);return new we(e,u,l,_)}};function Ai(n,e){return n==="noop"?new ve(e,new zt,new Ie):new ve(e,new Je,new Be)}var Rt=class{constructor(e,t){this._driver=e;let s=[],i=[],r=at(e,t,s,i);if(s.length)throw cs(s);i.length&&void 0,this._animationAst=r}buildTimelines(e,t,s,i,r){let a=Array.isArray(t)?Tt(t):t,o=Array.isArray(s)?Tt(s):s,l=[];r=r||new te;let h=lt(this._driver,e,this._animationAst,it,pe,a,o,i,r,l);if(l.length)throw fs(l);return h}},me="@",Ut="@.disabled",be=class{constructor(e,t,s,i){this.namespaceId=e,this.delegate=t,this.engine=s,this._onDestroy=i,this.\u0275type=0}get data(){return this.delegate.data}destroyNode(e){this.delegate.destroyNode?.(e)}destroy(){this.engine.destroy(this.namespaceId,this.delegate),this.engine.afterFlushAnimationsDone(()=>{queueMicrotask(()=>{this.delegate.destroy()})}),this._onDestroy?.()}createElement(e,t){return this.delegate.createElement(e,t)}createComment(e){return this.delegate.createComment(e)}createText(e){return this.delegate.createText(e)}appendChild(e,t){this.delegate.appendChild(e,t),this.engine.onInsert(this.namespaceId,t,e,!1)}insertBefore(e,t,s,i=!0){this.delegate.insertBefore(e,t,s),this.engine.onInsert(this.namespaceId,t,e,i)}removeChild(e,t,s){this.parentNode(t)&&this.engine.onRemove(this.namespaceId,t,this.delegate)}selectRootElement(e,t){return this.delegate.selectRootElement(e,t)}parentNode(e){return this.delegate.parentNode(e)}nextSibling(e){return this.delegate.nextSibling(e)}setAttribute(e,t,s,i){this.delegate.setAttribute(e,t,s,i)}removeAttribute(e,t,s){this.delegate.removeAttribute(e,t,s)}addClass(e,t){this.delegate.addClass(e,t)}removeClass(e,t){this.delegate.removeClass(e,t)}setStyle(e,t,s,i){this.delegate.setStyle(e,t,s,i)}removeStyle(e,t,s){this.delegate.removeStyle(e,t,s)}setProperty(e,t,s){t.charAt(0)==me&&t==Ut?this.disableAnimations(e,!!s):this.delegate.setProperty(e,t,s)}setValue(e,t){this.delegate.setValue(e,t)}listen(e,t,s){return this.delegate.listen(e,t,s)}disableAnimations(e,t){this.engine.disableAnimations(e,t)}},xe=class extends be{constructor(e,t,s,i,r){super(t,s,i,r),this.factory=e,this.namespaceId=t}setProperty(e,t,s){t.charAt(0)==me?t.charAt(1)=="."&&t==Ut?(s=s===void 0?!0:!!s,this.disableAnimations(e,s)):this.engine.process(this.namespaceId,e,t.slice(1),s):this.delegate.setProperty(e,t,s)}listen(e,t,s){if(t.charAt(0)==me){let i=yi(e),r=t.slice(1),a="";return r.charAt(0)!=me&&([r,a]=_i(r)),this.engine.listen(this.namespaceId,i,r,a,o=>{let l=o._data||-1;this.factory.scheduleListenerCallback(l,s,o)})}return this.delegate.listen(e,t,s)}};function yi(n){switch(n){case"body":return document.body;case"document":return document;case"window":return window;default:return n}}function _i(n){let e=n.indexOf("."),t=n.substring(0,e),s=n.slice(e+1);return[t,s]}var Ot=class{constructor(e,t,s){this.delegate=e,this.engine=t,this._zone=s,this._currentId=0,this._microtaskId=1,this._animationCallbacksBuffer=[],this._rendererCache=new Map,this._cdRecurDepth=0,t.onRemovalComplete=(i,r)=>{r?.removeChild(null,i)}}createRenderer(e,t){let s="",i=this.delegate.createRenderer(e,t);if(!e||!t?.data?.animation){let h=this._rendererCache,c=h.get(i);if(!c){let u=()=>h.delete(i);c=new be(s,i,this.engine,u),h.set(i,c)}return c}let r=t.id,a=t.id+"-"+this._currentId;this._currentId++,this.engine.register(a,e);let o=h=>{Array.isArray(h)?h.forEach(o):this.engine.registerTrigger(r,a,e,h.name,h)};return t.data.animation.forEach(o),new xe(this,a,i,this.engine)}begin(){this._cdRecurDepth++,this.delegate.begin&&this.delegate.begin()}_scheduleCountTask(){queueMicrotask(()=>{this._microtaskId++})}scheduleListenerCallback(e,t,s){if(e>=0&&et(s));return}let i=this._animationCallbacksBuffer;i.length==0&&queueMicrotask(()=>{this._zone.run(()=>{i.forEach(r=>{let[a,o]=r;a(o)}),this._animationCallbacksBuffer=[]})}),i.push([t,s])}end(){this._cdRecurDepth--,this._cdRecurDepth==0&&this._zone.runOutsideAngular(()=>{this._scheduleCountTask(),this.engine.flush(this._microtaskId)}),this.delegate.end&&this.delegate.end()}whenRenderingDone(){return this.engine.whenRenderingDone()}};export{St as AnimationDriver,zt as NoopAnimationDriver,Rt as \u0275Animation,ve as \u0275AnimationEngine,xe as \u0275AnimationRenderer,Ot as \u0275AnimationRendererFactory,Fe as \u0275AnimationStyleNormalizer,be as \u0275BaseAnimationRenderer,Ie as \u0275NoopAnimationStyleNormalizer,Je as \u0275WebAnimationsDriver,we as \u0275WebAnimationsPlayer,Be as \u0275WebAnimationsStyleNormalizer,Is as \u0275allowPreviousPlayerStylesMerge,bi as \u0275camelCaseToDashCase,Ft as \u0275containsElement,Ai as \u0275createEngine,st as \u0275getParentElement,It as \u0275invokeQuery,Os as \u0275normalizeKeyframes,Ms as \u0275validateStyleProperty,wi as \u0275validateWebAnimatableStyleProperty}; diff --git a/angular/docs/chunk-2XBJPMNA.js b/angular/docs/chunk-2XBJPMNA.js deleted file mode 100644 index 98f2c638783..00000000000 --- a/angular/docs/chunk-2XBJPMNA.js +++ /dev/null @@ -1 +0,0 @@ -import{$ as Ae,Eb as Pe,Ga as ve,Ja as Ie,Ka as Me,Oa as P,Sb as Ne,Ta as ie,Wa as Le,Xa as Be,Za as Oe,aa as Se,ca as C,da as be,ed as xe,fa as M,fd as Ue,ha as S,ia as g,jc as ke,kc as F,lb as Re,lc as $e,ld as z,mc as h,md as V,nb as D,nd as ze,oa as _e,od as Ve,pa as O,pb as re,qa as T,rd as k,sb as N,sd as se,tb as U,ub as Te,ud as oe,xa as ne}from"./chunk-W26A3BQN.js";var qe=null;function ue(){return qe}function _n(e){qe??=e}var je=class{};var J=new M(""),Ce=(()=>{class e{historyGo(t){throw new Error("")}static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275prov=C({token:e,factory:()=>g(rt),providedIn:"platform"})}}return e})(),vn=new M(""),rt=(()=>{class e extends Ce{constructor(){super(),this._doc=g(J),this._location=window.location,this._history=window.history}getBaseHrefFromDOM(){return ue().getBaseHref(this._doc)}onPopState(t){let n=ue().getGlobalEventTarget(this._doc,"window");return n.addEventListener("popstate",t,!1),()=>n.removeEventListener("popstate",t)}onHashChange(t){let n=ue().getGlobalEventTarget(this._doc,"window");return n.addEventListener("hashchange",t,!1),()=>n.removeEventListener("hashchange",t)}get href(){return this._location.href}get protocol(){return this._location.protocol}get hostname(){return this._location.hostname}get port(){return this._location.port}get pathname(){return this._location.pathname}get search(){return this._location.search}get hash(){return this._location.hash}set pathname(t){this._location.pathname=t}pushState(t,n,r){this._history.pushState(t,n,r)}replaceState(t,n,r){this._history.replaceState(t,n,r)}forward(){this._history.forward()}back(){this._history.back()}historyGo(t=0){this._history.go(t)}getState(){return this._history.state}static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275prov=C({token:e,factory:()=>new e,providedIn:"platform"})}}return e})();function Fe(e,i){if(e.length==0)return i;if(i.length==0)return e;let t=0;return e.endsWith("/")&&t++,i.startsWith("/")&&t++,t==2?e+i.substring(1):t==1?e+i:e+"/"+i}function Ge(e){let i=e.match(/#|\?|$/),t=i&&i.index||e.length,n=t-(e[t-1]==="/"?1:0);return e.slice(0,n)+e.slice(t)}function _(e){return e&&e[0]!=="?"?"?"+e:e}var Q=(()=>{class e{historyGo(t){throw new Error("")}static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275prov=C({token:e,factory:()=>g(st),providedIn:"root"})}}return e})(),Je=new M(""),st=(()=>{class e extends Q{constructor(t,n){super(),this._platformLocation=t,this._removeListenerFns=[],this._baseHref=n??this._platformLocation.getBaseHrefFromDOM()??g(J).location?.origin??""}ngOnDestroy(){for(;this._removeListenerFns.length;)this._removeListenerFns.pop()()}onPopState(t){this._removeListenerFns.push(this._platformLocation.onPopState(t),this._platformLocation.onHashChange(t))}getBaseHref(){return this._baseHref}prepareExternalUrl(t){return Fe(this._baseHref,t)}path(t=!1){let n=this._platformLocation.pathname+_(this._platformLocation.search),r=this._platformLocation.hash;return r&&t?`${n}${r}`:n}pushState(t,n,r,s){let o=this.prepareExternalUrl(r+_(s));this._platformLocation.pushState(t,n,o)}replaceState(t,n,r,s){let o=this.prepareExternalUrl(r+_(s));this._platformLocation.replaceState(t,n,o)}forward(){this._platformLocation.forward()}back(){this._platformLocation.back()}getState(){return this._platformLocation.getState()}historyGo(t=0){this._platformLocation.historyGo?.(t)}static{this.\u0275fac=function(n){return new(n||e)(S(Ce),S(Je,8))}}static{this.\u0275prov=C({token:e,factory:e.\u0275fac,providedIn:"root"})}}return e})(),In=(()=>{class e extends Q{constructor(t,n){super(),this._platformLocation=t,this._baseHref="",this._removeListenerFns=[],n!=null&&(this._baseHref=n)}ngOnDestroy(){for(;this._removeListenerFns.length;)this._removeListenerFns.pop()()}onPopState(t){this._removeListenerFns.push(this._platformLocation.onPopState(t),this._platformLocation.onHashChange(t))}getBaseHref(){return this._baseHref}path(t=!1){let n=this._platformLocation.hash??"#";return n.length>0?n.substring(1):n}prepareExternalUrl(t){let n=Fe(this._baseHref,t);return n.length>0?"#"+n:n}pushState(t,n,r,s){let o=this.prepareExternalUrl(r+_(s));o.length==0&&(o=this._platformLocation.pathname),this._platformLocation.pushState(t,n,o)}replaceState(t,n,r,s){let o=this.prepareExternalUrl(r+_(s));o.length==0&&(o=this._platformLocation.pathname),this._platformLocation.replaceState(t,n,o)}forward(){this._platformLocation.forward()}back(){this._platformLocation.back()}getState(){return this._platformLocation.getState()}historyGo(t=0){this._platformLocation.historyGo?.(t)}static{this.\u0275fac=function(n){return new(n||e)(S(Ce),S(Je,8))}}static{this.\u0275prov=C({token:e,factory:e.\u0275fac})}}return e})(),ot=(()=>{class e{constructor(t){this._subject=new Ie,this._urlChangeListeners=[],this._urlChangeSubscription=null,this._locationStrategy=t;let n=this._locationStrategy.getBaseHref();this._basePath=ct(Ge(He(n))),this._locationStrategy.onPopState(r=>{this._subject.emit({url:this.path(!0),pop:!0,state:r.state,type:r.type})})}ngOnDestroy(){this._urlChangeSubscription?.unsubscribe(),this._urlChangeListeners=[]}path(t=!1){return this.normalize(this._locationStrategy.path(t))}getState(){return this._locationStrategy.getState()}isCurrentPathEqualTo(t,n=""){return this.path()==this.normalize(t+_(n))}normalize(t){return e.stripTrailingSlash(at(this._basePath,He(t)))}prepareExternalUrl(t){return t&&t[0]!=="/"&&(t="/"+t),this._locationStrategy.prepareExternalUrl(t)}go(t,n="",r=null){this._locationStrategy.pushState(r,"",t,n),this._notifyUrlChangeListeners(this.prepareExternalUrl(t+_(n)),r)}replaceState(t,n="",r=null){this._locationStrategy.replaceState(r,"",t,n),this._notifyUrlChangeListeners(this.prepareExternalUrl(t+_(n)),r)}forward(){this._locationStrategy.forward()}back(){this._locationStrategy.back()}historyGo(t=0){this._locationStrategy.historyGo?.(t)}onUrlChange(t){return this._urlChangeListeners.push(t),this._urlChangeSubscription??=this.subscribe(n=>{this._notifyUrlChangeListeners(n.url,n.state)}),()=>{let n=this._urlChangeListeners.indexOf(t);this._urlChangeListeners.splice(n,1),this._urlChangeListeners.length===0&&(this._urlChangeSubscription?.unsubscribe(),this._urlChangeSubscription=null)}}_notifyUrlChangeListeners(t="",n){this._urlChangeListeners.forEach(r=>r(t,n))}subscribe(t,n,r){return this._subject.subscribe({next:t,error:n,complete:r})}static{this.normalizeQueryParams=_}static{this.joinWithSlash=Fe}static{this.stripTrailingSlash=Ge}static{this.\u0275fac=function(n){return new(n||e)(S(Q))}}static{this.\u0275prov=C({token:e,factory:()=>ut(),providedIn:"root"})}}return e})();function ut(){return new ot(S(Q))}function at(e,i){if(!e||!i.startsWith(e))return i;let t=i.substring(e.length);return t===""||["/",";","?","#"].includes(t[0])?t:i}function He(e){return e.replace(/\/index.html$/,"")}function ct(e){if(new RegExp("^(https?:)?//").test(e)){let[,t]=e.split(/\/\/[^\/]+/);return t}return e}var R=function(e){return e[e.Zero=0]="Zero",e[e.One=1]="One",e[e.Two=2]="Two",e[e.Few=3]="Few",e[e.Many=4]="Many",e[e.Other=5]="Other",e}(R||{}),p=function(e){return e[e.Format=0]="Format",e[e.Standalone=1]="Standalone",e}(p||{}),d=function(e){return e[e.Narrow=0]="Narrow",e[e.Abbreviated=1]="Abbreviated",e[e.Wide=2]="Wide",e[e.Short=3]="Short",e}(d||{}),m=function(e){return e[e.Short=0]="Short",e[e.Medium=1]="Medium",e[e.Long=2]="Long",e[e.Full=3]="Full",e}(m||{}),L={Decimal:0,Group:1,List:2,PercentSign:3,PlusSign:4,MinusSign:5,Exponential:6,SuperscriptingExponent:7,PerMille:8,Infinity:9,NaN:10,TimeSeparator:11,CurrencyDecimal:12,CurrencyGroup:13};function dt(e){return F(e)[h.LocaleId]}function lt(e,i,t){let n=F(e),r=[n[h.DayPeriodsFormat],n[h.DayPeriodsStandalone]],s=E(r,i);return E(s,t)}function ht(e,i,t){let n=F(e),r=[n[h.DaysFormat],n[h.DaysStandalone]],s=E(r,i);return E(s,t)}function ft(e,i,t){let n=F(e),r=[n[h.MonthsFormat],n[h.MonthsStandalone]],s=E(r,i);return E(s,t)}function Dt(e,i){let n=F(e)[h.Eras];return E(n,i)}function j(e,i){let t=F(e);return E(t[h.DateFormat],i)}function G(e,i){let t=F(e);return E(t[h.TimeFormat],i)}function H(e,i){let n=F(e)[h.DateTimeFormat];return E(n,i)}function ee(e,i){let t=F(e),n=t[h.NumberSymbols][i];if(typeof n>"u"){if(i===L.CurrencyDecimal)return t[h.NumberSymbols][L.Decimal];if(i===L.CurrencyGroup)return t[h.NumberSymbols][L.Group]}return n}var gt=$e;function Qe(e){if(!e[h.ExtraData])throw new Error(`Missing extra locale data for the locale "${e[h.LocaleId]}". Use "registerLocaleData" to load new data. See the "I18n guide" on angular.io to know more.`)}function pt(e){let i=F(e);return Qe(i),(i[h.ExtraData][2]||[]).map(n=>typeof n=="string"?ae(n):[ae(n[0]),ae(n[1])])}function mt(e,i,t){let n=F(e);Qe(n);let r=[n[h.ExtraData][0],n[h.ExtraData][1]],s=E(r,i)||[];return E(s,t)||[]}function E(e,i){for(let t=i;t>-1;t--)if(typeof e[t]<"u")return e[t];throw new Error("Locale data API: locale data undefined")}function ae(e){let[i,t]=e.split(":");return{hours:+i,minutes:+t}}var Ct=/^(\d{4,})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/,Y={},Ft=/((?:[^BEGHLMOSWYZabcdhmswyz']+)|(?:'(?:[^']|'')*')|(?:G{1,5}|y{1,4}|Y{1,4}|M{1,5}|L{1,5}|w{1,2}|W{1}|d{1,2}|E{1,6}|c{1,6}|a{1,5}|b{1,5}|B{1,5}|h{1,2}|H{1,2}|m{1,2}|s{1,2}|S{1,3}|z{1,4}|Z{1,5}|O{1,4}))([\s\S]*)/,v=function(e){return e[e.Short=0]="Short",e[e.ShortGMT=1]="ShortGMT",e[e.Long=2]="Long",e[e.Extended=3]="Extended",e}(v||{}),c=function(e){return e[e.FullYear=0]="FullYear",e[e.Month=1]="Month",e[e.Date=2]="Date",e[e.Hours=3]="Hours",e[e.Minutes=4]="Minutes",e[e.Seconds=5]="Seconds",e[e.FractionalSeconds=6]="FractionalSeconds",e[e.Day=7]="Day",e}(c||{}),a=function(e){return e[e.DayPeriods=0]="DayPeriods",e[e.Days=1]="Days",e[e.Months=2]="Months",e[e.Eras=3]="Eras",e}(a||{});function Et(e,i,t,n){let r=Mt(e);i=b(t,i)||i;let o=[],u;for(;i;)if(u=Ft.exec(i),u){o=o.concat(u.slice(1));let A=o.pop();if(!A)break;i=A}else{o.push(i);break}let y=r.getTimezoneOffset();n&&(y=tt(n,y),r=It(r,n,!0));let I="";return o.forEach(A=>{let B=_t(A);I+=B?B(r,t,y):A==="''"?"'":A.replace(/(^'|'$)/g,"").replace(/''/g,"'")}),I}function q(e,i,t){let n=new Date(0);return n.setFullYear(e,i,t),n.setHours(0,0,0),n}function b(e,i){let t=dt(e);if(Y[t]??={},Y[t][i])return Y[t][i];let n="";switch(i){case"shortDate":n=j(e,m.Short);break;case"mediumDate":n=j(e,m.Medium);break;case"longDate":n=j(e,m.Long);break;case"fullDate":n=j(e,m.Full);break;case"shortTime":n=G(e,m.Short);break;case"mediumTime":n=G(e,m.Medium);break;case"longTime":n=G(e,m.Long);break;case"fullTime":n=G(e,m.Full);break;case"short":let r=b(e,"shortTime"),s=b(e,"shortDate");n=Z(H(e,m.Short),[r,s]);break;case"medium":let o=b(e,"mediumTime"),u=b(e,"mediumDate");n=Z(H(e,m.Medium),[o,u]);break;case"long":let y=b(e,"longTime"),I=b(e,"longDate");n=Z(H(e,m.Long),[y,I]);break;case"full":let A=b(e,"fullTime"),B=b(e,"fullDate");n=Z(H(e,m.Full),[A,B]);break}return n&&(Y[t][i]=n),n}function Z(e,i){return i&&(e=e.replace(/\{([^}]+)}/g,function(t,n){return i!=null&&n in i?i[n]:t})),e}function w(e,i,t="-",n,r){let s="";(e<0||r&&e<=0)&&(r?e=-e+1:(e=-e,s=t));let o=String(e);for(;o.length0||u>-t)&&(u+=t),e===c.Hours)u===0&&t===-12&&(u=12);else if(e===c.FractionalSeconds)return yt(u,i);let y=ee(o,L.MinusSign);return w(u,i,y,n,r)}}function wt(e,i){switch(e){case c.FullYear:return i.getFullYear();case c.Month:return i.getMonth();case c.Date:return i.getDate();case c.Hours:return i.getHours();case c.Minutes:return i.getMinutes();case c.Seconds:return i.getSeconds();case c.FractionalSeconds:return i.getMilliseconds();case c.Day:return i.getDay();default:throw new Error(`Unknown DateType value "${e}".`)}}function l(e,i,t=p.Format,n=!1){return function(r,s){return At(r,s,e,i,t,n)}}function At(e,i,t,n,r,s){switch(t){case a.Months:return ft(i,r,n)[e.getMonth()];case a.Days:return ht(i,r,n)[e.getDay()];case a.DayPeriods:let o=e.getHours(),u=e.getMinutes();if(s){let I=pt(i),A=mt(i,r,n),B=I.findIndex($=>{if(Array.isArray($)){let[te,x]=$,ye=o>=te.hours&&u>=te.minutes,we=o0?Math.floor(r/60):Math.ceil(r/60);switch(e){case v.Short:return(r>=0?"+":"")+w(o,2,s)+w(Math.abs(r%60),2,s);case v.ShortGMT:return"GMT"+(r>=0?"+":"")+w(o,1,s);case v.Long:return"GMT"+(r>=0?"+":"")+w(o,2,s)+":"+w(Math.abs(r%60),2,s);case v.Extended:return n===0?"Z":(r>=0?"+":"")+w(o,2,s)+":"+w(Math.abs(r%60),2,s);default:throw new Error(`Unknown zone width "${e}"`)}}}var St=0,X=4;function bt(e){let i=q(e,St,1).getDay();return q(e,0,1+(i<=X?X:X+7)-i)}function et(e){let i=e.getDay(),t=i===0?-3:X-i;return q(e.getFullYear(),e.getMonth(),e.getDate()+t)}function ce(e,i=!1){return function(t,n){let r;if(i){let s=new Date(t.getFullYear(),t.getMonth(),1).getDay()-1,o=t.getDate();r=1+Math.floor((o+s)/7)}else{let s=et(t),o=bt(s.getFullYear()),u=s.getTime()-o.getTime();r=1+Math.round(u/6048e5)}return w(r,e,ee(n,L.MinusSign))}}function K(e,i=!1){return function(t,n){let s=et(t).getFullYear();return w(s,e,ee(n,L.MinusSign),i)}}var de={};function _t(e){if(de[e])return de[e];let i;switch(e){case"G":case"GG":case"GGG":i=l(a.Eras,d.Abbreviated);break;case"GGGG":i=l(a.Eras,d.Wide);break;case"GGGGG":i=l(a.Eras,d.Narrow);break;case"y":i=f(c.FullYear,1,0,!1,!0);break;case"yy":i=f(c.FullYear,2,0,!0,!0);break;case"yyy":i=f(c.FullYear,3,0,!1,!0);break;case"yyyy":i=f(c.FullYear,4,0,!1,!0);break;case"Y":i=K(1);break;case"YY":i=K(2,!0);break;case"YYY":i=K(3);break;case"YYYY":i=K(4);break;case"M":case"L":i=f(c.Month,1,1);break;case"MM":case"LL":i=f(c.Month,2,1);break;case"MMM":i=l(a.Months,d.Abbreviated);break;case"MMMM":i=l(a.Months,d.Wide);break;case"MMMMM":i=l(a.Months,d.Narrow);break;case"LLL":i=l(a.Months,d.Abbreviated,p.Standalone);break;case"LLLL":i=l(a.Months,d.Wide,p.Standalone);break;case"LLLLL":i=l(a.Months,d.Narrow,p.Standalone);break;case"w":i=ce(1);break;case"ww":i=ce(2);break;case"W":i=ce(1,!0);break;case"d":i=f(c.Date,1);break;case"dd":i=f(c.Date,2);break;case"c":case"cc":i=f(c.Day,1);break;case"ccc":i=l(a.Days,d.Abbreviated,p.Standalone);break;case"cccc":i=l(a.Days,d.Wide,p.Standalone);break;case"ccccc":i=l(a.Days,d.Narrow,p.Standalone);break;case"cccccc":i=l(a.Days,d.Short,p.Standalone);break;case"E":case"EE":case"EEE":i=l(a.Days,d.Abbreviated);break;case"EEEE":i=l(a.Days,d.Wide);break;case"EEEEE":i=l(a.Days,d.Narrow);break;case"EEEEEE":i=l(a.Days,d.Short);break;case"a":case"aa":case"aaa":i=l(a.DayPeriods,d.Abbreviated);break;case"aaaa":i=l(a.DayPeriods,d.Wide);break;case"aaaaa":i=l(a.DayPeriods,d.Narrow);break;case"b":case"bb":case"bbb":i=l(a.DayPeriods,d.Abbreviated,p.Standalone,!0);break;case"bbbb":i=l(a.DayPeriods,d.Wide,p.Standalone,!0);break;case"bbbbb":i=l(a.DayPeriods,d.Narrow,p.Standalone,!0);break;case"B":case"BB":case"BBB":i=l(a.DayPeriods,d.Abbreviated,p.Format,!0);break;case"BBBB":i=l(a.DayPeriods,d.Wide,p.Format,!0);break;case"BBBBB":i=l(a.DayPeriods,d.Narrow,p.Format,!0);break;case"h":i=f(c.Hours,1,-12);break;case"hh":i=f(c.Hours,2,-12);break;case"H":i=f(c.Hours,1);break;case"HH":i=f(c.Hours,2);break;case"m":i=f(c.Minutes,1);break;case"mm":i=f(c.Minutes,2);break;case"s":i=f(c.Seconds,1);break;case"ss":i=f(c.Seconds,2);break;case"S":i=f(c.FractionalSeconds,1);break;case"SS":i=f(c.FractionalSeconds,2);break;case"SSS":i=f(c.FractionalSeconds,3);break;case"Z":case"ZZ":case"ZZZ":i=W(v.Short);break;case"ZZZZZ":i=W(v.Extended);break;case"O":case"OO":case"OOO":case"z":case"zz":case"zzz":i=W(v.ShortGMT);break;case"OOOO":case"ZZZZ":case"zzzz":i=W(v.Long);break;default:return null}return de[e]=i,i}function tt(e,i){e=e.replace(/:/g,"");let t=Date.parse("Jan 01, 1970 00:00:00 "+e)/6e4;return isNaN(t)?i:t}function vt(e,i){return e=new Date(e.getTime()),e.setMinutes(e.getMinutes()+i),e}function It(e,i,t){let n=t?-1:1,r=e.getTimezoneOffset(),s=tt(i,r);return vt(e,n*(s-r))}function Mt(e){if(Ye(e))return e;if(typeof e=="number"&&!isNaN(e))return new Date(e);if(typeof e=="string"){if(e=e.trim(),/^(\d{4}(-\d{1,2}(-\d{1,2})?)?)$/.test(e)){let[r,s=1,o=1]=e.split("-").map(u=>+u);return q(r,s-1,o)}let t=parseFloat(e);if(!isNaN(e-t))return new Date(t);let n;if(n=e.match(Ct))return Lt(n)}let i=new Date(e);if(!Ye(i))throw new Error(`Unable to convert "${e}" into a date`);return i}function Lt(e){let i=new Date(0),t=0,n=0,r=e[8]?i.setUTCFullYear:i.setFullYear,s=e[8]?i.setUTCHours:i.setHours;e[9]&&(t=Number(e[9]+e[10]),n=Number(e[9]+e[11])),r.call(i,Number(e[1]),Number(e[2])-1,Number(e[3]));let o=Number(e[4]||0)-t,u=Number(e[5]||0)-n,y=Number(e[6]||0),I=Math.floor(parseFloat("0."+(e[7]||0))*1e3);return s.call(i,o,u,y,I),i}function Ye(e){return e instanceof Date&&!isNaN(e.valueOf())}var nt=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275prov=C({token:e,factory:function(n){let r=null;return n?r=new n:r=(s=>new Ot(s))(S(z)),r},providedIn:"root"})}}return e})();function Bt(e,i,t,n){let r=`=${e}`;if(i.indexOf(r)>-1||(r=t.getPluralCategory(e,n),i.indexOf(r)>-1))return r;if(i.indexOf("other")>-1)return"other";throw new Error(`No plural message found for value "${e}"`)}var Ot=(()=>{class e extends nt{constructor(t){super(),this.locale=t}getPluralCategory(t,n){switch(gt(n||this.locale)(t)){case R.Zero:return"zero";case R.One:return"one";case R.Two:return"two";case R.Few:return"few";case R.Many:return"many";default:return"other"}}static{this.\u0275fac=function(n){return new(n||e)(S(z))}}static{this.\u0275prov=C({token:e,factory:e.\u0275fac})}}return e})();function Mn(e,i,t){return ke(e,i,t)}function Ln(e,i){i=encodeURIComponent(i);for(let t of e.split(";")){let n=t.indexOf("="),[r,s]=n==-1?[t,""]:[t.slice(0,n),t.slice(n+1)];if(r.trim()===i)return decodeURIComponent(s)}return null}var le=/\s+/,Ze=[],Bn=(()=>{class e{constructor(t,n){this._ngEl=t,this._renderer=n,this.initialClasses=Ze,this.stateMap=new Map}set klass(t){this.initialClasses=t!=null?t.trim().split(le):Ze}set ngClass(t){this.rawClass=typeof t=="string"?t.trim().split(le):t}ngDoCheck(){for(let n of this.initialClasses)this._updateState(n,!0);let t=this.rawClass;if(Array.isArray(t)||t instanceof Set)for(let n of t)this._updateState(n,!0);else if(t!=null)for(let n of Object.keys(t))this._updateState(n,!!t[n]);this._applyStateDiff()}_updateState(t,n){let r=this.stateMap.get(t);r!==void 0?(r.enabled!==n&&(r.changed=!0,r.enabled=n),r.touched=!0):this.stateMap.set(t,{enabled:n,changed:!0,touched:!0})}_applyStateDiff(){for(let t of this.stateMap){let n=t[0],r=t[1];r.changed?(this._toggleClass(n,r.enabled),r.changed=!1):r.touched||(r.enabled&&this._toggleClass(n,!1),this.stateMap.delete(n)),r.touched=!1}}_toggleClass(t,n){t=t.trim(),t.length>0&&t.split(le).forEach(r=>{n?this._renderer.addClass(this._ngEl.nativeElement,r):this._renderer.removeClass(this._ngEl.nativeElement,r)})}static{this.\u0275fac=function(n){return new(n||e)(D(P),D(N))}}static{this.\u0275dir=O({type:e,selectors:[["","ngClass",""]],inputs:{klass:[0,"class","klass"],ngClass:"ngClass"},standalone:!0})}}return e})();var he=class{constructor(i,t,n,r){this.$implicit=i,this.ngForOf=t,this.index=n,this.count=r}get first(){return this.index===0}get last(){return this.index===this.count-1}get even(){return this.index%2===0}get odd(){return!this.even}},On=(()=>{class e{set ngForOf(t){this._ngForOf=t,this._ngForOfDirty=!0}set ngForTrackBy(t){this._trackByFn=t}get ngForTrackBy(){return this._trackByFn}constructor(t,n,r){this._viewContainer=t,this._template=n,this._differs=r,this._ngForOf=null,this._ngForOfDirty=!0,this._differ=null}set ngForTemplate(t){t&&(this._template=t)}ngDoCheck(){if(this._ngForOfDirty){this._ngForOfDirty=!1;let t=this._ngForOf;if(!this._differ&&t)if(0)try{}catch{}else this._differ=this._differs.find(t).create(this.ngForTrackBy)}if(this._differ){let t=this._differ.diff(this._ngForOf);t&&this._applyChanges(t)}}_applyChanges(t){let n=this._viewContainer;t.forEachOperation((r,s,o)=>{if(r.previousIndex==null)n.createEmbeddedView(this._template,new he(r.item,this._ngForOf,-1,-1),o===null?void 0:o);else if(o==null)n.remove(s===null?void 0:s);else if(s!==null){let u=n.get(s);n.move(u,o),We(u,r)}});for(let r=0,s=n.length;r{let s=n.get(r.currentIndex);We(s,r)})}static ngTemplateContextGuard(t,n){return!0}static{this.\u0275fac=function(n){return new(n||e)(D(U),D(re),D(ze))}}static{this.\u0275dir=O({type:e,selectors:[["","ngFor","","ngForOf",""]],inputs:{ngForOf:"ngForOf",ngForTrackBy:"ngForTrackBy",ngForTemplate:"ngForTemplate"},standalone:!0})}}return e})();function We(e,i){e.context.$implicit=i.item}var Rn=(()=>{class e{constructor(t,n){this._viewContainer=t,this._context=new fe,this._thenTemplateRef=null,this._elseTemplateRef=null,this._thenViewRef=null,this._elseViewRef=null,this._thenTemplateRef=n}set ngIf(t){this._context.$implicit=this._context.ngIf=t,this._updateView()}set ngIfThen(t){Ke("ngIfThen",t),this._thenTemplateRef=t,this._thenViewRef=null,this._updateView()}set ngIfElse(t){Ke("ngIfElse",t),this._elseTemplateRef=t,this._elseViewRef=null,this._updateView()}_updateView(){this._context.$implicit?this._thenViewRef||(this._viewContainer.clear(),this._elseViewRef=null,this._thenTemplateRef&&(this._thenViewRef=this._viewContainer.createEmbeddedView(this._thenTemplateRef,this._context))):this._elseViewRef||(this._viewContainer.clear(),this._thenViewRef=null,this._elseTemplateRef&&(this._elseViewRef=this._viewContainer.createEmbeddedView(this._elseTemplateRef,this._context)))}static ngTemplateContextGuard(t,n){return!0}static{this.\u0275fac=function(n){return new(n||e)(D(U),D(re))}}static{this.\u0275dir=O({type:e,selectors:[["","ngIf",""]],inputs:{ngIf:"ngIf",ngIfThen:"ngIfThen",ngIfElse:"ngIfElse"},standalone:!0})}}return e})(),fe=class{constructor(){this.$implicit=null,this.ngIf=null}};function Ke(e,i){if(!!!(!i||i.createEmbeddedView))throw new Error(`${e} must be a TemplateRef, but received '${Se(i)}'.`)}var Tn=(()=>{class e{constructor(t,n,r){this._ngEl=t,this._differs=n,this._renderer=r,this._ngStyle=null,this._differ=null}set ngStyle(t){this._ngStyle=t,!this._differ&&t&&(this._differ=this._differs.find(t).create())}ngDoCheck(){if(this._differ){let t=this._differ.diff(this._ngStyle);t&&this._applyChanges(t)}}_setStyle(t,n){let[r,s]=t.split("."),o=r.indexOf("-")===-1?void 0:Re.DashCase;n!=null?this._renderer.setStyle(this._ngEl.nativeElement,r,s?`${n}${s}`:n,o):this._renderer.removeStyle(this._ngEl.nativeElement,r,o)}_applyChanges(t){t.forEachRemovedItem(n=>this._setStyle(n.key,null)),t.forEachAddedItem(n=>this._setStyle(n.key,n.currentValue)),t.forEachChangedItem(n=>this._setStyle(n.key,n.currentValue))}static{this.\u0275fac=function(n){return new(n||e)(D(P),D(Ve),D(N))}}static{this.\u0275dir=O({type:e,selectors:[["","ngStyle",""]],inputs:{ngStyle:"ngStyle"},standalone:!0})}}return e})(),Pn=(()=>{class e{constructor(t){this._viewContainerRef=t,this._viewRef=null,this.ngTemplateOutletContext=null,this.ngTemplateOutlet=null,this.ngTemplateOutletInjector=null}ngOnChanges(t){if(this._shouldRecreateView(t)){let n=this._viewContainerRef;if(this._viewRef&&n.remove(n.indexOf(this._viewRef)),!this.ngTemplateOutlet){this._viewRef=null;return}let r=this._createContextForwardProxy();this._viewRef=n.createEmbeddedView(this.ngTemplateOutlet,r,{injector:this.ngTemplateOutletInjector??void 0})}}_shouldRecreateView(t){return!!t.ngTemplateOutlet||!!t.ngTemplateOutletInjector}_createContextForwardProxy(){return new Proxy({},{set:(t,n,r)=>this.ngTemplateOutletContext?Reflect.set(this.ngTemplateOutletContext,n,r):!1,get:(t,n,r)=>{if(this.ngTemplateOutletContext)return Reflect.get(this.ngTemplateOutletContext,n,r)}})}static{this.\u0275fac=function(n){return new(n||e)(D(U))}}static{this.\u0275dir=O({type:e,selectors:[["","ngTemplateOutlet",""]],inputs:{ngTemplateOutletContext:"ngTemplateOutletContext",ngTemplateOutlet:"ngTemplateOutlet",ngTemplateOutletInjector:"ngTemplateOutletInjector"},standalone:!0,features:[ne]})}}return e})();function Ee(e,i){return new Ae(2100,!1)}var De=class{createSubscription(i,t){return oe(()=>i.subscribe({next:t,error:n=>{throw n}}))}dispose(i){oe(()=>i.unsubscribe())}},ge=class{createSubscription(i,t){return i.then(t,n=>{throw n})}dispose(i){}},Rt=new ge,Tt=new De,Nn=(()=>{class e{constructor(t){this._latestValue=null,this.markForCheckOnValueUpdate=!0,this._subscription=null,this._obj=null,this._strategy=null,this._ref=t}ngOnDestroy(){this._subscription&&this._dispose(),this._ref=null}transform(t){if(!this._obj){if(t)try{this.markForCheckOnValueUpdate=!1,this._subscribe(t)}finally{this.markForCheckOnValueUpdate=!0}return this._latestValue}return t!==this._obj?(this._dispose(),this.transform(t)):this._latestValue}_subscribe(t){this._obj=t,this._strategy=this._selectStrategy(t),this._subscription=this._strategy.createSubscription(t,n=>this._updateLatestValue(t,n))}_selectStrategy(t){if(xe(t))return Rt;if(Ue(t))return Tt;throw Ee(e,t)}_dispose(){this._strategy.dispose(this._subscription),this._latestValue=null,this._subscription=null,this._obj=null}_updateLatestValue(t,n){t===this._obj&&(this._latestValue=n,this.markForCheckOnValueUpdate&&this._ref?.markForCheck())}static{this.\u0275fac=function(n){return new(n||e)(D(V,16))}}static{this.\u0275pipe=T({name:"async",type:e,pure:!1,standalone:!0})}}return e})();var Pt="mediumDate",Nt=new M(""),kt=new M(""),kn=(()=>{class e{constructor(t,n,r){this.locale=t,this.defaultTimezone=n,this.defaultOptions=r}transform(t,n,r,s){if(t==null||t===""||t!==t)return null;try{let o=n??this.defaultOptions?.dateFormat??Pt,u=r??this.defaultOptions?.timezone??this.defaultTimezone??void 0;return Et(t,o,s||this.locale,u)}catch(o){throw Ee(e,o.message)}}static{this.\u0275fac=function(n){return new(n||e)(D(z,16),D(Nt,24),D(kt,24))}}static{this.\u0275pipe=T({name:"date",type:e,pure:!0,standalone:!0})}}return e})(),$t=/#/g,$n=(()=>{class e{constructor(t){this._localization=t}transform(t,n,r){if(t==null)return"";if(typeof n!="object"||n===null)throw Ee(e,n);let s=Bt(t,Object.keys(n),this._localization,r);return n[s].replace($t,t.toString())}static{this.\u0275fac=function(n){return new(n||e)(D(nt,16))}}static{this.\u0275pipe=T({name:"i18nPlural",type:e,pure:!0,standalone:!0})}}return e})();var xn=(()=>{class e{transform(t){return JSON.stringify(t,null,2)}static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275pipe=T({name:"json",type:e,pure:!1,standalone:!0})}}return e})();var Un=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275mod=_e({type:e})}static{this.\u0275inj=be({})}}return e})(),xt="browser",Ut="server";function zt(e){return e===xt}function Vt(e){return e===Ut}var zn=(()=>{class e{static{this.\u0275prov=C({token:e,providedIn:"root",factory:()=>zt(g(ie))?new pe(g(J),window):new me})}}return e})(),pe=class{constructor(i,t){this.document=i,this.window=t,this.offset=()=>[0,0]}setOffset(i){Array.isArray(i)?this.offset=()=>i:this.offset=i}getScrollPosition(){return[this.window.scrollX,this.window.scrollY]}scrollToPosition(i){this.window.scrollTo(i[0],i[1])}scrollToAnchor(i){let t=jt(this.document,i);t&&(this.scrollToElement(t),t.focus())}setHistoryScrollRestoration(i){this.window.history.scrollRestoration=i}scrollToElement(i){let t=i.getBoundingClientRect(),n=t.left+this.window.pageXOffset,r=t.top+this.window.pageYOffset,s=this.offset();this.window.scrollTo(n-s[0],r-s[1])}};function jt(e,i){let t=e.getElementById(i)||e.getElementsByName(i)[0];if(t)return t;if(typeof e.createTreeWalker=="function"&&e.body&&typeof e.body.attachShadow=="function"){let n=e.createTreeWalker(e.body,NodeFilter.SHOW_ELEMENT),r=n.currentNode;for(;r;){let s=r.shadowRoot;if(s){let o=s.getElementById(i)||s.querySelector(`[name="${i}"]`);if(o)return o}r=n.nextNode()}}return null}var me=class{setOffset(i){}getScrollPosition(){return[0,0]}scrollToPosition(i){}scrollToAnchor(i){}setHistoryScrollRestoration(i){}},Xe=class{};var it=e=>e.src,Gt=new M("",{providedIn:"root",factory:()=>it});var Ht=new M("NG_OPTIMIZED_PRELOADED_IMAGES",{providedIn:"root",factory:()=>new Set}),Yt=(()=>{class e{constructor(){this.preloadedImages=g(Ht),this.document=g(J)}createPreloadLinkTag(t,n,r,s){if(this.preloadedImages.has(n))return;this.preloadedImages.add(n);let o=t.createElement("link");t.setAttribute(o,"as","image"),t.setAttribute(o,"href",n),t.setAttribute(o,"rel","preload"),t.setAttribute(o,"fetchpriority","high"),s&&t.setAttribute(o,"imageSizes",s),r&&t.setAttribute(o,"imageSrcset",r),t.appendChild(this.document.head,o)}static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275prov=C({token:e,factory:e.\u0275fac,providedIn:"root"})}}return e})();var Zt=/^((\s*\d+w\s*(,|$)){1,})$/;var Wt=[1,2],Kt=640;var Xt=1920,qt=1080;var Vn=(()=>{class e{constructor(){this.imageLoader=g(Gt),this.config=Jt(g(Be)),this.renderer=g(N),this.imgElement=g(P).nativeElement,this.injector=g(ve),this.isServer=Vt(g(ie)),this.preloadLinkCreator=g(Yt),this.lcpObserver=null,this._renderedSrc=null,this.priority=!1,this.disableOptimizedSrcset=!1,this.fill=!1}ngOnInit(){Te("NgOptimizedImage"),this.placeholder&&this.removePlaceholderOnLoad(this.imgElement),this.setHostAttributes()}setHostAttributes(){this.fill?this.sizes||="100vw":(this.setHostAttribute("width",this.width.toString()),this.setHostAttribute("height",this.height.toString())),this.setHostAttribute("loading",this.getLoadingBehavior()),this.setHostAttribute("fetchpriority",this.getFetchPriority()),this.setHostAttribute("ng-img","true");let t=this.updateSrcAndSrcset();this.sizes&&this.setHostAttribute("sizes",this.sizes),this.isServer&&this.priority&&this.preloadLinkCreator.createPreloadLinkTag(this.renderer,this.getRewrittenSrc(),t,this.sizes)}ngOnChanges(t){if(t.ngSrc&&!t.ngSrc.isFirstChange()){let n=this._renderedSrc;this.updateSrcAndSrcset(!0);let r=this._renderedSrc;this.lcpObserver!==null&&n&&r&&n!==r&&this.injector.get(Me).runOutsideAngular(()=>{this.lcpObserver?.updateImage(n,r)})}}callImageLoader(t){let n=t;return this.loaderParams&&(n.loaderParams=this.loaderParams),this.imageLoader(n)}getLoadingBehavior(){return!this.priority&&this.loading!==void 0?this.loading:this.priority?"eager":"lazy"}getFetchPriority(){return this.priority?"high":"auto"}getRewrittenSrc(){if(!this._renderedSrc){let t={src:this.ngSrc};this._renderedSrc=this.callImageLoader(t)}return this._renderedSrc}getRewrittenSrcset(){let t=Zt.test(this.ngSrcset);return this.ngSrcset.split(",").filter(r=>r!=="").map(r=>{r=r.trim();let s=t?parseFloat(r):parseFloat(r)*this.width;return`${this.callImageLoader({src:this.ngSrc,width:s})} ${r}`}).join(", ")}getAutomaticSrcset(){return this.sizes?this.getResponsiveSrcset():this.getFixedSrcset()}getResponsiveSrcset(){let{breakpoints:t}=this.config,n=t;return this.sizes?.trim()==="100vw"&&(n=t.filter(s=>s>=Kt)),n.map(s=>`${this.callImageLoader({src:this.ngSrc,width:s})} ${s}w`).join(", ")}updateSrcAndSrcset(t=!1){t&&(this._renderedSrc=null);let n=this.getRewrittenSrc();this.setHostAttribute("src",n);let r;return this.ngSrcset?r=this.getRewrittenSrcset():this.shouldGenerateAutomaticSrcset()&&(r=this.getAutomaticSrcset()),r&&this.setHostAttribute("srcset",r),r}getFixedSrcset(){return Wt.map(n=>`${this.callImageLoader({src:this.ngSrc,width:this.width*n})} ${n}x`).join(", ")}shouldGenerateAutomaticSrcset(){let t=!1;return this.sizes||(t=this.width>Xt||this.height>qt),!this.disableOptimizedSrcset&&!this.srcset&&this.imageLoader!==it&&!t}generatePlaceholder(t){let{placeholderResolution:n}=this.config;return t===!0?`url(${this.callImageLoader({src:this.ngSrc,width:n,isPlaceholder:!0})})`:typeof t=="string"?`url(${t})`:null}shouldBlurPlaceholder(t){return!t||!t.hasOwnProperty("blur")?!0:!!t.blur}removePlaceholderOnLoad(t){let n=()=>{let o=this.injector.get(V);r(),s(),this.placeholder=!1,o.markForCheck()},r=this.renderer.listen(t,"load",n),s=this.renderer.listen(t,"error",n);Qt(t,n)}ngOnDestroy(){}setHostAttribute(t,n){this.renderer.setAttribute(this.imgElement,t,n)}static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275dir=O({type:e,selectors:[["img","ngSrc",""]],hostVars:18,hostBindings:function(n,r){n&2&&Ne("position",r.fill?"absolute":null)("width",r.fill?"100%":null)("height",r.fill?"100%":null)("inset",r.fill?"0":null)("background-size",r.placeholder?"cover":null)("background-position",r.placeholder?"50% 50%":null)("background-repeat",r.placeholder?"no-repeat":null)("background-image",r.placeholder?r.generatePlaceholder(r.placeholder):null)("filter",r.placeholder&&r.shouldBlurPlaceholder(r.placeholderConfig)?"blur(15px)":null)},inputs:{ngSrc:[2,"ngSrc","ngSrc",en],ngSrcset:"ngSrcset",sizes:"sizes",width:[2,"width","width",se],height:[2,"height","height",se],loading:"loading",priority:[2,"priority","priority",k],loaderParams:"loaderParams",disableOptimizedSrcset:[2,"disableOptimizedSrcset","disableOptimizedSrcset",k],fill:[2,"fill","fill",k],placeholder:[2,"placeholder","placeholder",tn],placeholderConfig:"placeholderConfig",src:"src",srcset:"srcset"},standalone:!0,features:[Pe,ne]})}}return e})();function Jt(e){let i={};return e.breakpoints&&(i.breakpoints=e.breakpoints.sort((t,n)=>t-n)),Object.assign({},Le,e,i)}function Qt(e,i){e.complete&&e.naturalWidth&&i()}function en(e){return typeof e=="string"?e:Oe(e)}function tn(e){return typeof e=="string"&&e!=="true"&&e!=="false"&&e!==""?e:k(e)}export{ue as a,_n as b,je as c,J as d,vn as e,Q as f,st as g,In as h,ot as i,Et as j,Mn as k,Ln as l,Bn as m,On as n,Rn as o,Tn as p,Pn as q,Nn as r,kn as s,$n as t,xn as u,Un as v,xt as w,zt as x,Vt as y,zn as z,Xe as A,Vn as B}; diff --git a/angular/docs/chunk-A6DORFI4.js b/angular/docs/chunk-35CGE5P4.js similarity index 56% rename from angular/docs/chunk-A6DORFI4.js rename to angular/docs/chunk-35CGE5P4.js index 480ce236ca8..ac894e0152d 100644 --- a/angular/docs/chunk-A6DORFI4.js +++ b/angular/docs/chunk-35CGE5P4.js @@ -1 +1 @@ -import"./chunk-JKOY2XUY.js";var o=[{path:"",data:{title:"Templates"},children:[{path:"",redirectTo:"admin-dashboard",pathMatch:"full"},{path:"admin-dashboard",loadComponent:()=>import("./chunk-S75T24KC.js").then(t=>t.AdminDashboardComponent),data:{label:"Admin & Dashboard"},title:"Admin & Dashboard"},{path:"content",loadComponent:()=>import("./chunk-WF6X3MVN.js").then(t=>t.ContentsComponent),data:{label:"Content"},title:"Content"},{path:"customize",loadComponent:()=>import("./chunk-65A7HQJF.js").then(t=>t.CustomizeComponent),data:{label:"Customize"},title:"Customize"},{path:"download",loadComponent:()=>import("./chunk-OEYZCRZZ.js").then(t=>t.DownloadComponent),data:{label:"Download"},title:"Download"},{path:"installation",loadComponent:()=>import("./chunk-UOBSVDHK.js").then(t=>t.InstallationComponent),data:{label:"Installation"},title:"Installation"}]}];export{o as routes}; +import"./chunk-JKOY2XUY.js";var o=[{path:"",data:{title:"Templates"},children:[{path:"",redirectTo:"admin-dashboard",pathMatch:"full"},{path:"admin-dashboard",loadComponent:()=>import("./chunk-SO2TZHTH.js").then(t=>t.AdminDashboardComponent),data:{label:"Admin & Dashboard"},title:"Admin & Dashboard"},{path:"content",loadComponent:()=>import("./chunk-JGCJFCOU.js").then(t=>t.ContentsComponent),data:{label:"Content"},title:"Content"},{path:"customize",loadComponent:()=>import("./chunk-DHQE4WAW.js").then(t=>t.CustomizeComponent),data:{label:"Customize"},title:"Customize"},{path:"download",loadComponent:()=>import("./chunk-JIVUY3AH.js").then(t=>t.DownloadComponent),data:{label:"Download"},title:"Download"},{path:"installation",loadComponent:()=>import("./chunk-4YT6ASH2.js").then(t=>t.InstallationComponent),data:{label:"Installation"},title:"Installation"}]}];export{o as routes}; diff --git a/angular/docs/chunk-35G45NZH.js b/angular/docs/chunk-35G45NZH.js new file mode 100644 index 00000000000..dfa840f0aff --- /dev/null +++ b/angular/docs/chunk-35G45NZH.js @@ -0,0 +1,71 @@ +import{k as O}from"./chunk-5JTM7ME4.js";import{a as j}from"./chunk-IWRSONFO.js";import{D as H,E as z,F as b,G as W,I as p,i as G,p as F,u as B}from"./chunk-N5CLKGXI.js";import"./chunk-W2HQYSLN.js";import"./chunk-XGTGYVNY.js";import"./chunk-DPZ7BZKP.js";import{a as R}from"./chunk-YCMO5GD4.js";import{s as V}from"./chunk-6RP7HPDL.js";import{h as L,i as I}from"./chunk-NR6O7NQI.js";import"./chunk-XQ2JSG7T.js";import"./chunk-4P7KQCRI.js";import{$b as E,Ab as s,Gc as n,Hb as C,Hc as S,Ic as _,Pc as M,Qc as T,Rc as D,Vb as c,Wc as x,ec as e,fc as t,gc as r,kb as m,kc as y,lb as w,rc as f,tc as v,va as k,wa as A,xa as d,ya as u}from"./chunk-GYQMS5FR.js";import"./chunk-JKOY2XUY.js";var q=(()=>{class i{constructor(){this.icons={cilCheck:O}}static{this.\u0275fac=function(l){return new(l||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-alert06-example"]],decls:37,vars:1,consts:[["color","dark",1,"d-flex","align-items-center"],["size","xl",1,"flex-shrink-0","me-2",3,"cIcon"],["color","secondary",1,"d-flex","align-items-center"],["xmlns","http://www.w3.org/2000/svg","width","24","height","24","fill","currentColor","viewBox","0 0 16 16","role","img","aria-label","Warning:",1,"bi","bi-exclamation-triangle-fill","flex-shrink-0","me-2"],["d","M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"],["xmlns","http://www.w3.org/2000/svg",1,"d-none"],["id","check-circle-fill","fill","currentColor","viewBox","0 0 16 16"],["d","M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"],["id","info-fill","fill","currentColor","viewBox","0 0 16 16"],["d","M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"],["id","exclamation-triangle-fill","fill","currentColor","viewBox","0 0 16 16"],["color","primary",1,"d-flex","align-items-center"],["width","24","height","24","role","img","aria-label","Info:",1,"bi","flex-shrink-0","me-2"],[0,"xlink","href","#info-fill"],["color","success",1,"d-flex","align-items-center"],[0,"xlink","href","#check-circle-fill"],["color","warning",1,"d-flex","align-items-center"],[0,"xlink","href","#exclamation-triangle-fill"],["color","danger",1,"d-flex","align-items-center"]],template:function(l,o){l&1&&(e(0,"c-alert",0),d(),r(1,"svg",1),u(),e(2,"div"),n(3,"An example alert with cIcon"),t()(),e(4,"c-alert",2),d(),e(5,"svg",3),r(6,"path",4),t(),u(),e(7,"div"),n(8,"An example alert with svg icon"),t()(),r(9,"hr"),d(),e(10,"svg",5)(11,"symbol",6),r(12,"path",7),t(),e(13,"symbol",8),r(14,"path",9),t(),e(15,"symbol",10),r(16,"path",4),t()(),u(),e(17,"c-alert",11),d(),e(18,"svg",12),r(19,"use",13),t(),u(),e(20,"div"),n(21,"An example primary alert with an icon"),t()(),e(22,"c-alert",14),d(),e(23,"svg",12),r(24,"use",15),t(),u(),e(25,"div"),n(26,"An example success alert with an icon"),t()(),e(27,"c-alert",16),d(),e(28,"svg",12),r(29,"use",17),t(),u(),e(30,"div"),n(31,"An example warning alert with an icon"),t()(),e(32,"c-alert",18),d(),e(33,"svg",12),r(34,"use",17),t(),u(),e(35,"div"),n(36,"An example danger alert with an icon"),t()()),l&2&&(m(),c("cIcon",o.icons.cilCheck))},dependencies:[p,F],encapsulation:2})}}return i})();function Z(i,Q){if(i&1){let a=y();e(0,"button",3),f("click",function(){k(a);let o=v();return A(o.visible=!1)}),t()}}var P=(()=>{class i{constructor(){this.visible=!0}onVisibleChange(a){this.visible=a}onResetDismiss(){this.visible=!0}static{this.\u0275fac=function(l){return new(l||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-alert05-example"]],decls:8,vars:1,consts:[["color","dark","dismissible","","fade","","variant","solid",3,"visibleChange","visible"],["cTemplateId","alertButtonCloseTemplate"],["cButton","","color","secondary",3,"click"],["cButtonClose","","dark","",3,"click"]],template:function(l,o){l&1&&(e(0,"c-alert",0),f("visibleChange",function(X){return o.onVisibleChange(X)}),C(1,Z,1,0,"ng-template",1),e(2,"strong"),n(3,"Go right ahead"),t(),n(4,` and click that dismiss over there on the right. +`),t(),r(5,"hr"),e(6,"button",2),f("click",function(){return o.onResetDismiss()}),n(7,"Reset"),t()),l&2&&c("visible",o.visible)},dependencies:[p,B,W,b],encapsulation:2})}}return i})();function $(i,Q){if(i&1){let a=y();e(0,"c-alert",3),D("visibleChange",function(o){k(a);let h=v();return T(h.visible,o)||(h.visible=o),A(o)}),e(1,"strong"),n(2,"Go right ahead"),t(),n(3," and click that dismiss over there on the right. "),t()}if(i&2){let a=v();M("visible",a.visible),c("dismissible",a.dismissible)}}var U=(()=>{class i{constructor(){this.visible=!0,this.dismissible=!0}static{this.\u0275fac=function(l){return new(l||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-alert04-example"]],decls:6,vars:2,consts:[["color","light","fade","",3,"visible","dismissible"],["cButton","",3,"click"],["cButton","","color","secondary",1,"me-1",3,"click"],["color","light","fade","",3,"visibleChange","visible","dismissible"]],template:function(l,o){l&1&&(C(0,$,4,2,"c-alert",0),r(1,"hr"),e(2,"button",1),f("click",function(){return o.visible=!o.visible}),n(3),t(),e(4,"button",2),f("click",function(){return o.dismissible=!o.dismissible}),n(5,"Toggle"),t()),l&2&&(E(o.visible?0:-1),m(3),S(o.visible?"Hide":"Show"))},dependencies:[p,b],encapsulation:2})}}return i})();var J=(()=>{class i{static{this.\u0275fac=function(l){return new(l||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-alert03-example"]],decls:8,vars:0,consts:[["color","success"],["cAlertHeading",""],[1,"mb-0"]],template:function(l,o){l&1&&(e(0,"c-alert",0)(1,"h4",1),n(2,"Well done!"),t(),e(3,"p"),n(4,"Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content."),t(),r(5,"hr"),e(6,"p",2),n(7,"Whenever you need to, be sure to use margin utilities to keep things nice and tidy."),t()())},dependencies:[p,H],encapsulation:2})}}return i})();var N=(()=>{class i{static{this.\u0275fac=function(l){return new(l||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-alert02-example"]],decls:40,vars:0,consts:[["color","primary"],["cAlertLink","",3,"routerLink"],["color","secondary"],["color","success"],["color","danger"],["color","warning"],["color","info"],["color","light"],["color","dark"]],template:function(l,o){l&1&&(e(0,"c-alert",0),n(1," A simple primary alert with "),e(2,"a",1),n(3,"an example link"),t(),n(4,`. Give it a click if you like. +`),t(),e(5,"c-alert",2),n(6," A simple secondary alert with "),e(7,"a",1),n(8,"an example link"),t(),n(9,`. Give it a click if you like. +`),t(),e(10,"c-alert",3),n(11," A simple success alert with "),e(12,"a",1),n(13,"an example link"),t(),n(14,`. Give it a click if you like. +`),t(),e(15,"c-alert",4),n(16," A simple danger alert with "),e(17,"a",1),n(18,"an example link"),t(),n(19,`. Give it a click if you like. +`),t(),e(20,"c-alert",5),n(21," A simple warning alert with "),e(22,"a",1),n(23,"an example link"),t(),n(24,`. Give it a click if you like. +`),t(),e(25,"c-alert",6),n(26," A simple info alert with "),e(27,"a",1),n(28,"an example link"),t(),n(29,`. Give it a click if you like. +`),t(),e(30,"c-alert",7),n(31," A simple light alert with "),e(32,"a",1),n(33,"an example link"),t(),n(34,`. Give it a click if you like. +`),t(),e(35,"c-alert",8),n(36," A simple dark alert with "),e(37,"a",1),n(38,"an example link"),t(),n(39,`. Give it a click if you like. +`),t())},dependencies:[p,z,G],encapsulation:2})}}return i})();var Y=(()=>{class i{static{this.\u0275fac=function(l){return new(l||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-alert01-example"]],decls:16,vars:0,consts:[["color","secondary"],["color","success"],["color","danger"],["color","warning"],["color","info"],["color","light"],["color","dark"]],template:function(l,o){l&1&&(e(0,"c-alert"),n(1,"A simple primary alert\u2014check it out!"),t(),e(2,"c-alert",0),n(3,"A simple secondary alert\u2014check it out!"),t(),e(4,"c-alert",1),n(5,"A simple success alert\u2014check it out!"),t(),e(6,"c-alert",2),n(7,"A simple danger alert\u2014check it out!"),t(),e(8,"c-alert",3),n(9,"A simple warning alert\u2014check it out!"),t(),e(10,"c-alert",4),n(11,"A simple info alert\u2014check it out!"),t(),e(12,"c-alert",5),n(13,"A simple light alert\u2014check it out!"),t(),e(14,"c-alert",6),n(15,"A simple dark alert\u2014check it out!"),t())},dependencies:[p],encapsulation:2})}}return i})();var K=`\`\`\`typescript +import { AlertModule } from '@coreui/angular'; + +@NgModule({ + imports: [AlertModule,] +}) +export class AppModule(){} +\`\`\` +`;var te=()=>["components/alert/examples/alert01.component.html","components/alert/examples/alert01.component.ts"],ne=()=>["components/alert/examples/alert02.component.html","components/alert/examples/alert02.component.ts"],ie=()=>["components/alert/examples/alert03.component.html","components/alert/examples/alert03.component.ts"],le=()=>["components/alert/examples/alert04.component.html","components/alert/examples/alert04.component.ts"],oe=()=>["components/alert/examples/alert05.component.html","components/alert/examples/alert05.component.ts"],re=()=>["components/alert/examples/alert06.component.html","components/alert/examples/alert06.component.ts"],Fe=(()=>{class i{constructor(a,l){this.metaService=a,this.titleService=l,this.usage=K,this.title="Angular Alert Component",this.description="Angular alert component gives contextual feedback information for common user operations. The alert component is delivered with a bunch of usable and adjustable alert messages."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(l){return new(l||i)(w(L),w(I))}}static{this.\u0275cmp=s({type:i,selectors:[["ng-component"]],decls:37,vars:15,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"table-responsive","api-table"]],template:function(l,o){l&1&&(e(0,"h1",0),n(1),t(),e(2,"p",1),n(3),t(),r(4,"docs-ads-carbon-loader"),e(5,"markdown"),n(6,` +## Examples + + ### Colors + Angular Alert is prepared for any length of text, as well as an optional close button. For a styling, use one of the **required** contextual \`color\` props (e.g., \`primary\`). For inline dismissal, use the [dismissing prop](#dismissing). +`),t(),e(7,"docs-example",2),r(8,"docs-alert01-example"),t(),e(9,"markdown"),n(10,` + ### Link color + Use the \`cAlertLink\` directive class to quickly provide matching colored links within any alert. +`),t(),e(11,"docs-example",2),r(12,"docs-alert02-example"),t(),e(13,"markdown"),n(14,` + ### Additional content + Alert can also incorporate supplementary HTML elements like heading with \`cAlertHeading\`, paragraph, and divider. +`),t(),e(15,"docs-example",2),r(16,"docs-alert03-example"),t(),e(17,"markdown"),n(18,"\n ### Dismissing\n Alerts can also be easily dismissed. Just add the `dismissible` prop and `fade` for animation.\n To remove an alert from the DOM, you can use `*ngIf` directive.\n"),t(),e(19,"docs-example",2),r(20,"docs-alert04-example"),t(),e(21,"markdown"),n(22,` + ### Custom template + + Use \`alertButtonCloseTemplate\` to customize close button. + +`),t(),e(23,"docs-example",2),r(24,"docs-alert05-example"),t(),e(25,"markdown"),n(26,` + ### Icons + +You can use Icons and flexbox utilities to create alerts with icons. + +`),t(),e(27,"docs-example",2),r(28,"docs-alert06-example"),t(),e(29,"markdown"),n(30),e(31,"div",3),n(32,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `color` | Sets the color context of the component| `string` | `'primary'` |\n |`dismissible`| adds a close button to alert for self dismiss | `boolean`|_false_\n |`fade`| adds optional animation for dismissible alert|`boolean`|_false_|\n |`variant`| Set the alert variant to a solid | `string: 'solid'` |_undefined_|\n |`visible`| toggle visibility of alert component|`boolean`|_true_|\n\n "),t(),n(33,` + + ##### Outputs + `),e(34,"div",3),n(35,` + + | name | description | type | + | ---- | ----------- | ---- | + | \`visibleChange\` | Event triggered on the alert dismiss. | \`boolean\` | + + `),t(),n(36,` + + ### cAlertHeading + _directive_ + + ### cAlertLink + _directive_ + +`),t()),l&2&&(m(),S(o.title),m(2),S(o.description),m(4),c("files",x(9,te)),m(4),c("files",x(10,ne)),m(4),c("files",x(11,ie)),m(4),c("files",x(12,le)),m(4),c("files",x(13,oe)),m(4),c("files",x(14,re)),m(3),_(` + --- + + ## API reference + + ### Alert Module + + `,o.usage,` + + --- + + ### c-alert + _component_ + + ##### Inputs + `))},dependencies:[R,V,j,Y,N,J,U,P,q],encapsulation:2,changeDetection:0})}}return i})();export{Fe as AlertComponent}; diff --git a/angular/docs/chunk-3AZ5QPIX.js b/angular/docs/chunk-3AZ5QPIX.js new file mode 100644 index 00000000000..9f85785ff10 --- /dev/null +++ b/angular/docs/chunk-3AZ5QPIX.js @@ -0,0 +1,97 @@ +import{a as A}from"./chunk-IWRSONFO.js";import{U as M,i as c,jb as g,kb as N,lb as y,mb as C,nc as p,oc as u,pc as s}from"./chunk-N5CLKGXI.js";import"./chunk-W2HQYSLN.js";import"./chunk-XGTGYVNY.js";import"./chunk-DPZ7BZKP.js";import{a as T}from"./chunk-YCMO5GD4.js";import{s as _}from"./chunk-6RP7HPDL.js";import{h as w,i as D}from"./chunk-NR6O7NQI.js";import"./chunk-XQ2JSG7T.js";import"./chunk-4P7KQCRI.js";import{Ab as l,Gc as n,Hb as f,Hc as S,Ic as b,Vb as r,Wc as x,ec as e,fc as t,fd as k,gc as v,kb as o,lb as E}from"./chunk-GYQMS5FR.js";import"./chunk-JKOY2XUY.js";var F=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=l({type:i,selectors:[["docs-nav14"]],decls:23,vars:2,consts:[["variant","pills"],["cNavLink","",3,"active","routerLink"],["variant","nav-item"],["cDropdownToggle","","cNavLink","",3,"routerLink"],["cDropdownMenu",""],["cDropdownItem","",3,"routerLink"],["cNavLink","",3,"routerLink"],["cNavLink","",3,"disabled","routerLink"]],template:function(a,d){a&1&&(e(0,"c-nav",0)(1,"c-nav-item")(2,"a",1),n(3,"Active"),t()(),e(4,"c-dropdown",2)(5,"a",3),n(6,"Dropdown button"),t(),e(7,"ul",4)(8,"li")(9,"a",5),n(10,"Action"),t()(),e(11,"li")(12,"a",5),n(13,"Another action"),t()(),e(14,"li")(15,"a",5),n(16,"Something else here"),t()()()(),e(17,"c-nav-item")(18,"a",6),n(19,"Link"),t()(),e(20,"c-nav-item")(21,"a",7),n(22,"Disabled"),t()()()),a&2&&(o(2),r("active",!0),o(19),r("disabled",!0))},dependencies:[s,u,p,c,y,N,g,C],encapsulation:2})}}return i})();var R=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=l({type:i,selectors:[["docs-nav13"]],decls:23,vars:2,consts:[["variant","tabs"],["cNavLink","",3,"active","routerLink"],["variant","nav-item"],["cDropdownToggle","","cNavLink","",3,"routerLink"],["cDropdownMenu",""],["cDropdownItem","",3,"routerLink"],["cNavLink","",3,"routerLink"],["cNavLink","",3,"disabled","routerLink"]],template:function(a,d){a&1&&(e(0,"c-nav",0)(1,"c-nav-item")(2,"a",1),n(3,"Active"),t()(),e(4,"c-dropdown",2)(5,"a",3),n(6,"Dropdown button"),t(),e(7,"ul",4)(8,"li")(9,"a",5),n(10,"Action"),t()(),e(11,"li")(12,"a",5),n(13,"Another action"),t()(),e(14,"li")(15,"a",5),n(16,"Something else here"),t()()()(),e(17,"c-nav-item")(18,"a",6),n(19,"Link"),t()(),e(20,"c-nav-item")(21,"a",7),n(22,"Disabled"),t()()()),a&2&&(o(2),r("active",!0),o(19),r("disabled",!0))},dependencies:[s,u,p,c,y,N,g,C],encapsulation:2})}}return i})();var I=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=l({type:i,selectors:[["docs-nav12"]],decls:23,vars:2,consts:[["cNavLink","",3,"active","routerLink"],["variant","nav-item"],["cDropdownToggle","","cNavLink","",3,"routerLink"],["cDropdownMenu",""],["cDropdownItem","",3,"routerLink"],["cNavLink","",3,"routerLink"],["cNavLink","",3,"disabled","routerLink"]],template:function(a,d){a&1&&(e(0,"c-nav")(1,"c-nav-item")(2,"a",0),n(3,"Active"),t()(),e(4,"c-dropdown",1)(5,"a",2),n(6,"Dropdown button"),t(),e(7,"ul",3)(8,"li")(9,"a",4),n(10,"Action"),t()(),e(11,"li")(12,"a",4),n(13,"Another action"),t()(),e(14,"li")(15,"a",4),n(16,"Something else here"),t()()()(),e(17,"c-nav-item")(18,"a",5),n(19,"Link"),t()(),e(20,"c-nav-item")(21,"a",6),n(22,"Disabled"),t()()()),a&2&&(o(2),r("active",!0),o(19),r("disabled",!0))},dependencies:[s,u,p,c,y,N,g,C],styles:["[_nghost-%COMP%] .active[_ngcontent-%COMP%]{text-decoration:underline}"]})}}return i})();var P=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=l({type:i,selectors:[["docs-nav11"]],decls:9,vars:2,consts:[["role","navigation","variant","pills",1,"flex-column","flex-sm-row"],["cNavLink","",3,"active","routerLink"],["cNavLink","",3,"routerLink"],["cNavLink","",3,"disabled","routerLink"]],template:function(a,d){a&1&&(e(0,"c-nav",0)(1,"a",1),n(2,"Active"),t(),e(3,"a",2),n(4,"Link"),t(),e(5,"a",2),n(6,"Link"),t(),e(7,"a",3),n(8,"Disabled"),t()()),a&2&&(o(),r("active",!0),o(6),r("disabled",!0))},dependencies:[s,p,c],encapsulation:2})}}return i})();var O=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=l({type:i,selectors:[["docs-nav10"]],decls:9,vars:2,consts:[["layout","justified","variant","pills"],["cNavLink","",3,"active","routerLink"],["cNavLink","",3,"routerLink"],["cNavLink","",3,"disabled","routerLink"]],template:function(a,d){a&1&&(e(0,"c-nav",0)(1,"a",1),n(2,"Active"),t(),e(3,"a",2),n(4,"Link"),t(),e(5,"a",2),n(6,"Link"),t(),e(7,"a",3),n(8,"Disabled"),t()()),a&2&&(o(),r("active",!0),o(6),r("disabled",!0))},dependencies:[s,p,c],encapsulation:2})}}return i})();var j=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=l({type:i,selectors:[["docs-nav09"]],decls:13,vars:1,consts:[["layout","fill","variant","pills"],["cNavLink","",3,"active","routerLink"],["cNavLink","",3,"routerLink"],["cNavLink","","disabled","",3,"routerLink"]],template:function(a,d){a&1&&(e(0,"c-nav",0)(1,"c-nav-item")(2,"a",1),n(3," Active "),t()(),e(4,"c-nav-item")(5,"a",2),n(6,"Link"),t()(),e(7,"c-nav-item")(8,"a",2),n(9,"Link"),t()(),e(10,"c-nav-item")(11,"a",3),n(12," Disabled "),t()()()),a&2&&(o(2),r("active",!0))},dependencies:[s,u,p,c],encapsulation:2})}}return i})();var z=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=l({type:i,selectors:[["docs-nav08"]],decls:9,vars:2,consts:[["variant","underline"],["cNavLink","",3,"active","routerLink"],["cNavLink","",3,"routerLink"],["cNavLink","",3,"disabled","routerLink"]],template:function(a,d){a&1&&(e(0,"c-nav",0)(1,"a",1),n(2,"Active"),t(),e(3,"a",2),n(4,"Link"),t(),e(5,"a",2),n(6,"Link"),t(),e(7,"a",3),n(8,"Disabled"),t()()),a&2&&(o(),r("active",!0),o(6),r("disabled",!0))},dependencies:[s,p,c],encapsulation:2})}}return i})();var U=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=l({type:i,selectors:[["docs-nav07"]],decls:9,vars:2,consts:[["variant","pills"],["cNavLink","",3,"active","routerLink"],["cNavLink","",3,"routerLink"],["cNavLink","",3,"disabled","routerLink"]],template:function(a,d){a&1&&(e(0,"c-nav",0)(1,"a",1),n(2,"Active"),t(),e(3,"a",2),n(4,"Link"),t(),e(5,"a",2),n(6,"Link"),t(),e(7,"a",3),n(8,"Disabled"),t()()),a&2&&(o(),r("active",!0),o(6),r("disabled",!0))},dependencies:[s,p,c],encapsulation:2})}}return i})();var B=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=l({type:i,selectors:[["docs-nav06"]],decls:9,vars:2,consts:[["variant","tabs"],["cNavLink","",3,"active","routerLink"],["cNavLink","",3,"routerLink"],["cNavLink","",3,"disabled","routerLink"]],template:function(a,d){a&1&&(e(0,"c-nav",0)(1,"a",1),n(2,"Active"),t(),e(3,"a",2),n(4,"Link"),t(),e(5,"a",2),n(6,"Link"),t(),e(7,"a",3),n(8,"Disabled"),t()()),a&2&&(o(),r("active",!0),o(6),r("disabled",!0))},dependencies:[s,p,c],encapsulation:2})}}return i})();var H=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=l({type:i,selectors:[["docs-nav05"]],decls:13,vars:2,consts:[[1,"flex-column"],["cNavLink","",3,"active","routerLink"],["cNavLink","",3,"routerLink"],["cNavLink","",3,"disabled","routerLink"]],template:function(a,d){a&1&&(e(0,"c-nav",0)(1,"c-nav-item")(2,"a",1),n(3," Active "),t()(),e(4,"c-nav-item")(5,"a",2),n(6,"Link"),t()(),e(7,"c-nav-item")(8,"a",2),n(9,"Link"),t()(),e(10,"c-nav-item")(11,"a",3),n(12," Disabled "),t()()()),a&2&&(o(2),r("active",!0),o(9),r("disabled",!0))},dependencies:[s,u,p,c],styles:["[_nghost-%COMP%] .active[_ngcontent-%COMP%]{text-decoration:underline}"]})}}return i})();var W=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=l({type:i,selectors:[["docs-nav04"]],decls:13,vars:1,consts:[[1,"justify-content-end"],["cNavLink","",3,"active","routerLink"],["cNavLink","",3,"routerLink"],["cNavLink","","disabled","",3,"routerLink"]],template:function(a,d){a&1&&(e(0,"c-nav",0)(1,"c-nav-item")(2,"a",1),n(3," Active "),t()(),e(4,"c-nav-item")(5,"a",2),n(6,"Link"),t()(),e(7,"c-nav-item")(8,"a",2),n(9,"Link"),t()(),e(10,"c-nav-item")(11,"a",3),n(12," Disabled "),t()()()),a&2&&(o(2),r("active",!0))},dependencies:[s,u,p,c],styles:["[_nghost-%COMP%] .active[_ngcontent-%COMP%]{text-decoration:underline}"]})}}return i})();var J=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=l({type:i,selectors:[["docs-nav03"]],decls:13,vars:1,consts:[[1,"justify-content-center"],["cNavLink","",3,"active","routerLink"],["cNavLink","",3,"routerLink"],["cNavLink","","disabled","",3,"routerLink"]],template:function(a,d){a&1&&(e(0,"c-nav",0)(1,"c-nav-item")(2,"a",1),n(3," Active "),t()(),e(4,"c-nav-item")(5,"a",2),n(6,"Link"),t()(),e(7,"c-nav-item")(8,"a",2),n(9,"Link"),t()(),e(10,"c-nav-item")(11,"a",3),n(12," Disabled "),t()()()),a&2&&(o(2),r("active",!0))},dependencies:[s,u,p,c],styles:["[_nghost-%COMP%] .active[_ngcontent-%COMP%]{text-decoration:underline}"]})}}return i})();var q=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=l({type:i,selectors:[["docs-nav02"]],decls:9,vars:2,consts:[["role","navigation"],["cNavLink","","routerLink","",3,"active"],["cNavLink","","routerLink",""],["cNavLink","","routerLink","",3,"disabled"]],template:function(a,d){a&1&&(e(0,"c-nav",0)(1,"a",1),n(2," Active "),t(),e(3,"a",2),n(4,"Link"),t(),e(5,"a",2),n(6,"Link"),t(),e(7,"a",3),n(8," Disabled "),t()()),a&2&&(o(),r("active",!0),o(6),r("disabled",!0))},dependencies:[s,p,c],styles:["[_nghost-%COMP%] .active[_ngcontent-%COMP%]{text-decoration:underline}"]})}}return i})();var V=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=l({type:i,selectors:[["docs-nav01"]],decls:13,vars:1,consts:[["cNavLink","",3,"active","routerLink"],["cNavLink","",3,"routerLink"],["cNavLink","","disabled","",3,"routerLink"]],template:function(a,d){a&1&&(e(0,"c-nav")(1,"c-nav-item")(2,"a",0),n(3," Active "),t()(),e(4,"c-nav-item")(5,"a",1),n(6,"Link"),t()(),e(7,"c-nav-item")(8,"a",1),n(9,"Link"),t()(),e(10,"c-nav-item")(11,"a",2),n(12," Disabled "),t()()()),a&2&&(o(2),r("active",!0))},dependencies:[s,u,p,c],styles:["[_nghost-%COMP%] .active[_ngcontent-%COMP%]{text-decoration:underline}"]})}}return i})();var G=`\`\`\`typescript +import { NavModule } from '@coreui/angular'; + +@NgModule({ + imports: [NavModule,] +}) +export class AppModule() { } +\`\`\` +`;var X=()=>["components/nav/examples/nav01.component.html"],Y=()=>["components/nav/examples/nav02.component.html"],Z=()=>["components/nav/examples/nav03.component.html"],$=()=>["components/nav/examples/nav04.component.html"],ee=()=>["components/nav/examples/nav05.component.html"],te=()=>["components/nav/examples/nav06.component.html"],ne=()=>["components/nav/examples/nav07.component.html"],ie=()=>["components/nav/examples/nav08.component.html"],ae=()=>["components/nav/examples/nav09.component.html"],oe=()=>["components/nav/examples/nav10.component.html"],re=()=>["components/nav/examples/nav11.component.html"],me=()=>["components/nav/examples/nav12.component.html"],K=()=>["components/nav/examples/nav13.component.html"];function le(i,L){i&1&&(e(0,"div",6),v(1,"docs-nav01"),t())}function ce(i,L){i&1&&(e(0,"div",6),v(1,"docs-nav02"),t())}function pe(i,L){i&1&&(e(0,"div",6),v(1,"docs-nav03"),t())}function se(i,L){i&1&&(e(0,"div",6),v(1,"docs-nav04"),t())}function de(i,L){i&1&&(e(0,"div",6),v(1,"docs-nav05"),t())}function ve(i,L){i&1&&(e(0,"div",6),v(1,"docs-nav06"),t())}function ue(i,L){i&1&&(e(0,"div",6),v(1,"docs-nav07"),t())}function fe(i,L){i&1&&(e(0,"div",6),v(1,"docs-nav08"),t())}function xe(i,L){i&1&&(e(0,"div",6),v(1,"docs-nav09"),t())}function ke(i,L){i&1&&(e(0,"div",6),v(1,"docs-nav10"),t())}function he(i,L){i&1&&(e(0,"div",6),v(1,"docs-nav11"),t())}function Le(i,L){i&1&&(e(0,"div",6),v(1,"docs-nav12"),t())}function ge(i,L){i&1&&(e(0,"div",6),v(1,"docs-nav13"),t())}function Ne(i,L){i&1&&(e(0,"div",6),v(1,"docs-nav14"),t())}var It=(()=>{class i{constructor(m,a){this.metaService=m,this.titleService=a,this.usage=G,this.title="Angular Nav Component",this.description="Documentation and examples of how to use CoreUI Angular navigation components."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(a){return new(a||i)(E(w),E(D))}}static{this.\u0275cmp=l({type:i,selectors:[["docs-nav"]],decls:88,vars:31,consts:[["docsExample",""],["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[3,"files"],["color","danger","size","sm"],[1,"api-table"],[1,"docs-example","p-3"]],template:function(a,d){a&1&&(e(0,"h1",1),n(1),t(),e(2,"p",2),n(3),t(),v(4,"docs-ads-carbon-loader"),e(5,"markdown"),n(6,` + + Navigation available in CoreUI for Angular share general markup and styles, from the base \`.nav\` class to the active + and + disabled states. Swap modifier classes to switch between each style. + + ## Examples + + The base \`c-nav\` component is built with flexbox and provide a strong foundation for building all types of navigation + components. It includes some style overrides (for working with lists), some link padding for larger hit areas, and + basic disabled styling. + + ### Base nav +`),t(),e(7,"docs-example",3),f(8,le,2,0,"ng-template",null,0,k),t(),e(10,"markdown"),n(11,"\n\n Classes are used throughout, so your markup can be super flexible. Use `c-nav-item` like above, or roll your own with\n a `c-nav` element. Because the `.nav` uses `display: flex`, the `cNavLink`\n behaves the same as `c-nav-item` would, but without the extra markup.\n"),t(),e(12,"docs-example",3),f(13,ce,2,0,"ng-template",null,0,k),t(),e(15,"markdown"),n(16,` + + Change the style of \`c-nav\` component with modifiers and utilities. Mix and match as needed, or build your own. + + ### Horizontal alignment + + Change the horizontal alignment of your nav with flexbox utilities. By default, navs are left-aligned, but you can + easily change them to center or right aligned. + Centered with \`.justify-content-center\`: +`),t(),e(17,"docs-example",3),f(18,pe,2,0,"ng-template",null,0,k),t(),e(20,"markdown"),n(21,` + + Right-aligned with \`.justify-content-end\`: +`),t(),e(22,"docs-example",3),f(23,se,2,0,"ng-template",null,0,k),t(),e(25,"markdown"),n(26,` + + ### Vertical + Stack your navigation by changing the flex item direction with the \`.flex-column\` utility. Need to stack them on some + viewports but not others? Use the responsive versions (ex. \`.flex-sm-column\`). +`),t(),e(27,"docs-example",3),f(28,de,2,0,"ng-template",null,0,k),t(),e(30,"markdown"),n(31,` + + ### Tabs + Take the basic nav from above and add the \`variant="tabs"\` class to generate a tabbed interface +`),t(),e(32,"docs-example",3),f(33,ve,2,0,"ng-template",null,0,k),t(),e(35,"markdown"),n(36,` + + ### Pills + Take that same HTML, but use \`variant="pills"\` instead: +`),t(),e(37,"docs-example",3),f(38,ue,2,0,"ng-template",null,0,k),t(),e(40,"markdown"),n(41,` + + ### Underline + + `),e(42,"c-badge",4),n(43,"PRO"),t(),n(44,` + + Take that same HTML, but use \`variant\`="underline": +`),t(),e(45,"docs-example",3),f(46,fe,2,0,"ng-template",null,0,k),t(),e(48,"markdown"),n(49,'\n\n ### Fill and justify\n Force your `c-nav` contents to extend the full available width one of two modifier classes. To proportionately fill\n all available space with your `c-nav-item`, use `layout="fill"`.\n Notice that all horizontal space is occupied, but not every nav item has the same width.\n'),t(),e(50,"docs-example",3),f(51,xe,2,0,"ng-template",null,0,k),t(),e(53,"markdown"),n(54,'\n\n For equal-width elements, `use layout="justified"`. All horizontal space will be occupied by nav links, but unlike the\n `fill` above, every nav item will be the same width.\n'),t(),e(55,"docs-example",3),f(56,ke,2,0,"ng-template",null,0,k),t(),e(58,"markdown"),n(59,` + + ### Working with flex utilities + If you need responsive nav variations, consider using a series of [flexbox + utilities](https://coreui.io/docs/utilities/flex). While more verbose, these + utilities offer greater customization across responsive breakpoints. In the example below, our nav will be stacked on + the lowest breakpoint, then adapt to a horizontal layout that fills the available width starting from the small + breakpoint. +`),t(),e(60,"docs-example",3),f(61,he,2,0,"ng-template",null,0,k),t(),e(63,"markdown"),n(64,` + + ### Using dropdowns + Add dropdown menus with a little extra HTML. +`),t(),e(65,"docs-example",3),f(66,Le,2,0,"ng-template",null,0,k),t(),e(68,"markdown"),n(69,` + + ### Tabs with dropdowns +`),t(),e(70,"docs-example",3),f(71,ge,2,0,"ng-template",null,0,k),t(),e(73,"markdown"),n(74,` + + ### Pills with dropdowns +`),t(),e(75,"docs-example",3),f(76,Ne,2,0,"ng-template",null,0,k),t(),e(78,"markdown"),n(79,'\n ---\n\n ## Regarding accessibility\n If you\'re using navs to provide a navigation bar, be sure to add a `role="navigation"` to the most logical parent\n container of the `c-nav`, or wrap a `nav` element around the whole navigation. Do not add the role to the `c-nav` itself, as this would prevent it from\n being announced as an actual list by assistive technologies.\n\n Note that navigation bars, even if visually styled as tabs with the `.nav-tabs` class, should not be given\n `role="tablist"`, `role="tab"` or `role="tabpanel"` attributes. These are only appropriate for dynamic tabbed\n interfaces, as described in the WAI ARIA Authoring Practices. See JavaScript behavior for dynamic tabbed interfaces\n in this section for an example. The `aria-current` attribute is not necessary on dynamic tabbed interfaces since our\n JavaScript handles the selected state by adding `aria-selected="true"` on the active tab.\n\n'),t(),e(80,"markdown"),n(81),e(82,"div",5),n(83,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `layout` | Specify a layout type for component. | `fill` \\| `justified` | _undefined_ |\n | `variant` | Set the nav variant to tabs or pills. | `tabs` \\| `pills` \\| `underline` |_undefined_|\n\n "),t(),n(84,` + + ### c-nav-item + _component_ + + ### cNavLink + _directive_ + + ##### Inputs + `),e(85,"div",5),n(86,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `active` | Toggle the active state for the host link. | `boolean` | _undefined_ |\n | `disabled` | Set disabled attr for the host element. | `boolean` |_false_|\n\n "),t(),n(87,` + + +`),t()),a&2&&(o(),S(d.title),o(2),S(d.description),o(4),r("files",x(17,X)),o(5),r("files",x(18,Y)),o(5),r("files",x(19,Z)),o(5),r("files",x(20,$)),o(5),r("files",x(21,ee)),o(5),r("files",x(22,te)),o(5),r("files",x(23,ne)),o(8),r("files",x(24,ie)),o(5),r("files",x(25,ae)),o(5),r("files",x(26,oe)),o(5),r("files",x(27,re)),o(5),r("files",x(28,me)),o(5),r("files",x(29,K)),o(5),r("files",x(30,K)),o(6),b(` + --- + + ## API reference + + ### Nav Module + + `,d.usage,` + + ### c-nav + _component_ + + ##### Inputs + `))},dependencies:[T,_,A,V,q,J,W,H,B,U,M,z,j,O,P,I,R,F],encapsulation:2,changeDetection:0})}}return i})();export{It as NavComponent}; diff --git a/angular/docs/chunk-3MJ7VGF3.js b/angular/docs/chunk-3MJ7VGF3.js new file mode 100644 index 00000000000..7bfe7d4e118 --- /dev/null +++ b/angular/docs/chunk-3MJ7VGF3.js @@ -0,0 +1,113 @@ +import{a as y}from"./chunk-IWRSONFO.js";import{S as m}from"./chunk-N5CLKGXI.js";import"./chunk-W2HQYSLN.js";import"./chunk-XGTGYVNY.js";import"./chunk-DPZ7BZKP.js";import{a as S}from"./chunk-YCMO5GD4.js";import{s as g}from"./chunk-6RP7HPDL.js";import{h as x,i as C}from"./chunk-NR6O7NQI.js";import"./chunk-XQ2JSG7T.js";import"./chunk-4P7KQCRI.js";import{Ab as i,Gc as n,Hc as h,Jc as f,Vb as p,Wc as d,ec as e,fc as t,gc as s,kb as c,lb as u}from"./chunk-GYQMS5FR.js";import"./chunk-JKOY2XUY.js";var w=(()=>{class a{static{this.\u0275fac=function(o){return new(o||a)}}static{this.\u0275cmp=i({type:a,selectors:[["docs-avatar06-example"]],decls:3,vars:0,consts:[["src","assets/img/avatars/7.jpg","status","success"],["color","secondary","status","danger"]],template:function(o,l){o&1&&(s(0,"c-avatar",0),e(1,"c-avatar",1),n(2,"CUI"),t())},dependencies:[m],encapsulation:2})}}return a})();var A=(()=>{class a{static{this.\u0275fac=function(o){return new(o||a)}}static{this.\u0275cmp=i({type:a,selectors:[["docs-avatar05-example"]],decls:10,vars:0,consts:[["color","secondary","size","xl"],["color","secondary","size","lg"],["color","secondary","size","md"],["color","secondary"],["color","secondary","size","sm"]],template:function(o,l){o&1&&(e(0,"c-avatar",0),n(1,"CUI"),t(),e(2,"c-avatar",1),n(3,"CUI"),t(),e(4,"c-avatar",2),n(5,"CUI"),t(),e(6,"c-avatar",3),n(7,"CUI"),t(),e(8,"c-avatar",4),n(9,"CUI"),t())},dependencies:[m],encapsulation:2})}}return a})();var E=(()=>{class a{static{this.\u0275fac=function(o){return new(o||a)}}static{this.\u0275cmp=i({type:a,selectors:[["docs-avatar04-example"]],decls:6,vars:0,consts:[["color","primary","shape","rounded-0","textColor","white"],["color","secondary","shape","rounded-0"],["color","warning","shape","rounded-0","textColor","white"]],template:function(o,l){o&1&&(e(0,"c-avatar",0),n(1,"CUI"),t(),e(2,"c-avatar",1),n(3,"CUI"),t(),e(4,"c-avatar",2),n(5,"CUI"),t())},dependencies:[m],encapsulation:2})}}return a})();var I=(()=>{class a{static{this.\u0275fac=function(o){return new(o||a)}}static{this.\u0275cmp=i({type:a,selectors:[["docs-avatar03-example"]],decls:6,vars:0,consts:[["color","primary","shape","rounded","textColor","white"],["color","secondary","shape","rounded"],["color","warning","shape","rounded","textColor","white"]],template:function(o,l){o&1&&(e(0,"c-avatar",0),n(1,"CUI"),t(),e(2,"c-avatar",1),n(3,"CUI"),t(),e(4,"c-avatar",2),n(5,"CUI"),t())},dependencies:[m],encapsulation:2})}}return a})();var z=(()=>{class a{static{this.\u0275fac=function(o){return new(o||a)}}static{this.\u0275cmp=i({type:a,selectors:[["docs-avatar02-example"]],decls:6,vars:0,consts:[["color","primary","textColor","white"],["color","secondary"],["color","warning","textColor","white"]],template:function(o,l){o&1&&(e(0,"c-avatar",0),n(1,"CUI"),t(),e(2,"c-avatar",1),n(3,"CUI"),t(),e(4,"c-avatar",2),n(5,"CUI"),t())},dependencies:[m],encapsulation:2})}}return a})();var D=(()=>{class a{static{this.\u0275fac=function(o){return new(o||a)}}static{this.\u0275cmp=i({type:a,selectors:[["docs-avatar01-example"]],decls:3,vars:0,consts:[["src","assets/img/avatars/1.jpg"],["src","assets/img/avatars/2.jpg"],["src","assets/img/avatars/4.jpg"]],template:function(o,l){o&1&&s(0,"c-avatar",0)(1,"c-avatar",1)(2,"c-avatar",2)},dependencies:[m],encapsulation:2})}}return a})();var M=`\`\`\`typescript +import { AvatarModule } from '@coreui/angular'; + +@NgModule({ + imports: [AvatarModule,] +}) +export class AppModule(){} +\`\`\` +`;var b=()=>["components/avatar/examples/avatar01.component.html","components/avatar/examples/avatar01.component.ts"],T=()=>["components/avatar/examples/avatar02.component.html","components/avatar/examples/avatar02.component.ts"],$=()=>["components/avatar/examples/avatar03.component.html","components/avatar/examples/avatar03.component.ts"],F=()=>["components/avatar/examples/avatar04.component.html","components/avatar/examples/avatar04.component.ts"],k=()=>["components/avatar/examples/avatar05.component.html","components/avatar/examples/avatar05.component.ts"],_=()=>["components/avatar/examples/avatar06.component.html","components/avatar/examples/avatar06.component.ts"],de=(()=>{class a{constructor(r,o){this.metaService=r,this.titleService=o,this.usage=M,this.title="Angular Avatar Component",this.description="Angular Avatar component can be used to display circular user profile pictures. Avatar can be used to portray people or objects. It supports images, icons, or letters."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(o){return new(o||a)(u(x),u(C))}}static{this.\u0275cmp=i({type:a,selectors:[["ng-component"]],decls:34,vars:16,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"api-table"]],template:function(o,l){o&1&&(e(0,"h1",0),n(1),t(),e(2,"p",1),n(3),t(),s(4,"docs-ads-carbon-loader"),e(5,"markdown"),n(6,` +## Image avatars +`),t(),e(7,"docs-example",2),s(8,"docs-avatar01-example"),t(),e(9,"markdown"),n(10,` + ## Letter avatars +`),t(),e(11,"docs-example",2),s(12,"docs-avatar02-example"),t(),e(13,"markdown"),n(14,` + ## Rounded avatars + + Use the \`shape="rounded"\` prop to make avatars squared with rounded corners. +`),t(),e(15,"docs-example",2),s(16,"docs-avatar03-example"),t(),e(17,"markdown"),n(18,` + ## Square avatars + + Use the \`shape="rounded-0"\` prop to make avatars squared +`),t(),e(19,"docs-example",2),s(20,"docs-avatar04-example"),t(),e(21,"markdown"),n(22,'\n ## Sizes\n\n Fancy larger or smaller avatar? Add `size="xl"`, `size="lg"`, `size="md"` or `size="sm"` for additional sizes.\n'),t(),e(23,"docs-example",2),s(24,"docs-avatar05-example"),t(),e(25,"markdown"),n(26,` + ## Avatars with status +`),t(),e(27,"docs-example",2),s(28,"docs-avatar06-example"),t(),e(29,"markdown"),n(30),e(31,"div",3),n(32,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `color` | Sets the background color context of the component to one of CoreUI\u2019s themed colors.| `Colors` | |\n | `shape` | Select the shape of the component. | `string` | |\n | `size` | Size the component small, large, or extra large. | Sizes | `md` |\n | `src` | The src attribute for the img element.| `string` | |\n | `status` | Sets the color context of the status indicator to one of CoreUI\u2019s themed colors. | `Colors` | |\n | `textColor` | Sets the text color of the component to one of CoreUI\u2019s themed colors.| `TextColors`| |\n\n "),t(),n(33,` + +`),t()),o&2&&(c(),h(l.title),c(2),h(l.description),c(4),p("files",d(10,b)),c(4),p("files",d(11,T)),c(4),p("files",d(12,$)),c(4),p("files",d(13,F)),c(4),p("files",d(14,k)),c(4),p("files",d(15,_)),c(3),f(` + + ## Customizing + + ### CSS variables + Angular multi selects use local CSS variables on \`.avatar\` for enhanced real-time customization. Values for + the CSS variables are set via Sass, so Sass customization is still supported, too. + + \`\`\`scss + --cui-avatar-width: #{$avatar-width}; + --cui-avatar-height: #{$avatar-height}; + --cui-avatar-font-size: #{$avatar-font-size}; + --cui-avatar-border-radius: #{$avatar-border-radius}; + --cui-avatar-status-width: #{$avatar-status-width}; + --cui-avatar-status-height: #{$avatar-status-height}; + --cui-avatar-status-border-radius: #{$avatar-status-border-radius}; + \`\`\` + + + #### How to use CSS variables + + \`\`\`ts + const vars = `,"{",` + '--my-css-var': 10, + '--my-another-css-var': "red" + } + \`\`\` + + \`\`\`html +
+ \`\`\` + + + ### SASS variables + + \`\`\`scss + $avatar-width: 2rem; + $avatar-height: 2rem; + $avatar-font-size: .8rem; + $avatar-border-radius: 50em; + $avatar-status-width: .5rem; + $avatar-status-height: .5rem; + $avatar-status-border-radius: 50em; + $avatar-transition: margin .15s; + + $avatar-sizes: ( + sm: ( + width: 1.5rem, + height: 1.5rem, + font-size: .6rem, + status-width: .4rem, + status-height: .4rem + ), + md: ( + width: 2.5rem, + height: 2.5rem, + font-size: 1rem, + status-width: .7rem, + status-height: .7rem + ), + lg: ( + width: 3rem, + height: 3rem, + font-size: 1.2rem, + status-width: .8rem, + status-height: .8rem + ), + xl: ( + width: 4rem, + height: 4rem, + font-size: 1.6rem, + status-width: 1rem, + status-height: 1rem + ), + ); + \`\`\` + --- + + ## API + + ### Avatar Module + + `,l.usage,` + + ### c-avatar + _component_ + + #### Inputs + `))},dependencies:[S,g,y,D,z,I,E,A,w],encapsulation:2,changeDetection:0})}}return a})();export{de as AvatarComponent}; diff --git a/angular/docs/chunk-3PG2ZCO4.js b/angular/docs/chunk-3PG2ZCO4.js deleted file mode 100644 index 011f6970fb8..00000000000 --- a/angular/docs/chunk-3PG2ZCO4.js +++ /dev/null @@ -1,69 +0,0 @@ -import{a as W}from"./chunk-GOOL7UHW.js";import{$a as M,Bb as s,F as h,_a as k,fb as B,gb as b,i as C,jb as D,kb as G,lb as w,mb as y,sb as m,tb as A,ub as R,wb as z,xb as O,yb as u}from"./chunk-CIRO6JJS.js";import"./chunk-HEV2ZGEM.js";import"./chunk-QWX5SKOU.js";import"./chunk-DPZ7BZKP.js";import{a as U}from"./chunk-KJYCQPQX.js";import{r as L}from"./chunk-R2AYP265.js";import{h as T,i as _}from"./chunk-ADVPX5JT.js";import"./chunk-2XBJPMNA.js";import"./chunk-TJ5BOBQA.js";import{Cc as n,Dc as F,Hb as x,Rb as c,Sc as l,Tc as g,ac as t,bc as e,cc as o,cd as S,mb as d,na as a,nb as I}from"./chunk-W26A3BQN.js";import"./chunk-JKOY2XUY.js";var P=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=a({type:i,selectors:[["docs-input-group11"]],standalone:!0,features:[l],decls:16,vars:0,consts:[[1,"mb-3"],["cInputGroupText","","for","inputGroupFile01"],["cFormControl","","id","inputGroupFile01","type","file"],["cFormControl","","id","inputGroupFile02","type","file"],["cInputGroupText","","for","inputGroupFile02"],["cButton","","color","secondary","id","inputGroupFileAddon03","type","button","variant","outline"],["aria-describedby","inputGroupFileAddon03","aria-label","Upload","cFormControl","","id","inputGroupFile03","type","file"],["aria-describedby","inputGroupFileAddon04","aria-label","Upload","cFormControl","","id","inputGroupFile04","type","file"],["cButton","","color","secondary","id","inputGroupFileAddon04","type","button","variant","outline"]],template:function(r,f){r&1&&(t(0,"c-input-group",0)(1,"label",1),n(2," Upload "),e(),o(3,"input",2),e(),t(4,"c-input-group",0),o(5,"input",3),t(6,"label",4),n(7," Upload "),e()(),t(8,"c-input-group",0)(9,"button",5),n(10," Button "),e(),o(11,"input",6),e(),t(12,"c-input-group"),o(13,"input",7),t(14,"button",8),n(15," Button "),e()())},dependencies:[m,s,u,h],encapsulation:2})}}return i})();var Y=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=a({type:i,selectors:[["docs-input-group10"]],standalone:!0,features:[l],decls:48,vars:0,consts:[[1,"mb-3"],["cInputGroupText","","for","inputGroupSelect01"],["cSelect","","id","inputGroupSelect01"],["value","1"],["value","2"],["value","3"],["cSelect","","id","inputGroupSelect02"],["cInputGroupText","","for","inputGroupSelect02"],["cButton","","color","secondary","type","button","variant","outline"],["aria-label","Example select with button addon","cSelect","","id","inputGroupSelect03"],["aria-label","Example select with button addon","cSelect","","id","inputGroupSelect04"]],template:function(r,f){r&1&&(t(0,"c-input-group",0)(1,"label",1),n(2," Options "),e(),t(3,"select",2)(4,"option"),n(5,"Choose..."),e(),t(6,"option",3),n(7,"One"),e(),t(8,"option",4),n(9,"Two"),e(),t(10,"option",5),n(11,"Three"),e()()(),t(12,"c-input-group",0)(13,"select",6)(14,"option"),n(15,"Choose..."),e(),t(16,"option",3),n(17,"One"),e(),t(18,"option",4),n(19,"Two"),e(),t(20,"option",5),n(21,"Three"),e()(),t(22,"label",7),n(23," Options "),e()(),t(24,"c-input-group",0)(25,"button",8),n(26," Button "),e(),t(27,"select",9)(28,"option"),n(29,"Choose..."),e(),t(30,"option",3),n(31,"One"),e(),t(32,"option",4),n(33,"Two"),e(),t(34,"option",5),n(35,"Three"),e()()(),t(36,"c-input-group")(37,"select",10)(38,"option"),n(39,"Choose..."),e(),t(40,"option",3),n(41,"One"),e(),t(42,"option",4),n(43,"Two"),e(),t(44,"option",5),n(45,"Three"),e()(),t(46,"button",8),n(47," Button "),e()())},dependencies:[m,s,A,B,k,M,h],encapsulation:2})}}return i})();var $=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=a({type:i,selectors:[["docs-input-group09"]],standalone:!0,features:[l],decls:70,vars:3,consts:[[1,"mb-3"],["cButton","","color","secondary","variant","outline"],["split","","cButton","","cDropdownToggle","","color","secondary","variant","outline"],[1,"visually-hidden"],["cDropdownMenu",""],["cDropdownItem","",3,"routerLink"],["cDropdownDivider",""],["aria-label","Text input with segmented dropdown button","cFormControl",""],["alignment","end"],["cButton","","cDropdownToggle","","color","secondary","variant","outline",3,"split"],["cButton","","color","secondary","type","button","variant","outline"]],template:function(r,f){r&1&&(t(0,"c-input-group",0)(1,"c-dropdown")(2,"button",1),n(3," Action "),e(),t(4,"button",2)(5,"span",3),n(6,"Toggle Dropdown"),e()(),t(7,"div",4)(8,"a",5),n(9,"Action"),e(),t(10,"a",5),n(11,"Another action"),e(),t(12,"a",5),n(13,"Something else here"),e(),o(14,"hr",6),t(15,"a",5),n(16,"Separated link"),e()()(),o(17,"input",7),e(),t(18,"c-input-group",0),o(19,"input",7),t(20,"c-dropdown",8)(21,"button",1),n(22," Action "),e(),t(23,"button",9)(24,"span",3),n(25,"Toggle Dropdown"),e()(),t(26,"div",4)(27,"a",5),n(28,"Action"),e(),t(29,"a",5),n(30,"Another action"),e(),t(31,"a",5),n(32,"Something else here"),e(),o(33,"hr",6),t(34,"a",5),n(35,"Separated link"),e()()()(),t(36,"c-input-group")(37,"c-dropdown")(38,"button",10),n(39," Action "),e(),t(40,"button",9)(41,"span",3),n(42,"Toggle Dropdown"),e()(),t(43,"div",4)(44,"a",5),n(45,"Action"),e(),t(46,"a",5),n(47,"Another action"),e(),t(48,"a",5),n(49,"Something else here"),e(),o(50,"hr",6),t(51,"a",5),n(52,"Separated link"),e()()(),o(53,"input",7),t(54,"c-dropdown",8)(55,"button",1),n(56," Action "),e(),t(57,"button",9)(58,"span",3),n(59,"Toggle Dropdown"),e()(),t(60,"div",4)(61,"a",5),n(62,"Action"),e(),t(63,"a",5),n(64,"Another action"),e(),t(65,"a",5),n(66,"Something else here"),e(),o(67,"hr",6),t(68,"a",5),n(69,"Separated link"),e()()()()),r&2&&(d(23),c("split",!0),d(17),c("split",!0),d(17),c("split",!0))},dependencies:[m,w,h,G,D,y,C,b,u],encapsulation:2})}}return i})();var j=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=a({type:i,selectors:[["docs-input-group08"]],standalone:!0,features:[l],decls:58,vars:0,consts:[[1,"mb-3"],["cButton","","cDropdownToggle","","color","secondary","variant","outline"],["cDropdownMenu",""],["cDropdownItem","",3,"routerLink"],["cDropdownDivider",""],["aria-label","Text input with dropdown button","cFormControl",""],["alignment","end"],["aria-label","Text input with 2 dropdown buttons","cFormControl",""]],template:function(r,f){r&1&&(t(0,"c-input-group",0)(1,"c-dropdown")(2,"button",1),n(3," Dropdown "),e(),t(4,"div",2)(5,"a",3),n(6,"Action"),e(),t(7,"a",3),n(8,"Another action"),e(),t(9,"a",3),n(10,"Something else here"),e(),o(11,"hr",4),t(12,"a",3),n(13,"Separated link"),e()()(),o(14,"input",5),e(),t(15,"c-input-group",0),o(16,"input",5),t(17,"c-dropdown",6)(18,"button",1),n(19," Dropdown "),e(),t(20,"div",2)(21,"a",3),n(22,"Action"),e(),t(23,"a",3),n(24,"Another action"),e(),t(25,"a",3),n(26,"Something else here"),e(),o(27,"hr",4),t(28,"a",3),n(29,"Separated link"),e()()()(),t(30,"c-input-group")(31,"c-dropdown")(32,"button",1),n(33," Dropdown "),e(),t(34,"div",2)(35,"a",3),n(36,"Action"),e(),t(37,"a",3),n(38,"Another action"),e(),t(39,"a",3),n(40,"Something else here"),e(),o(41,"hr",4),t(42,"a",3),n(43,"Separated link"),e()()(),o(44,"input",7),t(45,"c-dropdown",6)(46,"button",1),n(47," Dropdown "),e(),t(48,"div",2)(49,"a",3),n(50,"Other Action"),e(),t(51,"a",3),n(52,"Another action"),e(),t(53,"a",3),n(54,"Something else here"),e(),o(55,"hr",4),t(56,"a",3),n(57,"Separated link"),e()()()())},dependencies:[m,w,h,G,D,y,C,b,u],encapsulation:2})}}return i})();var N=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=a({type:i,selectors:[["docs-input-group07"]],standalone:!0,features:[l],decls:20,vars:0,consts:[[1,"mb-3"],["cButton","","color","secondary","id","button-addon1","type","button","variant","outline"],["aria-describedby","button-addon1","aria-label","Example text with button addon","cFormControl","","placeholder",""],["aria-describedby","button-addon2","aria-label","Recipient's username","cFormControl","","placeholder","Recipient's username"],["cButton","","color","secondary","id","button-addon2","type","button","variant","outline"],["cButton","","color","secondary","type","button","variant","outline"],["aria-label","Example text with two button addons","cFormControl","","placeholder",""],["aria-label","Recipient's username with two button addons","cFormControl","","placeholder","Recipient's username"]],template:function(r,f){r&1&&(t(0,"c-input-group",0)(1,"button",1),n(2," Button "),e(),o(3,"input",2),e(),t(4,"c-input-group",0),o(5,"input",3),t(6,"button",4),n(7," Button "),e()(),t(8,"c-input-group",0)(9,"button",5),n(10," Button "),e(),t(11,"button",5),n(12," Button "),e(),o(13,"input",6),e(),t(14,"c-input-group"),o(15,"input",7),t(16,"button",5),n(17," Button "),e(),t(18,"button",5),n(19," Button "),e()())},dependencies:[m,h,u],encapsulation:2})}}return i})();var q=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=a({type:i,selectors:[["docs-input-group06"]],standalone:!0,features:[l],decls:12,vars:0,consts:[[1,"mb-3"],["cInputGroupText",""],["aria-label","Dollar amount (with dot and two decimal places)","cFormControl",""]],template:function(r,f){r&1&&(t(0,"c-input-group",0)(1,"span",1),n(2,"$"),e(),t(3,"span",1),n(4,"0.00"),e(),o(5,"input",2),e(),t(6,"c-input-group"),o(7,"input",2),t(8,"span",1),n(9,"$"),e(),t(10,"span",1),n(11,"0.00"),e()())},dependencies:[m,s,u],encapsulation:2})}}return i})();var H=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=a({type:i,selectors:[["docs-input-group05"]],standalone:!0,features:[l],decls:5,vars:0,consts:[["cInputGroupText",""],["aria-label","First name","cFormControl",""],["aria-label","Last name","cFormControl",""]],template:function(r,f){r&1&&(t(0,"c-input-group")(1,"span",0),n(2,"First and last name"),e(),o(3,"input",1)(4,"input",2),e())},dependencies:[m,s,u],encapsulation:2})}}return i})();var J=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=a({type:i,selectors:[["docs-input-group04"]],standalone:!0,features:[l],decls:10,vars:0,consts:[[1,"mb-3"],["cInputGroupText",""],["cFormCheckInput","","id","checkOne","type","checkbox"],["aria-label","Text input with checkbox","cFormControl",""],["cFormCheckInput","","id","radioOne","type","radio"],["aria-label","Text input with radio button","cFormControl",""]],template:function(r,f){r&1&&(t(0,"c-input-group",0)(1,"span",1)(2,"c-form-check"),o(3,"input",2),e()(),o(4,"input",3),e(),t(5,"c-input-group")(6,"span",1)(7,"div"),o(8,"input",4),e()(),o(9,"input",5),e())},dependencies:[m,s,z,O,u],encapsulation:2})}}return i})();var K=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=a({type:i,selectors:[["docs-input-group03"]],standalone:!0,features:[l],decls:12,vars:0,consts:[["sizing","sm",1,"mb-3"],["cInputGroupText","","id","inputGroup-sizing-sm"],["aria-describedby","inputGroup-sizing-sm","aria-label","Sizing example input","cFormControl",""],[1,"mb-3"],["cInputGroupText","","id","inputGroup-sizing-default"],["aria-describedby","inputGroup-sizing-default","aria-label","Sizing example input","cFormControl",""],["sizing","lg"],["cInputGroupText","","id","inputGroup-sizing-lg"],["aria-describedby","inputGroup-sizing-lg","aria-label","Sizing example input","cFormControl",""]],template:function(r,f){r&1&&(t(0,"c-input-group",0)(1,"span",1),n(2,"Small"),e(),o(3,"input",2),e(),t(4,"c-input-group",3)(5,"span",4),n(6,"Default"),e(),o(7,"input",5),e(),t(8,"c-input-group",6)(9,"span",7),n(10,"Large"),e(),o(11,"input",8),e())},dependencies:[m,s,u],encapsulation:2})}}return i})();var Q=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=a({type:i,selectors:[["docs-input-group02"]],standalone:!0,features:[l],decls:4,vars:0,consts:[[1,"flex-nowrap"],["cInputGroupText","","id","addon-wrapping"],["aria-describedby","addon-wrapping","aria-label","Username","cFormControl","","placeholder","Username"]],template:function(r,f){r&1&&(t(0,"c-input-group",0)(1,"span",1),n(2,"@"),e(),o(3,"input",2),e())},dependencies:[m,s,u],encapsulation:2})}}return i})();var V=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=a({type:i,selectors:[["docs-input-group01"]],standalone:!0,features:[l],decls:29,vars:0,consts:[[1,"mb-3"],["cInputGroupText","","id","basic-addon1"],["aria-describedby","basic-addon1","aria-label","Username","cFormControl","","placeholder","Username"],["aria-describedby","basic-addon2","aria-label","Recipient's username","cFormControl","","placeholder","Recipient's username"],["cInputGroupText","","id","basic-addon2"],["cLabel","","for","basic-url"],["cInputGroupText","","id","basic-addon3"],["aria-describedby","basic-addon3","cFormControl","","id","basic-url"],["cInputGroupText",""],["aria-label","Amount (to the nearest dollar)","cFormControl",""],["aria-label","Username","cFormControl","","placeholder","Username"],["aria-label","Server","cFormControl","","placeholder","Server"],["aria-label","With textarea","cFormControl",""]],template:function(r,f){r&1&&(t(0,"c-input-group",0)(1,"span",1),n(2,"@"),e(),o(3,"input",2),e(),t(4,"c-input-group",0),o(5,"input",3),t(6,"span",4),n(7,"@example.com"),e()(),t(8,"label",5),n(9,"Your vanity URL"),e(),t(10,"c-input-group",0)(11,"span",6),n(12,"https://example.com/users/"),e(),o(13,"input",7),e(),t(14,"c-input-group",0)(15,"span",8),n(16,"$"),e(),o(17,"input",9),t(18,"span",8),n(19,".00"),e()(),t(20,"c-input-group",0),o(21,"input",10),t(22,"span",8),n(23,"@"),e(),o(24,"input",11),e(),t(25,"c-input-group")(26,"span",8),n(27,"With textarea"),e(),o(28,"textarea",12),e())},dependencies:[m,s,u,R],encapsulation:2})}}return i})();var X=()=>["forms/input-group/examples/input-group01.component.html"],Z=()=>["forms/input-group/examples/input-group02.component.html"],ee=()=>["forms/input-group/examples/input-group03.component.html"],te=()=>["forms/input-group/examples/input-group04.component.html"],ne=()=>["forms/input-group/examples/input-group05.component.html"],ie=()=>["forms/input-group/examples/input-group06.component.html"],oe=()=>["forms/input-group/examples/input-group07.component.html"],re=()=>["forms/input-group/examples/input-group08.component.html"],pe=()=>["forms/input-group/examples/input-group09.component.html"],ae=()=>["forms/input-group/examples/input-group10.component.html"],le=()=>["forms/input-group/examples/input-group11.component.html"];function me(i,v){i&1&&(t(0,"div",5),o(1,"docs-input-group01"),e())}function ue(i,v){i&1&&(t(0,"div",5),o(1,"docs-input-group02"),e())}function de(i,v){i&1&&(t(0,"div",5),o(1,"docs-input-group03"),e())}function ce(i,v){i&1&&(t(0,"div",5),o(1,"docs-input-group04"),e())}function se(i,v){i&1&&(t(0,"div",5),o(1,"docs-input-group05"),e())}function fe(i,v){i&1&&(t(0,"div",5),o(1,"docs-input-group06"),e())}function xe(i,v){i&1&&(t(0,"div",5),o(1,"docs-input-group07"),e())}function ge(i,v){i&1&&(t(0,"div",5),o(1,"docs-input-group08"),e())}function Se(i,v){i&1&&(t(0,"div",5),o(1,"docs-input-group09"),e())}function Ee(i,v){i&1&&(t(0,"div",5),o(1,"docs-input-group10"),e())}function ve(i,v){i&1&&(t(0,"div",5),o(1,"docs-input-group11"),e())}var mt=(()=>{class i{constructor(p,r){this.metaService=p,this.titleService=r,this.title="Angular Input Group Component",this.description="Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(r){return new(r||i)(I(T),I(_))}}static{this.\u0275cmp=a({type:i,selectors:[["docs-input-group-docs"]],standalone:!0,features:[l],decls:65,vars:24,consts:[["docsExample",""],["id","getting-started"],["markdown","",1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"api-table"],[1,"docs-example","p-3"]],template:function(r,f){r&1&&(t(0,"h1",1),n(1),e(),t(2,"p",2),n(3),e(),o(4,"docs-ads-carbon-loader"),t(5,"markdown"),n(6,` - ## Basic example - - Place one add-on or button on either side of an input. You may also place one on both sides of an input. Remember to - place \`cLabel\` outside the input group. -`),e(),t(7,"docs-example",3),x(8,me,2,0,"ng-template",null,0,S),e(),t(10,"markdown"),n(11,` - ## Wrapping - - Input groups wrap by default via \`flex-wrap: wrap\` in order to accommodate custom form field validation within an - input group. You may disable this with \`.flex-nowrap\`. -`),e(),t(12,"docs-example",3),x(13,ue,2,0,"ng-template",null,0,S),e(),t(15,"markdown"),n(16,` - ## Sizing - - Add the relative form sizing classes to the \`c-input-group\` itself and contents within will automatically resize\u2014no - need for repeating the form control size classes on each element. - - **Sizing on the individual input group elements isn't supported.** -`),e(),t(17,"docs-example",3),x(18,de,2,0,"ng-template",null,0,S),e(),t(20,"markdown"),n(21,` - ## Checkboxes and radios - - Place any checkbox or radio option within an input group's addon instead of text. - -`),e(),t(22,"docs-example",3),x(23,ce,2,0,"ng-template",null,0,S),e(),t(25,"markdown"),n(26,"\n ## Multiple inputs\n\n While multiple `input` fields are supported visually, validation styles are only available for input groups with a single `cFormControl`.\n"),e(),t(27,"docs-example",3),x(28,se,2,0,"ng-template",null,0,S),e(),t(30,"markdown"),n(31,` - ## Multiple addons - - Multiple add-ons are supported and can be mixed with checkbox and radio input versions. -`),e(),t(32,"docs-example",3),x(33,fe,2,0,"ng-template",null,0,S),e(),t(35,"markdown"),n(36,` - ## Button addons - - Button add-ons are supported also. -`),e(),t(37,"docs-example",3),x(38,xe,2,0,"ng-template",null,0,S),e(),t(40,"markdown"),n(41,` - ## Dropdown addons - - Dropdown add-ons are supported too. -`),e(),t(42,"docs-example",3),x(43,ge,2,0,"ng-template",null,0,S),e(),t(45,"markdown"),n(46,` - ## Segmented buttons - - Dropdown add-ons are supported too. -`),e(),t(47,"docs-example",3),x(48,Se,2,0,"ng-template",null,0,S),e(),t(50,"markdown"),n(51,` - - ## Custom forms - - Input groups include support for custom selects and custom file inputs. Browser default versions of these are not supported. - - ### Custom select -`),e(),t(52,"docs-example",3),x(53,Ee,2,0,"ng-template",null,0,S),e(),t(55,"markdown"),n(56,` - - ### Custom file input -`),e(),t(57,"docs-example",3),x(58,ve,2,0,"ng-template",null,0,S),e(),t(60,"markdown"),n(61,` - --- - - ## API reference - - ### Form Module - - --- - - ### c-input-group - _component_ - - ##### Inputs - `),t(62,"div",4),n(63,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `sizing` | Size the label small or large. | `sm` \\| `lg` |_undefined_|\n\n "),e(),n(64,` - - --- - - ### cInputGroupText - _directive_ - -`),e()),r&2&&(d(),F(f.title),d(2),F(f.description),d(4),c("files",g(13,X)),d(5),c("files",g(14,Z)),d(5),c("files",g(15,ee)),d(5),c("files",g(16,te)),d(5),c("files",g(17,ne)),d(5),c("files",g(18,ie)),d(5),c("files",g(19,oe)),d(5),c("files",g(20,re)),d(5),c("files",g(21,pe)),d(5),c("files",g(22,ae)),d(5),c("files",g(23,le)))},dependencies:[L,U,W,V,Q,K,J,H,q,N,j,$,Y,P],encapsulation:2,changeDetection:0})}}return i})();export{mt as InputGroupDocsComponent}; diff --git a/angular/docs/chunk-3R5KIKFA.js b/angular/docs/chunk-3R5KIKFA.js deleted file mode 100644 index d5a92f8581c..00000000000 --- a/angular/docs/chunk-3R5KIKFA.js +++ /dev/null @@ -1,96 +0,0 @@ -import{a as S}from"./chunk-GOOL7UHW.js";import{Pb as u,Qb as O,Rb as p,Tb as f}from"./chunk-CIRO6JJS.js";import"./chunk-HEV2ZGEM.js";import"./chunk-QWX5SKOU.js";import"./chunk-DPZ7BZKP.js";import{a as v}from"./chunk-KJYCQPQX.js";import{r as b}from"./chunk-R2AYP265.js";import{h as y,i as _}from"./chunk-ADVPX5JT.js";import"./chunk-2XBJPMNA.js";import"./chunk-TJ5BOBQA.js";import{Cc as n,Dc as x,Ec as M,Rb as s,Sc as c,Tc as a,ac as e,bc as t,cc as d,mb as r,na as m,nb as h}from"./chunk-W26A3BQN.js";import"./chunk-JKOY2XUY.js";var P=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-columns13"]],standalone:!0,features:[c],decls:11,vars:0,consts:[[1,"clearfix"],["cCol","","md","6","src","assets/img/angular.jpg","alt","CoreUI for Angular",1,"float-md-end","mb-3","ms-md-3"]],template:function(i,g){i&1&&(e(0,"div",0),d(1,"img",1),e(2,"p"),n(3," Notice the use of "),e(4,"code"),n(5,'cCol md="6"'),t(),n(6," directive. We're using it here to show the use of the clearfix class. We're adding quite a few meaningless phrases here to demonstrate how the columns interact here with the floated image. "),t(),e(7,"p"),n(8," As you can see the paragraphs gracefully wrap around the floated image. Now imagine how this would look with some actual content in here, rather than just this boring placeholder text that goes on and on, but actually conveys no tangible information at. It simply takes up space and should not really be read. "),t(),e(9,"p"),n(10," And yet, here you are, still persevering in reading this placeholder text, hoping for some more insights, or some hidden easter egg of content. A joke, perhaps. Unfortunately, there's none of that here. "),t()())},dependencies:[O]})}}return o})();var E=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-columns12"]],standalone:!0,features:[c],decls:4,vars:0,consts:[["xs","3",1,"bg-light","p-3","border"],["sm","9",1,"bg-light","p-3","border"]],template:function(i,g){i&1&&(e(0,"c-col",0),n(1,` .col-3: width of 25% -`),t(),e(2,"c-col",1),n(3,` .col-sm-9: width of 75% above sm breakpoint -`),t())},dependencies:[p],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var F=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-columns11"]],standalone:!0,features:[c],decls:16,vars:0,consts:[["md","4"],["md","4",1,"ms-auto"],["md","3",1,"ms-md-auto"],["xs","auto",1,"me-auto"],["xs","auto"]],template:function(i,g){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col",0),n(3,".col-md-4"),t(),e(4,"c-col",1),n(5,".col-md-4 .ms-auto"),t()(),e(6,"c-row")(7,"c-col",2),n(8,".col-md-3 .ms-md-auto"),t(),e(9,"c-col",2),n(10,".col-md-3 .ms-md-auto"),t()(),e(11,"c-row")(12,"c-col",3),n(13,".col-auto .me-auto"),t(),e(14,"c-col",4),n(15,".col-auto"),t()()())},dependencies:[u,f,p],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] c-col[_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var G=()=>({sm:2,md:0}),N=()=>({md:2,lg:0}),k=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-columns10"]],standalone:!0,features:[c],decls:11,vars:4,consts:[["sm","5","md","6"],["sm","5","md","6",3,"offset"],["sm","6","md","5","lg","6"],["sm","6","md","5","lg","6",3,"offset"]],template:function(i,g){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col",0),n(3," .col-sm-5 .col-md-6 "),t(),e(4,"c-col",1),n(5," .col-sm-5 .offset-sm-2 .col-md-6 .offset-md-0 "),t()(),e(6,"c-row")(7,"c-col",2),n(8," .col-sm-6 .col-md-5 .col-lg-6 "),t(),e(9,"c-col",3),n(10," .col-sm-6 .col-md-5 .offset-md-2 .col-lg-6 .offset-lg-0 "),t()()()),i&2&&(r(4),s("offset",a(2,G)),r(5),s("offset",a(3,N)))},dependencies:[u,f,p],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var Y=()=>({md:4}),w=()=>({md:3}),D=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-columns09"]],standalone:!0,features:[c],decls:14,vars:8,consts:[["md","4"],["md","4",3,"offset"],["md","3",3,"offset"],["md","6",3,"offset"]],template:function(i,g){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col",0),n(3,".col-md-4"),t(),e(4,"c-col",1),n(5,".col-md-4 .offset-md-4"),t()(),e(6,"c-row")(7,"c-col",2),n(8,".col-md-3 .offset-md-3"),t(),e(9,"c-col",2),n(10,".col-md-3 .offset-md-3"),t()(),e(11,"c-row")(12,"c-col",3),n(13,".col-md-6 .offset-md-3"),t()()()),i&2&&(r(4),s("offset",a(4,Y)),r(3),s("offset",a(5,w)),r(2),s("offset",a(6,w)),r(3),s("offset",a(7,w)))},dependencies:[u,f,p],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var H=()=>({xs:"first"}),T=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-columns08"]],standalone:!0,features:[c],decls:8,vars:2,consts:[["order","last"],[3,"order"]],template:function(i,g){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col",0),n(3," First in DOM, ordered last "),t(),e(4,"c-col"),n(5," Second in DOM, unordered "),t(),e(6,"c-col",1),n(7," Third in DOM, ordered first "),t()()()),i&2&&(r(6),s("order",a(1,H)))},dependencies:[u,f,p],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var L=()=>({xs:1}),I=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-columns07"]],standalone:!0,features:[c],decls:8,vars:3,consts:[[3,"order"]],template:function(i,g){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col"),n(3," First in DOM, no order applied "),t(),e(4,"c-col",0),n(5," Second in DOM, with a larger order "),t(),e(6,"c-col",0),n(7," Third in DOM, with an order of 1 "),t()()()),i&2&&(r(4),s("order",5),r(2),s("order",a(2,L)))},dependencies:[u,f,p],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var R=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-columns06"]],standalone:!0,features:[c],decls:11,vars:0,consts:[["xs","6","sm","4"],[1,"w-100","d-none","d-md-block"]],template:function(i,g){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col",0),n(3," .col-6 .col-sm-4 "),t(),e(4,"c-col",0),n(5," .col-6 .col-sm-4 "),t(),d(6,"div",1),e(7,"c-col",0),n(8," .col-6 .col-sm-4 "),t(),e(9,"c-col",0),n(10," .col-6 .col-sm-4 "),t()()())},dependencies:[u,f,p],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var j=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-columns05"]],standalone:!0,features:[c],decls:11,vars:0,consts:[["xs","6","sm","3"],[1,"w-100"]],template:function(i,g){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col",0),n(3,".col-6 .col-sm-3"),t(),e(4,"c-col",0),n(5,".col-6 .col-sm-3"),t(),d(6,"div",1),e(7,"c-col",0),n(8,".col-6 .col-sm-3"),t(),e(9,"c-col",0),n(10,".col-6 .col-sm-3"),t()()())},dependencies:[u,f,p],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var A=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-columns04"]],standalone:!0,features:[c],decls:12,vars:0,consts:[["xs","9"],["xs","4"],["xs","6"]],template:function(i,g){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col",0),n(3,".col-9"),t(),e(4,"c-col",1),n(5," .col-4 "),d(6,"br"),n(7," Since 9 + 4 = 13 > 12, this 4-column-wide div gets wrapped onto a new line as one contiguous unit. "),t(),e(8,"c-col",2),n(9," .col-6 "),d(10,"br"),n(11," Subsequent columns continue along the new line. "),t()()())},dependencies:[u,f,p],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var U=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-columns03"]],standalone:!0,features:[c],decls:31,vars:0,consts:[[1,"justify-content-start"],["xs","4"],[1,"justify-content-center"],[1,"justify-content-end"],[1,"justify-content-around"],[1,"justify-content-between"],[1,"justify-content-evenly"]],template:function(i,g){i&1&&(e(0,"c-container")(1,"c-row",0)(2,"c-col",1),n(3," One of two columns "),t(),e(4,"c-col",1),n(5," One of two columns "),t()(),e(6,"c-row",2)(7,"c-col",1),n(8," One of two columns "),t(),e(9,"c-col",1),n(10," One of two columns "),t()(),e(11,"c-row",3)(12,"c-col",1),n(13," One of two columns "),t(),e(14,"c-col",1),n(15," One of two columns "),t()(),e(16,"c-row",4)(17,"c-col",1),n(18," One of two columns "),t(),e(19,"c-col",1),n(20," One of two columns "),t()(),e(21,"c-row",5)(22,"c-col",1),n(23," One of two columns "),t(),e(24,"c-col",1),n(25," One of two columns "),t()(),e(26,"c-row",6)(27,"c-col",1),n(28," One of two columns "),t(),e(29,"c-col",1),n(30," One of two columns "),t()()())},dependencies:[u,f,p],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var q=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-columns02"]],standalone:!0,features:[c],decls:8,vars:0,consts:[[1,"align-self-start"],[1,"align-self-center"],[1,"align-self-end"]],template:function(i,g){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col",0),n(3,"One of three columns"),t(),e(4,"c-col",1),n(5,"One of three columns"),t(),e(6,"c-col",2),n(7,"One of three columns"),t()()())},dependencies:[u,f,p],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%]{background-color:#ff00001a;min-height:10rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var z=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-columns01"]],standalone:!0,features:[c],decls:22,vars:0,consts:[[1,"align-items-start"],[1,"align-items-center"],[1,"align-items-end"]],template:function(i,g){i&1&&(e(0,"c-container")(1,"c-row",0)(2,"c-col"),n(3,"One of three columns"),t(),e(4,"c-col"),n(5,"One of three columns"),t(),e(6,"c-col"),n(7,"One of three columns"),t()(),e(8,"c-row",1)(9,"c-col"),n(10,"One of three columns"),t(),e(11,"c-col"),n(12,"One of three columns"),t(),e(13,"c-col"),n(14,"One of three columns"),t()(),e(15,"c-row",2)(16,"c-col"),n(17,"One of three columns"),t(),e(18,"c-col"),n(19,"One of three columns"),t(),e(20,"c-col"),n(21,"One of three columns"),t()()())},dependencies:[u,f,p],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%]{background-color:#ff00001a;min-height:10rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var W=`\`\`\`typescript -import { GridModule } from '@coreui/angular'; - -@NgModule({ - imports: [GridModule,] -}) -export class AppModule() { } -\`\`\` -`;var V=()=>["layout/columns/examples/columns01.component.html"],J=()=>["layout/columns/examples/columns02.component.html"],K=()=>["layout/columns/examples/columns03.component.html"],Q=()=>["layout/columns/examples/columns04.component.html"],X=()=>["layout/columns/examples/columns05.component.html"],Z=()=>["layout/columns/examples/columns06.component.html"],$=()=>["layout/columns/examples/columns07.component.html"],ee=()=>["layout/columns/examples/columns08.component.html"],te=()=>["layout/columns/examples/columns09.component.html"],ne=()=>["layout/columns/examples/columns10.component.html"],oe=()=>["layout/columns/examples/columns11.component.html"],ie=()=>["layout/columns/examples/columns12.component.html"],re=()=>["layout/columns/examples/columns13.component.html"],Xe=(()=>{class o{constructor(l,i){this.metaService=l,this.titleService=i,this.usage=W,this.title="Angular Columns",this.description="Learn how to modify columns with a handful of options for alignment, ordering, and offsetting thanks to flexbox grid system."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(i){return new(i||o)(h(y),h(_))}}static{this.\u0275cmp=m({type:o,selectors:[["docs-columns"]],standalone:!0,features:[c],decls:58,vars:29,consts:[["id","getting-started"],["markdown","",1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"table-responsive","api-table"]],template:function(i,g){i&1&&(e(0,"h1",0),n(1),t(),e(2,"p",1),n(3),t(),d(4,"docs-ads-carbon-loader"),e(5,"markdown"),n(6,` - - ## How they work - - - **Columns build on the grid's flexbox architecture**. Flexbox means we have options for changing individual columns - and [modifying groups of columns at the row level](https://coreui.io/angular/docs/layout/grid#row-columns). You - choose how columns grow, shrink, or otherwise change. - - - **When building grid layouts, all content goes in columns**. The hierarchy of CoreUI grid goes from - [container](https://coreui.io/angular/docs/layout/containers) to - row to column to your content. On rare occasions, you may combine content and column, but be aware there can be - unintended consequences. - - - **CoreUI for Angular includes predefined components for creating fast, responsive layouts**. With [six - breakpoints](https://coreui.io/angular/docs/layout/breakpoints) - and a dozen columns at each grid tier, we have dozens of components already built for you to create your desired - layouts. This can be disabled via Sass if you wish. - - --- - - ## Alignment - Use flexbox alignment utilities to vertically and horizontally align columns. - - ### Vertical alignment - -`),t(),e(7,"docs-example",2),d(8,"docs-columns01"),t(),e(9,"docs-example",2),d(10,"docs-columns02"),t(),e(11,"markdown"),n(12,` - --- - - ### Horizontal alignment -`),t(),e(13,"docs-example",2),d(14,"docs-columns03"),t(),e(15,"markdown"),n(16,` - --- - - ### Column wrapping - If more than 12 columns are placed within a single row, each group of extra columns will, as one unit, wrap onto a new - line. -`),t(),e(17,"docs-example",2),d(18,"docs-columns04"),t(),e(19,"markdown"),n(20,` - --- - - ### Column breaks - Breaking columns to a new line in flexbox requires a small hack - add an element with \`width: 100%\` wherever you want - to wrap your columns to a new line. Normally this is accomplished with multiple \`c-row\`s, but not every implementation - method can account for this. -`),t(),e(21,"docs-example",2),d(22,"docs-columns05"),t(),e(23,"markdown"),n(24,` - --- - - You may also apply this break at specific breakpoints with our [responsive display utilities](https://coreui.io/docs/utilities/display). -`),t(),e(25,"docs-example",2),d(26,"docs-columns06"),t(),e(27,"markdown"),n(28,'\n ---\n\n ## Reordering\n\n ### Order props\n\n Use `order="1"` (`first`, `1..5`, `last`) props for controlling the visual order of your content. These props are\n responsive, so you can set the order by breakpoint (e.g., `order="{xs: 1, md: 2}"`).\n Includes support for 1 through 5 across all six grid tiers.\n'),t(),e(29,"docs-example",2),d(30,"docs-columns07"),t(),e(31,"markdown"),n(32,'\n ---\n\n There are also responsive props `order="first"` and `order="last"` with responsive variations\n `order={xs: "last", sm: "first"}` that change the order of an element by applying order: `-1` and order: `6`,\n respectively. These values can also be intermixed with the numbered `1..5` values as needed.\n'),t(),e(33,"docs-example",2),d(34,"docs-columns08"),t(),e(35,"markdown"),n(36,'\n ---\n\n ## Offsetting columns\n You can offset grid columns in two ways: our col props `offset="0..12"` with responsive variations\n `offset={md: 2, lg: 3}` col props and our [margin utilities](https://coreui.io/docs/utilities/spacing).\n Grid props are sized to match columns while margins are more useful for quick layouts where the width of the offset is variable.\n\n ### Offset prop\n Move columns to the right using `offset={ md: * }` props. These props increase the left margin of a column by `*` columns.\n For example, `offset={ md: 4 }` moves .col-md-4 over four columns.'),t(),e(37,"docs-example",2),d(38,"docs-columns09"),t(),e(39,"docs-example",2),d(40,"docs-columns10"),t(),e(41,"markdown"),n(42,` - --- - - ### Margin utilities - You can use margin utilities like \`.me-auto\` to force sibling columns away from one another. - -`),t(),e(43,"docs-example",2),d(44,"docs-columns11"),t(),e(45,"markdown"),n(46,` - --- - - ## Standalone columns - The \`c-col\` component can also be used outside a \`c-row\` to give an element a specific width. Whenever column - component are used as non direct children of a row, the paddings are omitted. - -`),t(),e(47,"docs-example",2),d(48,"docs-columns12"),t(),e(49,"markdown"),n(50,` - --- - - The classes can be used together with utilities to create responsive floated images. Make sure to wrap the content in - a \`.clearfix\` wrapper to clear the float if the text is shorter. - -`),t(),e(51,"docs-example",2),d(52,"docs-columns13"),t(),e(53,"markdown"),n(54),e(55,"div",3),n(56,'\n\n |prop|description|type|default|notes|\n |:---|:---|:---|:---:|---|\n |`xs`|The number of columns on extra small devices (<576px).|`auto \\| number \\| boolean`|_undefined_|\n |`sm`|The number of columns on extra small devices (<768px).|`auto \\| number \\| boolean`|_undefined_|\n |`md`|The number of columns on extra small devices (<992px).|`auto \\| number \\| boolean`|_undefined_|\n |`lg`|The number of columns on extra small devices (<1200px).|`auto \\| number \\| boolean`|_undefined_|\n |`xl`|The number of columns on extra small devices (<1400px).|`auto \\| number \\| boolean`|_undefined_|\n |`xxl`|The number of columns on extra small devices (\u22651400px).|`auto \\| number \\| boolean`|_undefined_|\n |`offset`|Offset grid columns|`number\\|{sm\\|md\\|lg\\|xl\\|xxl}:number`|_undefined_|\n |`order`|Controls the visual order of your columns. Includes support for `1` through `5` across all six grid tiers.|`"first"\\|"last"\\|number\\|{sm\\|md\\|lg\\|xl\\|xxl}:number`|_undefined_|\n\n'),t(),n(57,` - - - -`),t()),i&2&&(r(),x(g.title),r(2),x(g.description),r(4),s("files",a(16,V)),r(2),s("files",a(17,J)),r(4),s("files",a(18,K)),r(4),s("files",a(19,Q)),r(4),s("files",a(20,X)),r(4),s("files",a(21,Z)),r(4),s("files",a(22,$)),r(4),s("files",a(23,ee)),r(4),s("files",a(24,te)),r(2),s("files",a(25,ne)),r(4),s("files",a(26,oe)),r(4),s("files",a(27,ie)),r(4),s("files",a(28,re)),r(3),M(` - --- - - ## API reference - - ### Grid Module - - `,g.usage,` - - --- - - ### c-col cCol - _component_ _directive_ - - ##### Inputs - -`))},dependencies:[b,v,S,z,q,U,A,j,R,I,T,D,k,F,E,P],encapsulation:2,changeDetection:0})}}return o})();export{Xe as ColumnsComponent}; diff --git a/angular/docs/chunk-3RK3TU4W.js b/angular/docs/chunk-3RK3TU4W.js new file mode 100644 index 00000000000..0c124f95f2d --- /dev/null +++ b/angular/docs/chunk-3RK3TU4W.js @@ -0,0 +1,96 @@ +import{a as E}from"./chunk-IWRSONFO.js";import{Pb as p,Rb as m,Tb as a,Ub as u}from"./chunk-N5CLKGXI.js";import"./chunk-W2HQYSLN.js";import"./chunk-XGTGYVNY.js";import"./chunk-DPZ7BZKP.js";import{a as S}from"./chunk-YCMO5GD4.js";import{s as _}from"./chunk-6RP7HPDL.js";import{h as b,i as y}from"./chunk-NR6O7NQI.js";import"./chunk-XQ2JSG7T.js";import"./chunk-4P7KQCRI.js";import{Ab as c,Gc as n,Hc as h,Ic as w,Vb as s,Wc as l,Xc as C,ec as e,fc as t,gc as g,kb as r,lb as x}from"./chunk-GYQMS5FR.js";import"./chunk-JKOY2XUY.js";var G=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-gutters06"]],decls:5,vars:1,consts:[[3,"gutter"],["sm","6","md","8"],["xs","6","md","4"]],template:function(i,f){i&1&&(e(0,"c-row",0)(1,"c-col",1),n(2,".col-sm-6 .col-md-8"),t(),e(3,"c-col",2),n(4,".col-6 .col-md-4"),t()()),i&2&&s("gutter",0)},dependencies:[a,u,m],encapsulation:2})}}return o})();var k=()=>({g:3}),z=o=>({g:2,lg:o}),T=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-gutters05"]],decls:32,vars:6,consts:[[3,"xs","lg","gutter"],[1,"p-3","border","bg-light"]],template:function(i,f){i&1&&(e(0,"c-container")(1,"c-row",0)(2,"c-col")(3,"div",1),n(4,"Row column"),t()(),e(5,"c-col")(6,"div",1),n(7,"Row column"),t()(),e(8,"c-col")(9,"div",1),n(10,"Row column"),t()(),e(11,"c-col")(12,"div",1),n(13,"Row column"),t()(),e(14,"c-col")(15,"div",1),n(16,"Row column"),t()(),e(17,"c-col")(18,"div",1),n(19,"Row column"),t()(),e(20,"c-col")(21,"div",1),n(22,"Row column"),t()(),e(23,"c-col")(24,"div",1),n(25,"Row column"),t()(),e(26,"c-col")(27,"div",1),n(28,"Row column"),t()(),e(29,"c-col")(30,"div",1),n(31,"Row column"),t()()()()),i&2&&(r(),s("xs",2)("lg",5)("gutter",C(4,z,l(3,k))))},dependencies:[p,a,u,m],encapsulation:2})}}return o})();var D=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-gutters04"]],decls:14,vars:1,consts:[[1,"overflow-hidden"],[3,"gutter"],["xs","6"],[1,"p-3","border","bg-light"]],template:function(i,f){i&1&&(e(0,"c-container",0)(1,"c-row",1)(2,"c-col",2)(3,"div",3),n(4,"Custom column padding"),t()(),e(5,"c-col",2)(6,"div",3),n(7,"Custom column padding"),t()(),e(8,"c-col",2)(9,"div",3),n(10,"Custom column padding"),t()(),e(11,"c-col",2)(12,"div",3),n(13,"Custom column padding"),t()()()()),i&2&&(r(),s("gutter",2))},dependencies:[p,a,u,m],encapsulation:2})}}return o})();var A=()=>({gy:5}),M=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-gutters03"]],decls:14,vars:2,consts:[[1,"overflow-hidden"],[3,"gutter"],["xs","6"],[1,"p-3","border","bg-light"]],template:function(i,f){i&1&&(e(0,"c-container",0)(1,"c-row",1)(2,"c-col",2)(3,"div",3),n(4,"Custom column padding"),t()(),e(5,"c-col",2)(6,"div",3),n(7,"Custom column padding"),t()(),e(8,"c-col",2)(9,"div",3),n(10,"Custom column padding"),t()(),e(11,"c-col",2)(12,"div",3),n(13,"Custom column padding"),t()()()()),i&2&&(r(),s("gutter",l(1,A)))},dependencies:[p,a,u,m],encapsulation:2})}}return o})();var j=()=>({gx:5}),F=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-gutters02"]],decls:8,vars:2,consts:[[1,"overflow-hidden"],[3,"gutter"],[1,"p-3","border","bg-light"]],template:function(i,f){i&1&&(e(0,"c-container",0)(1,"c-row",1)(2,"c-col")(3,"div",2),n(4,"Custom column padding"),t()(),e(5,"c-col")(6,"div",2),n(7,"Custom column padding"),t()()()()),i&2&&(r(),s("gutter",l(1,j)))},dependencies:[p,a,u,m],encapsulation:2})}}return o})();var N=()=>({gx:5}),R=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-gutters01"]],decls:8,vars:2,consts:[[1,"px-4"],[3,"gutter"],[1,"p-3","border","bg-light"]],template:function(i,f){i&1&&(e(0,"c-container",0)(1,"c-row",1)(2,"c-col")(3,"div",2),n(4,"Custom column padding"),t()(),e(5,"c-col")(6,"div",2),n(7,"Custom column padding"),t()()()()),i&2&&(r(),s("gutter",l(1,N)))},dependencies:[p,a,u,m],encapsulation:2})}}return o})();var I=`\`\`\`typescript +import { GridModule } from '@coreui/angular'; + +@NgModule({ + imports: [GridModule,] +}) +export class AppModule() { } +\`\`\` +`;var O=()=>["layout/gutters/examples/gutters01.component.html"],B=()=>["layout/gutters/examples/gutters02.component.html"],L=()=>["layout/gutters/examples/gutters03.component.html"],U=()=>["layout/gutters/examples/gutters04.component.html"],P=()=>["layout/gutters/examples/gutters05.component.html"],V=()=>["layout/gutters/examples/gutters06.component.html"],ge=(()=>{class o{constructor(d,i){this.metaService=d,this.titleService=i,this.usage=I,this.title="Angular Gutters",this.description="Gutters are the padding between your columns, used to responsively space and align content in the CoreUI for Angular grid system."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(i){return new(i||o)(x(b),x(y))}}static{this.\u0275cmp=c({type:o,selectors:[["docs-gutters"]],decls:43,vars:15,consts:[["id","getting-started"],["markdown","",1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"table-responsive","api-table"]],template:function(i,f){i&1&&(e(0,"h1",0),n(1),t(),e(2,"p",1),n(3),t(),g(4,"docs-ads-carbon-loader"),e(5,"markdown"),n(6,` + + ## How they work + + - **Gutters are the gaps between column content**, created by horizontal padding. We set \`padding-right\` and \`padding-left\` on each column, and use negative margin to offset that at the start and end of each row to align content. + + - **Gutters start at \`1.5rem (24px)\` wide**. This allows us to match our grid to the [padding and margin spacers](https://coreui.io/docs/utilities/spacing) scale. + + - **Gutters can be responsively adjusted**. Use breakpoint-specific gutter props to modify horizontal gutters, vertical gutters, and all gutters. + + ## Horizontal gutters + + \`c-row [gutter]={gx: *}\` directive can be used to control the horizontal gutter widths. The \`c-container\` or + \`c-container fluid\` parent may need to be adjusted if larger gutters are used too to avoid unwanted overflow, using a + matching padding utility. For example, in the following example we\u2019ve increased the padding with \`.px-4\`: +`),t(),e(7,"docs-example",2),g(8,"docs-gutters01"),t(),e(9,"markdown"),n(10,"\n\n An alternative solution is to add a wrapper around the `c-row` with the `.overflow-hidden` class:\n"),t(),e(11,"docs-example",2),g(12,"docs-gutters02"),t(),e(13,"markdown"),n(14,"\n\n ## Vertical gutters\n\n `c-row [gutter]={gy: *}` directive can be used to control the vertical gutter widths. Like the horizontal gutters,\n the vertical gutters can cause some overflow below the `c-row` at the end of a page. If this occurs, add a wrapper\n around `c-row` with the `.overflow-hidden` class:\n\n"),t(),e(15,"docs-example",2),g(16,"docs-gutters03"),t(),e(17,"markdown"),n(18,` + + ## Horizontal and vertical gutters + + \`c-row [gutter]="2"\` directive can be used to control the horizontal gutter widths, for the following example we use + a smaller gutter width, so there won't be a need to add the \`.overflow-hidden\` wrapper class. + +`),t(),e(19,"docs-example",2),g(20,"docs-gutters04"),t(),e(21,"markdown"),n(22,` + + ## Row columns gutters + + Gutter props can also be added to row columns. In the following example, we use responsive row columns and responsive gutter props. + +`),t(),e(23,"docs-example",2),g(24,"docs-gutters05"),t(),e(25,"markdown"),n(26,` + + ## No gutters + + The gutters between columns in our predefined grid props can be removed with [gutter]="{g: 0}". + This removes the negative margins from \`c-row\` and the horizontal padding from all immediate children columns. + + **Need an edge-to-edge design**? Drop the parent \`c-container\` or \`c-container fluid\`. + + In practice, here's how it looks. Note you can continue to use this with all other predefined grid props (including column widths, responsive tiers, reorders, and more). + +`),t(),e(27,"docs-example",2),g(28,"docs-gutters06"),t(),e(29,"markdown"),n(30),e(31,"div",3),n(32,"\n\n |prop|description|type|default|notes|\n |:---|:---|:---|:---:|---|\n |`fluid`|Set container 100% wide, spanning the entire width of the viewport.|`boolean`|_undefined_|\n |`breakpoint`|Set container 100% wide until `{sm\\|md\\|lg\\|xl\\|xxl}` breakpoint.|`string`|_undefined_|\n\n "),t(),n(33,` + + --- + + ### c-row cRow + _component_ _directive_ + + ##### Inputs + `),e(34,"div",3),n(35,"\n\n |prop|description|type|default|notes|\n |:---|:---|:---|:---:|---|\n |`xs`|The number of columns/offset/order on extra small devices (<576px).|`auto \\| number \\| boolean`|_undefined_|\n |`sm`|The number of columns/offset/order on extra small devices (<768px).|`auto \\| number \\| boolean`|_undefined_|\n |`md`|The number of columns/offset/order on extra small devices (<992px).|`auto \\| number \\| boolean`|_undefined_|\n |`lg`|The number of columns/offset/order on extra small devices (<1200px).|`auto \\| number \\| boolean`|_undefined_|\n |`xl`|The number of columns/offset/order on extra small devices (<1400px).|`auto \\| number \\| boolean`|_undefined_|\n |`xxl`|The number of columns/offset/order on extra small devices (\u22651400px).|`auto \\| number \\| boolean`|_undefined_|\n\n "),t(),n(36,` + + --- + + ### gutter + _directive_ for c-row + + ##### Inputs +`),e(37,"div",3),n(38,` + + |prop|description|type|default|notes| + |:---|:---|:---|:---:|---| + |\`gutter\`|Define padding between columns to space and align content responsively in the Bootstrap grid system.|(IGutterObject | GutterBreakpoints | Gutters)|_undefined_| + +`),t(),n(39,` + + + --- + + ### c-col cCol + _component_ _directive_ + + ##### Inputs +`),e(40,"div",3),n(41,'\n\n |prop|description|type|default|notes|\n |:---|:---|:---|:---:|---|\n |`xs`|The number of columns/offset/order on extra small devices (<576px).|`auto \\| number`|_undefined_|\n |`sm`|The number of columns/offset/order on extra small devices (<768px).|`auto \\| number`|_undefined_|\n |`md`|The number of columns/offset/order on extra small devices (<992px).|`auto \\| number`|_undefined_|\n |`lg`|The number of columns/offset/order on extra small devices (<1200px).|`auto \\| number `|_undefined_|\n |`xl`|The number of columns/offset/order on extra small devices (<1400px).|`auto \\| number `|_undefined_|\n |`xxl`|The number of columns/offset/order on extra small devices (\u22651400px).|`auto \\| number`|_undefined_|\n |`offset`|Offset grid columns|`number\\|{sm\\|md\\|lg\\|xl\\|xxl}:number`|_undefined_|\n |`order`|Controls the visual order of your columns. Includes support for `1` through `5` across all six grid tiers.|`"first"\\|"last"\\|number\\|{sm\\|md\\|lg\\|xl\\|xxl}:number`|_undefined_|\n\n'),t(),n(42,` + +`),t()),i&2&&(r(),h(f.title),r(2),h(f.description),r(4),s("files",l(9,O)),r(4),s("files",l(10,B)),r(4),s("files",l(11,L)),r(4),s("files",l(12,U)),r(4),s("files",l(13,P)),r(4),s("files",l(14,V)),r(3),w(` + --- + + ## API reference + + ### Grid Module + + `,f.usage,` + + --- + + ### c-container + _component_ + + ##### Inputs + `))},dependencies:[_,S,E,R,F,M,D,T,G],encapsulation:2,changeDetection:0})}}return o})();export{ge as GuttersComponent}; diff --git a/angular/docs/chunk-3VDKHCWL.js b/angular/docs/chunk-3VDKHCWL.js deleted file mode 100644 index 191a3d673d3..00000000000 --- a/angular/docs/chunk-3VDKHCWL.js +++ /dev/null @@ -1,101 +0,0 @@ -import"./chunk-R4BQTGW3.js";import{a as ce}from"./chunk-Q2HVSKUJ.js";import{a as re}from"./chunk-GOOL7UHW.js";import{F as q,Fb as s,Na as b,Oa as M,Pa as Q,Ra as X,Rb as u,Sa as Z,Tb as g,Ua as $,Va as T,Ya as ee,Za as te,eb as ne,fb as I,ob as ae,u as U}from"./chunk-CIRO6JJS.js";import"./chunk-HEV2ZGEM.js";import"./chunk-QWX5SKOU.js";import"./chunk-DPZ7BZKP.js";import{a as ie}from"./chunk-KJYCQPQX.js";import{r as oe}from"./chunk-R2AYP265.js";import{h as J,i as K}from"./chunk-ADVPX5JT.js";import{s as P,u as F}from"./chunk-2XBJPMNA.js";import"./chunk-TJ5BOBQA.js";import{$c as x,Aa as y,Ba as S,Bc as V,Cc as l,Dc as z,Ec as R,Fc as Y,Gc as G,Hb as k,Lc as O,Mc as L,Nc as W,Rb as m,Sc as d,Tc as f,Vc as H,_c as _,ac as t,ad as j,bc as n,cc as o,cd as C,gc as B,mb as c,na as p,nb as A,nc as N,pc as E}from"./chunk-W26A3BQN.js";import"./chunk-JKOY2XUY.js";var Se=(e,D)=>({startDate:e,endDate:D}),le=(()=>{class e{ngOnInit(){let i=new Date;this.startDate=new Date(i.getFullYear(),i.getMonth(),i.getDate()-6),this.endDate=new Date(i.getFullYear(),i.getMonth(),i.getDate())}static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-date-range-picker15"]],standalone:!0,features:[d],decls:13,vars:15,consts:[["form","ngForm"],["lg","5"],["name","dateRangePicker",3,"ngModel"]],template:function(a,r){if(a&1&&(t(0,"c-row")(1,"c-col",1)(2,"form",null,0),o(4,"c-date-range-picker",2),n()()(),o(5,"br"),l(6),_(7,"json"),o(8,"br"),l(9),_(10,"date"),_(11,"date"),o(12,"br")),a&2){let v=V(3);c(4),m("ngModel",H(12,Se,r.startDate,r.endDate)),c(2),R(` -dateRangePicker value: `,x(7,4,v.value.dateRangePicker),` -`),c(3),Y(` -startDate: `,j(10,6,v.value.dateRangePicker==null?null:v.value.dateRangePicker.startDate,"fullDate"),` --> -endDate: `,j(11,9,v.value.dateRangePicker==null?null:v.value.dateRangePicker.endDate,"fullDate"),` -`)}},dependencies:[g,u,I,T,b,M,ne,$,X,s,F,P],encapsulation:2})}}return e})();var me=(()=>{class e{constructor(){this.startDate=new Date,this.endDate=new Date}get toLocaleDateString(){return this.formGroup.value.dateRangePicker.startDate?.toLocaleDateString()+" -> "+this.formGroup.value.dateRangePicker.endDate?.toLocaleDateString()}ngOnInit(){let i=new Date(this.startDate.getFullYear(),this.startDate.getMonth(),this.startDate.getDate()),a=new Date(this.endDate.getFullYear(),this.endDate.getMonth(),this.endDate.getDate()+6),r={startDate:i,endDate:a};this.formGroup=new Q({dateRangePicker:new Z(r,{nonNullable:!1})})}static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-date-range-picker14"]],standalone:!0,features:[d],decls:9,vars:5,consts:[["lg","5"],[3,"formGroup"],["formControlName","dateRangePicker"]],template:function(a,r){a&1&&(t(0,"c-row")(1,"c-col",0)(2,"form",1),o(3,"c-date-range-picker",2),n()()(),o(4,"br"),l(5),_(6,"json"),o(7,"br"),l(8)),a&2&&(c(2),m("formGroup",r.formGroup),c(3),R(` -Form value: `,x(6,3,r.formGroup.value),` -`),c(3),R(` -dateRangePicker value: `,r.toLocaleDateString,` -`))},dependencies:[g,u,I,T,b,M,ee,te,s,F],encapsulation:2})}}return e})();var Ee=()=>["\u062A\u0627\u0631\u06CC\u062E \u067E\u0627\u06CC\u0627\u0646","\u062A\u0627\u0631\u06CC\u062E \u0634\u0631\u0648\u0639"],pe=(()=>{class e{static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-date-range-picker13"]],standalone:!0,features:[d],decls:4,vars:2,consts:[["lg","5"],["dir","rtl"],["locale","fa-IR","weekdayFormat","narrow",3,"placeholder"]],template:function(a,r){a&1&&(t(0,"c-row")(1,"c-col",0)(2,"div",1),o(3,"c-date-range-picker",2),n()()()),a&2&&(c(3),m("placeholder",f(1,Ee)))},dependencies:[g,u,s],encapsulation:2})}}return e})();var Pe=()=>["\u05EA\u05D0\u05E8\u05D9\u05DA \u05E1\u05D9\u05D5\u05DD","\u05D1\u05D7\u05E8 \u05EA\u05D0\u05E8\u05D9\u05DA"],de=(()=>{class e{static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-date-range-picker12"]],standalone:!0,features:[d],decls:4,vars:2,consts:[["lg","5"],["dir","rtl"],["locale","he-IL","weekdayFormat","narrow",3,"placeholder"]],template:function(a,r){a&1&&(t(0,"c-row")(1,"c-col",0)(2,"div",1),o(3,"c-date-range-picker",2),n()()()),a&2&&(c(3),m("placeholder",f(1,Pe)))},dependencies:[g,u,s],encapsulation:2})}}return e})();var Fe=()=>["\uB0A0\uC9DC \uC120\uD0DD","\uC885\uB8CC\uC77C"],se=(()=>{class e{constructor(){this.dayFormat=i=>i.getDate()}static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-date-range-picker11"]],standalone:!0,features:[d],decls:3,vars:3,consts:[["lg","5"],["locale","ko","navYearFirst","",3,"dayFormat","placeholder"]],template:function(a,r){a&1&&(t(0,"c-row")(1,"c-col",0),o(2,"c-date-range-picker",1),n()()),a&2&&(c(2),m("dayFormat",r.dayFormat)("placeholder",f(2,Fe)))},dependencies:[g,u,s],encapsulation:2})}}return e})();var be=()=>["\u65E5\u4ED8\u3092\u9078\u629E","\u7D42\u4E86\u65E5"],ue=(()=>{class e{static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-date-range-picker10"]],standalone:!0,features:[d],decls:3,vars:2,consts:[["lg","5"],["locale","ja",3,"placeholder"]],template:function(a,r){a&1&&(t(0,"c-row")(1,"c-col",0),o(2,"c-date-range-picker",1),n()()),a&2&&(c(2),m("placeholder",f(1,be)))},dependencies:[g,u,s],encapsulation:2})}}return e})();var Me=()=>["\u5165\u4F4F\u65E5\u671F","\u9000\u623F\u65E5\u671F"],ge=(()=>{class e{static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-date-range-picker09"]],standalone:!0,features:[d],decls:3,vars:2,consts:[["lg","5"],["locale","zh-Hant","weekdayFormat","narrow",3,"placeholder"]],template:function(a,r){a&1&&(t(0,"c-row")(1,"c-col",0),o(2,"c-date-range-picker",1),n()()),a&2&&(c(2),m("placeholder",f(1,Me)))},dependencies:[g,u,s],encapsulation:2})}}return e})();var fe=(()=>{class e{static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-date-range-picker08"]],standalone:!0,features:[d],decls:3,vars:0,consts:[["lg","5"]],template:function(a,r){a&1&&(t(0,"c-row")(1,"c-col",0),o(2,"c-date-range-picker"),n()())},dependencies:[g,u,s],encapsulation:2})}}return e})();var De=(()=>{class e{constructor(){this.customRanges={Today:[new Date,new Date],Yesterday:[new Date(new Date().setDate(new Date().getDate()-1)),new Date(new Date().setDate(new Date().getDate()-1))],"Last 7 Days":[new Date(new Date().setDate(new Date().getDate()-6)),new Date(new Date)],"Last 30 Days":[new Date(new Date().setDate(new Date().getDate()-29)),new Date(new Date)],"This Month":[new Date(new Date().setDate(1)),new Date(new Date().getFullYear(),new Date().getMonth()+1,0)],"Last Month":[new Date(new Date().getFullYear(),new Date().getMonth()-1,1),new Date(new Date().getFullYear(),new Date().getMonth(),0)]}}static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-date-range-picker07"]],standalone:!0,features:[d],decls:3,vars:1,consts:[["lg","5"],["rangesButtonsColor","primary",3,"ranges"]],template:function(a,r){a&1&&(t(0,"c-row")(1,"c-col",0),o(2,"c-date-range-picker",1),n()()),a&2&&(c(2),m("ranges",r.customRanges))},dependencies:[g,u,s],encapsulation:2})}}return e})();var ke=(()=>{class e{constructor(){this.calendarDate=new Date(2022,2,1),this.disabledDates=[[new Date(2022,2,4),new Date(2022,2,7)],new Date(2022,2,16),new Date(2022,3,16),[new Date(2022,4,2),new Date(2022,4,8)]],this.maxDate=new Date(2022,5,0),this.minDate=new Date(2022,0,1),this.dateFilter=i=>i?.getDay()!==0}static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-date-range-picker06"]],standalone:!0,features:[d],decls:3,vars:5,consts:[["lg","5"],["locale","de-AT",3,"calendarDate","dateFilter","disabledDates","maxDate","minDate"]],template:function(a,r){a&1&&(t(0,"c-row")(1,"c-col",0),o(2,"c-date-range-picker",1),n()()),a&2&&(c(2),m("calendarDate",r.calendarDate)("dateFilter",r.dateFilter)("disabledDates",r.disabledDates)("maxDate",r.maxDate)("minDate",r.minDate))},dependencies:[g,u,s],encapsulation:2})}}return e})();var Ce=(()=>{class e{static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-date-range-picker05"]],standalone:!0,features:[d],decls:3,vars:0,consts:[["lg","5"],["inputReadOnly",""]],template:function(a,r){a&1&&(t(0,"c-row")(1,"c-col",0),o(2,"c-date-range-picker",1),n()())},dependencies:[g,u,s],encapsulation:2})}}return e})();var he=(()=>{class e{static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-date-range-picker04"]],standalone:!0,features:[d],decls:3,vars:0,consts:[["lg","5"],["disabled",""]],template:function(a,r){a&1&&(t(0,"c-row")(1,"c-col",0),o(2,"c-date-range-picker",1),n()())},dependencies:[g,u,s],encapsulation:2})}}return e})();var _e=(()=>{class e{static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-date-range-picker03"]],standalone:!0,features:[d],decls:6,vars:0,consts:[[1,"mb-4"],["lg","5"],["size","lg"],["lg","4"],["size","sm"]],template:function(a,r){a&1&&(t(0,"c-row",0)(1,"c-col",1),o(2,"c-date-range-picker",2),n()(),t(3,"c-row")(4,"c-col",3),o(5,"c-date-range-picker",4),n()())},dependencies:[g,u,s],encapsulation:2})}}return e})();function Te(e,D){if(e&1){let i=B();t(0,"button",5),N("click",function(){y(i);let r=E();return S(r.onToday())}),l(1,"Today"),n(),t(2,"button",6),N("click",function(){y(i);let r=E();return S(r.onClear())}),l(3,"Clear"),n(),t(4,"button",7),l(5,"OK"),n()}if(e&2){let i=D.$implicit,a=E();c(4),m("disabled",!a.endDate)("dropdownComponent",i)}}var ve=(()=>{class e{constructor(){this.date=new Date,this.startDate=new Date(new Date().setDate(this.date.getDate()+1)),this.endDate=new Date(new Date().setDate(this.date.getDate()+3)),this.calendarDate=new Date(Date.now())}onToday(){this.calendarDate=new Date(Date.now())}onClear(){this.startDate=null,this.endDate=null}static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-date-range-picker02"]],standalone:!0,features:[d],decls:9,vars:10,consts:[["dateRangePicker","cDateRangePicker"],["lg","5"],[3,"endDateChange","startDateChange","endDate","startDate","calendarDate"],["cTemplateId","datePickerFooter"],[1,"d-flex","align-items-center"],["cButton","","color","danger","size","sm","variant","ghost",1,"me-auto",3,"click"],["cButton","","color","primary","size","sm",3,"click"],["cButton","","cDropdownClose","","color","primary","size","sm",3,"disabled","dropdownComponent"]],template:function(a,r){if(a&1){let v=B();t(0,"c-row")(1,"c-col",1)(2,"c-date-range-picker",2,0),W("endDateChange",function(w){return y(v),L(r.endDate,w)||(r.endDate=w),S(w)})("startDateChange",function(w){return y(v),L(r.startDate,w)||(r.startDate=w),S(w)}),k(4,Te,6,2,"ng-template",3),n()(),t(5,"c-col",4),l(6),_(7,"date"),_(8,"date"),n()()}a&2&&(c(2),O("endDate",r.endDate)("startDate",r.startDate),m("calendarDate",r.calendarDate),c(4),G(" ",x(7,6,r.startDate)," ",r.startDate?"->":""," ",x(8,8,r.endDate)," "))},dependencies:[g,u,s,U,q,ae,P],encapsulation:2})}}return e})();var we=(()=>{class e{constructor(){this.date=new Date,this.startDate=new Date(this.date.getFullYear(),this.date.getMonth(),11),this.endDate=new Date(this.date.getFullYear(),this.date.getMonth(),17)}static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-date-range-picker01"]],standalone:!0,features:[d],decls:5,vars:2,consts:[["lg","5"],["selectAdjacentDays",""],[3,"startDate","endDate"]],template:function(a,r){a&1&&(t(0,"c-row")(1,"c-col",0),o(2,"c-date-range-picker",1),n(),t(3,"c-col",0),o(4,"c-date-range-picker",2),n()()),a&2&&(c(4),m("startDate",r.startDate)("endDate",r.endDate))},dependencies:[g,u,s],encapsulation:2})}}return e})();var Re=`\`\`\`typescript -import { - DateRangePickerModule, - DropdownModule, - SharedModule -} from '@coreui/angular'; - -@NgModule({ - imports: [ - DateRangePickerModule, - DropdownModule, - SharedModule - ] -}) -export class AppModule() { } -\`\`\` -`;var Ae=()=>["forms/date-range-picker/examples/date-range-picker01.component.html","forms/date-range-picker/examples/date-range-picker01.component.ts"],Be=()=>["forms/date-range-picker/examples/date-range-picker02.component.html","forms/date-range-picker/examples/date-range-picker02.component.ts"],Ne=()=>["forms/date-range-picker/examples/date-range-picker03.component.html"],ze=()=>["forms/date-range-picker/examples/date-range-picker04.component.html"],Le=()=>["forms/date-range-picker/examples/date-range-picker05.component.html"],je=()=>["forms/date-range-picker/examples/date-range-picker06.component.html","forms/date-range-picker/examples/date-range-picker06.component.ts"],Ve=()=>["forms/date-range-picker/examples/date-range-picker07.component.html","forms/date-range-picker/examples/date-range-picker07.component.ts"],Ye=()=>["forms/date-range-picker/examples/date-range-picker08.component.html"],Ge=()=>["forms/date-range-picker/examples/date-range-picker09.component.html"],Oe=()=>["forms/date-range-picker/examples/date-range-picker10.component.html"],We=()=>["forms/date-range-picker/examples/date-range-picker11.component.html","forms/date-range-picker/examples/date-range-picker11.component.ts"],He=()=>["forms/date-range-picker/examples/date-range-picker12.component.html"],Je=()=>["forms/date-range-picker/examples/date-range-picker13.component.html"],Ke=()=>["forms/date-range-picker/examples/date-range-picker14.component.html","forms/date-range-picker/examples/date-range-picker14.component.ts"],Ue=()=>["forms/date-range-picker/examples/date-range-picker15.component.html","forms/date-range-picker/examples/date-range-picker15.component.ts"];function qe(e,D){e&1&&(t(0,"div",7),o(1,"docs-date-range-picker01"),n())}function Qe(e,D){e&1&&(t(0,"div",7),o(1,"docs-date-range-picker02"),n())}function Xe(e,D){e&1&&(t(0,"div",7),o(1,"docs-date-range-picker03"),n())}function Ze(e,D){e&1&&(t(0,"div",7),o(1,"docs-date-range-picker04"),n())}function $e(e,D){e&1&&(t(0,"div",7),o(1,"docs-date-range-picker05"),n())}function et(e,D){e&1&&(t(0,"div",7),o(1,"docs-date-range-picker06"),n())}function tt(e,D){e&1&&(t(0,"div",7),o(1,"docs-date-range-picker07"),n())}function nt(e,D){e&1&&(t(0,"div",7),o(1,"docs-date-range-picker08"),n())}function at(e,D){e&1&&(t(0,"div",7),o(1,"docs-date-range-picker09"),n())}function ot(e,D){e&1&&(t(0,"div",7),o(1,"docs-date-range-picker10"),n())}function it(e,D){e&1&&(t(0,"div",7),o(1,"docs-date-range-picker11"),n())}function rt(e,D){e&1&&(t(0,"div",7),o(1,"docs-date-range-picker12"),n())}function ct(e,D){e&1&&(t(0,"div",7),o(1,"docs-date-range-picker13"),n())}function lt(e,D){e&1&&(t(0,"div",7),o(1,"docs-date-range-picker14"),n())}function mt(e,D){e&1&&(t(0,"div",7),o(1,"docs-date-range-picker15"),n())}var Dn=(()=>{class e{constructor(i,a){this.metaService=i,this.titleService=a,this.usage=Re,this.title="Angular Date Range Picker Component",this.description="Create consistent cross-browser and cross-device Angular date range picker."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(a){return new(a||e)(A(J),A(K))}}static{this.\u0275cmp=p({type:e,selectors:[["docs-date-range-picker-docs"]],standalone:!0,features:[d],decls:104,vars:33,consts:[["docsExample",""],["id","getting-started"],["markdown","",1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"api-table"],[1,"badge","bg-primary","badge-sm"],["href","https://angular.io/api/common/DatePipe","target","_blank"],[1,"docs-example","p-3"]],template:function(a,r){a&1&&(o(0,"docs-banner-pro"),t(1,"h1",1),l(2),n(),t(3,"p",2),l(4),n(),o(5,"docs-ads-carbon-loader"),t(6,"markdown"),l(7,` - - ## Examples -`),n(),t(8,"docs-example",3),k(9,qe,2,0,"ng-template",null,0,C),n(),t(11,"markdown"),l(12,` - - ### With footer -`),n(),t(13,"docs-example",3),k(14,Qe,2,0,"ng-template",null,0,C),n(),t(16,"markdown"),l(17,'\n\n ### Sizing\n Set heights using `size` property like `size="lg"` and `size="sm"`.\n'),n(),t(18,"docs-example",3),k(19,Xe,2,0,"ng-template",null,0,C),n(),t(21,"markdown"),l(22,` - - ### Disabled - Add the \`disabled\` boolean attribute on an input to give it a grayed out appearance and remove pointer events. -`),n(),t(23,"docs-example",3),k(24,Ze,2,0,"ng-template",null,0,C),n(),t(26,"markdown"),l(27,` - - ### Readonly - Add the \`inputReadOnly\` boolean attribute to prevent modification of the input value. -`),n(),t(28,"docs-example",3),k(29,$e,2,0,"ng-template",null,0,C),n(),t(31,"markdown"),l(32,` - - ### Disabled dates -`),n(),t(33,"docs-example",3),k(34,et,2,0,"ng-template",null,0,C),n(),t(36,"markdown"),l(37,` - - ### Custom ranges -`),n(),t(38,"docs-example",3),k(39,tt,2,0,"ng-template",null,0,C),n(),t(41,"markdown"),l(42,` - - ## Non-english locale - ### Auto -`),n(),t(43,"docs-example",3),k(44,nt,2,0,"ng-template",null,0,C),n(),t(46,"markdown"),l(47,` - - ### Chinese -`),n(),t(48,"docs-example",3),k(49,at,2,0,"ng-template",null,0,C),n(),t(51,"markdown"),l(52,` - - ### Japanese -`),n(),t(53,"docs-example",3),k(54,ot,2,0,"ng-template",null,0,C),n(),t(56,"markdown"),l(57,` - - ### Korean -`),n(),t(58,"docs-example",3),k(59,it,2,0,"ng-template",null,0,C),n(),t(61,"markdown"),l(62,` - - --- - - ## Right to left support - RTL support is built-in and can be explicitly controlled through the \`$enable-rtl\` variables in scss. - - ### Hebrew -`),n(),t(63,"docs-example",3),k(64,rt,2,0,"ng-template",null,0,C),n(),t(66,"markdown"),l(67,` - - ### Persian -`),n(),t(68,"docs-example",3),k(69,ct,2,0,"ng-template",null,0,C),n(),t(71,"markdown"),l(72,` - ## Forms - - Angular handles user input through reactive and template-driven forms. - CoreUI Date Range Picker supports both possibilities. - - ### Reactive -`),n(),t(73,"docs-example",3),k(74,lt,2,0,"ng-template",null,0,C),n(),t(76,"markdown"),l(77,` - - ### Template-driven -`),n(),t(78,"docs-example",3),k(79,mt,2,0,"ng-template",null,0,C),n(),t(81,"markdown"),l(82),t(83,"div",4),l(84,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `startDate` | Initial selected start date. | `Date` | _undefined_ |\n | `endDate` | Initial selected start date. | `Date` | _undefined_ |\n | `calendarDate` | Default date month of the component. | `Date` | _undefined_ |\n | `cleaner` | Toggle visibility or set the content of the cleaner button. | `boolean` | _true_ |\n | `closeOnSelect` | Determine if dropdown should be closed when component value is set. | `boolean` | _false_ |\n | `disabled` | Toggle the disabled state for the component. | `boolean` | _false_ |\n | `disabledDates` | List of dates that cannot be selected. | `(Date` \\| `Date[])[]` | _undefined_ |\n | `firstDayOfWeek` | Sets the day of start week. | `number` | _1_ |\n | `format`"),o(85,"br"),t(86,"div",5),l(87,"4.5.26+"),n(),l(88," | Formats a date display. See: "),t(89,"a",6),l(90,"DatePipe"),n(),l(91," format options. Makes the input read-only.| `string` | _undefined_ |\n | `indicator` | Toggle visibility or set the content of the input indicator. | `boolean` | _true_ |\n | `inputReadOnly` | Toggle the readonly state for the input. | `boolean` | _false_ |\n | `locale` | Sets the default locale for components. If not set, it is inherited from the browser. | `string` | _default_ |\n | `maxDate` | Max selectable date. | `Date` | _undefined_ |\n | `minDate` | Min selectable date. | `Date` | _undefined_ |\n | `navYearFirst` | Reorder year-month navigation, and render year first. | `boolean` | _false_ |\n | `navigation` | Show arrows navigation. | `boolean` | _true_ |\n | `placeholder` | Specifies hint visible in date input. | `string[]` | _Start date_, _End Date_ |\n | `size` | Size the component input small or large. | `sm` \\| `lg` | _undefined_ |\n | `dayFormat` | Set the format of day number. | `numeric` \\| `2-digit` \\| `(date: Date) => string \\| number` | _numeric_ |\n | `weekdayFormat` | Set length or format of day name. | `number` \\| `long` \\| `narrow` \\| `short` | _2_ |\n | `ranges` | Predefined date ranges the user can select from. | `object` | _undefined_ |\n | `rangesButtonsColor` | Sets the color context of the cancel button to one of CoreUI themed colors. | `Colors` | _secondary_ |\n | `rangesButtonsSize` | Size the ranges button small or large. | `sm` \\| `lg` | _undefined_ |\n | `rangesButtonsVariant` | Set the ranges button variant to an outlined button or a ghost button. | `outline` \\| `ghost` | _ghost_ |\n | `selectAdjacentDays`"),o(92,"br"),t(93,"div",5),l(94,"4.5.5+"),n(),l(95," | Days in adjacent months shown before or after the current month are selectable. This only applies if the `showAdjacentDays` option is set to `true`. | `boolean` | _false_ |\n | `showAdjacentDays`"),o(96,"br"),t(97,"div",5),l(98,"4.5.5+"),n(),l(99," | Display dates in adjacent months (non-selectable) at the start/end of the current month. | `boolean` | _true_ |\n | `valid` | Set input validation visual feedback. | `boolean` | _undefined_ |\n | `showWeekNumber` | Display ISO week numbers in month view. | `boolean` | _undefined_ |\n | `weekNumbersLabel` | Label displayed over week numbers in the calendar. | `string` | _undefined_ |\n | `inputDateFormat` | Custom function to format the selected date into a string according to a custom format. | `(date: Date) => string` | _undefined_ |\n | `inputDateParse` | Custom function to parse the input value into a valid Date object. | `(date: string | Date) => Date` | _undefined_ |\n\n "),n(),l(100,` - - ##### Outputs - `),t(101,"div",4),l(102,"\n\n | name | description | type |\n | ---- | ----------- | ---- |\n | `startDateChange` | Event emitted on `startDate` change | `Date` |\n | `endDateChange` | Event emitted on `startDate` change | `Date` |\n | `calendarCellHover` | Event emitted on calendar cell hover | `Date` |\n | `calendarDateChange` | Event emitted on calendar month change | `Date` |\n | `valueChange` | Event emitted on `value` change | `{startDate: Date, endDate: Date}` |\n\n "),n(),l(103,` - -`),n()),a&2&&(c(2),z(r.title),c(2),z(r.description),c(4),m("files",f(18,Ae)),c(5),m("files",f(19,Be)),c(5),m("files",f(20,Ne)),c(5),m("files",f(21,ze)),c(5),m("files",f(22,Le)),c(5),m("files",f(23,je)),c(5),m("files",f(24,Ve)),c(5),m("files",f(25,Ye)),c(5),m("files",f(26,Ge)),c(5),m("files",f(27,Oe)),c(5),m("files",f(28,We)),c(5),m("files",f(29,He)),c(5),m("files",f(30,Je)),c(5),m("files",f(31,Ke)),c(5),m("files",f(32,Ue)),c(4),R(` - --- - - ## API reference - - ### DateRangePicker Module - - `,r.usage,` - - --- - - ### c-date-range-picker - _component_ - - ##### Inputs - `))},dependencies:[oe,ie,re,we,ve,_e,he,Ce,ke,De,fe,ge,ue,se,de,pe,me,le,ce],encapsulation:2})}}return e})();export{Dn as DateRangePickerDocsComponent}; diff --git a/angular/docs/chunk-4P7KQCRI.js b/angular/docs/chunk-4P7KQCRI.js new file mode 100644 index 00000000000..a85b167981c --- /dev/null +++ b/angular/docs/chunk-4P7KQCRI.js @@ -0,0 +1 @@ +import{Ab as c,Ja as s,Ka as r,Va as a,ia as n,pb as o}from"./chunk-GYQMS5FR.js";var p=(()=>{class t{#e;#t;#i;#n;constructor(){this.code=s("CEAICKJY"),this.placement=s("coreuiio"),this.#e=n(r),this.#t=n(o),this.#i=this.#t.createElement("script"),this.#t.setAttribute(this.#i,"type","text/javascript"),this.#t.setAttribute(this.#i,"src",`//cdn.carbonads.com/carbon.js?serve=${this.code()}&placement=${this.placement()}`),this.#t.setAttribute(this.#i,"id","_carbonads_js"),this.#e.nativeElement.innerHTML="",a({read:()=>{this.#t.appendChild(this.#e.nativeElement,this.#i),this.#n=new MutationObserver(i=>{this.#e?.nativeElement?.childNodes?.forEach((e,h)=>{e.tagName==="DIV"&&e.id.startsWith("carbonads_")&&e.id!=="carbonads"&&this.#e?.nativeElement&&this.#t.removeChild(this.#e?.nativeElement,e)})}),this.#n?.observe(this.#e.nativeElement,{childList:!0})}})}ngOnDestroy(){this.#n?.disconnect(),this.#e?.nativeElement?.childNodes?.forEach((i,e)=>{this.#e?.nativeElement&&this.#t.removeChild(this.#e?.nativeElement,i)}),this.#e.nativeElement.innerHTML=""}static{this.\u0275fac=function(e){return new(e||t)}}static{this.\u0275cmp=c({type:t,selectors:[["docs-ads-carbon"]],inputs:{code:[1,"code"],placement:[1,"placement"]},decls:0,vars:0,template:function(e,h){},styles:["[_nghost-%COMP%]{display:block;min-height:130px;margin:2rem 0}"]})}}return t})();export{p as a}; diff --git a/angular/docs/chunk-4TN3UWYA.js b/angular/docs/chunk-4TN3UWYA.js new file mode 100644 index 00000000000..4bfec6606db --- /dev/null +++ b/angular/docs/chunk-4TN3UWYA.js @@ -0,0 +1,99 @@ +import{a as D}from"./chunk-IWRSONFO.js";import{B as w,u as x,x as v,y}from"./chunk-N5CLKGXI.js";import"./chunk-W2HQYSLN.js";import"./chunk-XGTGYVNY.js";import"./chunk-DPZ7BZKP.js";import{a as V}from"./chunk-YCMO5GD4.js";import{s as M}from"./chunk-6RP7HPDL.js";import{h as I,i as k}from"./chunk-NR6O7NQI.js";import"./chunk-XQ2JSG7T.js";import"./chunk-4P7KQCRI.js";import{Ab as g,Fc as s,Gc as e,Hb as h,Hc as A,Ic as E,Vb as a,Wc as b,ec as i,fc as n,gc as C,kb as d,kc as _,lb as S,rc as f,tc as l,va as p,wa as u}from"./chunk-GYQMS5FR.js";import"./chunk-JKOY2XUY.js";function Y(t,m){if(t&1){let o=_();i(0,"button",7),f("click",function(){p(o),l();let r=s(2);return u(r.toggleItem())}),e(1," Accordion item #0 "),n()}if(t&2){l();let o=s(2);a("collapsed",!o.visible)}}function F(t,m){t&1&&(i(0,"div",8)(1,"strong"),e(2,"This is the first item's accordion body."),n(),e(3," It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the "),i(4,"code"),e(5,".accordion-body"),n(),e(6,", though the transition does limit overflow. "),n())}function O(t,m){if(t&1){let o=_();i(0,"button",7),f("click",function(){p(o),l();let r=s(6);return u(r.toggleItem())}),e(1," Accordion item #1 "),n()}if(t&2){l();let o=s(6);a("collapsed",!o.visible)}}function N(t,m){t&1&&(i(0,"div",8)(1,"strong"),e(2,"This is the second item's accordion body."),n(),e(3," It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the "),i(4,"code"),e(5,".accordion-body"),n(),e(6,", though the transition does limit overflow. "),n())}function P(t,m){if(t&1){let o=_();i(0,"button",7),f("click",function(){p(o),l();let r=s(10);return u(r.toggleItem())}),e(1," Accordion item #2 "),n()}if(t&2){l();let o=s(10);a("collapsed",!o.visible)}}function R(t,m){t&1&&(i(0,"div",8)(1,"strong"),e(2,"This is the third item's accordion body."),n(),e(3," It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the "),i(4,"code"),e(5,".accordion-body"),n(),e(6,", though the transition does limit overflow. "),n())}var H=(()=>{class t{constructor(){this.items=[1,2,3,4]}static{this.\u0275fac=function(c){return new(c||t)}}static{this.\u0275cmp=g({type:t,selectors:[["docs-accordion03-example"]],decls:13,vars:4,consts:[["item0","cAccordionItem"],["item1","cAccordionItem"],["item2","cAccordionItem"],[3,"alwaysOpen"],[3,"visible"],["cTemplateId","accordionHeaderTemplate"],["cTemplateId","accordionBodyTemplate"],["cAccordionButton","",3,"click","collapsed"],[1,"accordion-body"]],template:function(c,r){c&1&&(i(0,"c-accordion",3)(1,"c-accordion-item",4,0),h(3,Y,2,1,"ng-template",5)(4,F,7,0,"ng-template",6),n(),i(5,"c-accordion-item",4,1),h(7,O,2,1,"ng-template",5)(8,N,7,0,"ng-template",6),n(),i(9,"c-accordion-item",4,2),h(11,P,2,1,"ng-template",5)(12,R,7,0,"ng-template",6),n()()),c&2&&(a("alwaysOpen",!0),d(),a("visible",!1),d(4),a("visible",!1),d(4),a("visible",!1))},dependencies:[y,w,x,v],encapsulation:2})}}return t})();function U(t,m){if(t&1){let o=_();i(0,"button",7),f("click",function(){p(o),l();let r=s(2);return u(r.toggleItem())}),e(1," Accordion item #0 "),n()}if(t&2){l();let o=s(2);a("collapsed",!o.visible)}}function q(t,m){t&1&&(i(0,"div",8)(1,"strong"),e(2,"This is the first item's accordion body."),n(),e(3," It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the "),i(4,"code"),e(5,".accordion-body"),n(),e(6,", though the transition does limit overflow. "),n())}function z(t,m){if(t&1){let o=_();i(0,"button",7),f("click",function(){p(o),l();let r=s(6);return u(r.toggleItem())}),e(1," Accordion item #1 "),n()}if(t&2){l();let o=s(6);a("collapsed",!o.visible)}}function G(t,m){t&1&&(i(0,"div",8)(1,"strong"),e(2,"This is the second item's accordion body."),n(),e(3," It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the "),i(4,"code"),e(5,".accordion-body"),n(),e(6,", though the transition does limit overflow. "),n())}function J(t,m){if(t&1){let o=_();i(0,"button",7),f("click",function(){p(o),l();let r=s(10);return u(r.toggleItem())}),e(1," Accordion item #2 "),n()}if(t&2){l();let o=s(10);a("collapsed",!o.visible)}}function K(t,m){t&1&&(i(0,"div",8)(1,"strong"),e(2,"This is the third item's accordion body."),n(),e(3," It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the "),i(4,"code"),e(5,".accordion-body"),n(),e(6,", though the transition does limit overflow. "),n())}var B=(()=>{class t{constructor(){this.items=[1,2,3,4]}static{this.\u0275fac=function(c){return new(c||t)}}static{this.\u0275cmp=g({type:t,selectors:[["docs-accordion02-example"]],decls:13,vars:4,consts:[["item0","cAccordionItem"],["item1","cAccordionItem"],["item2","cAccordionItem"],[3,"flush"],[3,"visible"],["cTemplateId","accordionHeaderTemplate"],["cTemplateId","accordionBodyTemplate"],["cAccordionButton","",3,"click","collapsed"],[1,"accordion-body"]],template:function(c,r){c&1&&(i(0,"c-accordion",3)(1,"c-accordion-item",4,0),h(3,U,2,1,"ng-template",5)(4,q,7,0,"ng-template",6),n(),i(5,"c-accordion-item",4,1),h(7,z,2,1,"ng-template",5)(8,G,7,0,"ng-template",6),n(),i(9,"c-accordion-item",4,2),h(11,J,2,1,"ng-template",5)(12,K,7,0,"ng-template",6),n()()),c&2&&(a("flush",!0),d(),a("visible",!1),d(4),a("visible",!1),d(4),a("visible",!1))},dependencies:[y,w,x,v],encapsulation:2})}}return t})();function Q(t,m){if(t&1){let o=_();i(0,"button",6),f("click",function(){p(o),l();let r=s(2);return u(r.toggleItem())}),e(1," Accordion item #0 "),n()}if(t&2){l();let o=s(2);a("collapsed",!o.visible)}}function W(t,m){t&1&&(i(0,"div",7)(1,"strong"),e(2,"This is the first item's accordion body."),n(),e(3," It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the "),i(4,"code"),e(5,".accordion-body"),n(),e(6,", though the transition does limit overflow. "),n())}function X(t,m){if(t&1){let o=_();i(0,"button",6),f("click",function(){p(o),l();let r=s(6);return u(r.toggleItem())}),e(1," Accordion item #1 "),n()}if(t&2){l();let o=s(6);a("collapsed",!o.visible)}}function Z(t,m){t&1&&(i(0,"div",7)(1,"strong"),e(2,"This is the second item's accordion body."),n(),e(3," It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the "),i(4,"code"),e(5,".accordion-body"),n(),e(6,", though the transition does limit overflow. "),n())}function $(t,m){if(t&1){let o=_();i(0,"button",6),f("click",function(){p(o),l();let r=s(10);return u(r.toggleItem())}),e(1," Accordion item #2 "),n()}if(t&2){l();let o=s(10);a("collapsed",!o.visible)}}function ee(t,m){t&1&&(i(0,"div",7)(1,"strong"),e(2,"This is the third item's accordion body."),n(),e(3," It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the "),i(4,"code"),e(5,".accordion-body"),n(),e(6,", though the transition does limit overflow. "),n())}var j=(()=>{class t{constructor(){this.items=[1,2,3,4]}static{this.\u0275fac=function(c){return new(c||t)}}static{this.\u0275cmp=g({type:t,selectors:[["docs-accordion01-example"]],decls:13,vars:3,consts:[["item0","cAccordionItem"],["item1","cAccordionItem"],["item2","cAccordionItem"],[3,"visible"],["cTemplateId","accordionHeaderTemplate"],["cTemplateId","accordionBodyTemplate"],["cAccordionButton","",3,"click","collapsed"],[1,"accordion-body"]],template:function(c,r){c&1&&(i(0,"c-accordion")(1,"c-accordion-item",3,0),h(3,Q,2,1,"ng-template",4)(4,W,7,0,"ng-template",5),n(),i(5,"c-accordion-item",3,1),h(7,X,2,1,"ng-template",4)(8,Z,7,0,"ng-template",5),n(),i(9,"c-accordion-item",3,2),h(11,$,2,1,"ng-template",4)(12,ee,7,0,"ng-template",5),n()()),c&2&&(d(),a("visible",!1),d(4),a("visible",!1),d(4),a("visible",!1))},dependencies:[y,w,x,v],encapsulation:2})}}return t})();var L=`\`\`\`typescript +import { AccordionModule, SharedModule } from '@coreui/angular'; + +@NgModule({ + imports: [ + AccordionModule, + SharedModule + ] +}) +export class AppModule(){} +\`\`\` +`;var ne=()=>["components/accordion/examples/accordion01.component.html","components/accordion/examples/accordion01.component.ts"],ie=()=>["components/accordion/examples/accordion02.component.html","components/accordion/examples/accordion02.component.ts"],oe=()=>["components/accordion/examples/accordion03.component.html","components/accordion/examples/accordion03.component.ts"],ye=(()=>{class t{constructor(o,c){this.metaService=o,this.titleService=c,this.usage=L,this.title="Angular Accordion Component",this.description="Build vertically collapsing accordions in combination with our Angular Collapse component."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(c){return new(c||t)(S(I),S(k))}}static{this.\u0275cmp=g({type:t,selectors:[["ng-component"]],decls:37,vars:9,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"api-table"]],template:function(c,r){c&1&&(i(0,"h1",0),e(1),n(),i(2,"p",1),e(3),n(),C(4,"docs-ads-carbon-loader"),i(5,"markdown"),e(6,` + + ## Examples + + Click the accordions below to expand/collapse the accordion content. +`),n(),i(7,"docs-example",2),C(8,"docs-accordion01-example"),n(),i(9,"markdown"),e(10,` + ### Flush + + Add \`flush\` to remove the default \`background-color\`, some borders, and some rounded corners to render accordions + edge-to-edge with their parent container. +`),n(),i(11,"docs-example",2),C(12,"docs-accordion02-example"),n(),i(13,"markdown"),e(14,` + ### Always open + + Make accordion items stay open when another item is opened. +`),n(),i(15,"docs-example",2),C(16,"docs-accordion03-example"),n(),i(17,"markdown"),e(18),i(19,"div",3),e(20,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `flush` | Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container. | `boolean` |_undefined_|\n | `alwaysOpen` | Make accordion items stay open when another item is opened | `boolean` |_undefined_|\n\n "),n(),e(21,` + + --- + + ### c-accordion-item + _component_ + + #### Inputs + `),i(22,"div",3),e(23,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `visible` | Toggle an accordion item programmatically | `boolean` | `false` |\n\n "),n(),e(24,` + + --- + + ### cAccordionButton + _directive_ + + #### Inputs + `),i(25,"div",3),e(26,` + + | name | description | type | default | + | ---- | ----------- | ---- | ------- | + | \`collapsed\` | Toggles an accordion button collapsed state. Use in accordionHeaderTemplate. |\`boolean\`|_undefined_| + + `),n(),e(27,` + + + ### Shared Module + + ### cTemplateId + _directive_ + + `),i(28,"div",3),e(29,` + + |prop|type|default|description| + |---|---|---|---| + |\`cTemplateId\`|\`string\`|_undefined_| template name to render| + + `),n(),e(30,` + + _templates:_ + + `),i(31,"div",3),e(32,` + + |template id| description| + |---|---| + |\`accordionHeader\` | header content only| + |\`accordionBody\` | body content only| + |\`accordionHeaderTemplate\` | header full template| + |\`accordionBodyTemplate\` | body full template| + + `),n(),e(33,` + + --- + _internals:_ + + ##### AccordionService + _service_ + + `),i(34,"div",3),e(35,"\n\n |prop|type|default|description|\n |---|---|---|---|\n |`items`|`AccordionItemComponent[]`|_[ ]_| array of accordion items|\n |`alwaysOpen`|`boolean`|_false_| in sync with `AccordionComponent.alwaysOpen` prop|\n\n "),n(),e(36,` + +`),n()),c&2&&(d(),A(r.title),d(2),A(r.description),d(4),a("files",b(6,ne)),d(4),a("files",b(7,ie)),d(4),a("files",b(8,oe)),d(3),E(` + + --- + + ## API + + ### Accordion Module + + `,r.usage,` + + ### c-accordion + _component_ + + #### Inputs + `))},dependencies:[V,M,D,j,B,H],encapsulation:2,changeDetection:0})}}return t})();export{ye as AccordionComponent}; diff --git a/angular/docs/chunk-4Y65OJ6N.js b/angular/docs/chunk-4Y65OJ6N.js deleted file mode 100644 index 55b82e48bce..00000000000 --- a/angular/docs/chunk-4Y65OJ6N.js +++ /dev/null @@ -1,127 +0,0 @@ -import{o as O,p as x,r as j,t as C}from"./chunk-5JTM7ME4.js";import{a as R}from"./chunk-GOOL7UHW.js";import{o as G,p as u}from"./chunk-CIRO6JJS.js";import{c as K,d as _,g as h,i as D}from"./chunk-HEV2ZGEM.js";import"./chunk-QWX5SKOU.js";import{a as B}from"./chunk-KJYCQPQX.js";import{r as V}from"./chunk-R2AYP265.js";import{h as N,i as z}from"./chunk-ADVPX5JT.js";import"./chunk-2XBJPMNA.js";import{$b as P,Bc as U,Ca as d,Cc as s,Dc as b,Ec as v,Hb as I,Lb as F,Mb as L,Rb as m,Sc as p,Tc as y,Xb as g,Zb as M,_b as A,ac as t,bc as i,cc as r,mb as o,na as l,nb as S,pc as k}from"./chunk-W26A3BQN.js";import{a as T,b as E}from"./chunk-JKOY2XUY.js";var q="```bash\nnpm install @coreui/icons@3\nnpm install @coreui/icons-angular@5.2\n```\n";var W="```bash\nyarn add @coreui/icons\nyarn add @coreui/icons-angular\n```\n";var Y=`\`\`\`typescript -// app NgModule (excerpt) - -import { IconModule, IconSetService } from '@coreui/icons-angular'; - -@NgModule({ - imports: [ - IconModule, -... - providers: [ - IconSetService -... -\`\`\` -`;var $=`\`\`\`typescript -// app component (excerpt) - -import { IconSetService } from '@coreui/icons-angular'; -import { cilListNumbered, cilPaperPlane, brandSet } from '@coreui/icons'; - -@Component({...}) -export class AppComponent { - constructor( - public iconSet: IconSetService - ) { - iconSet.icons = { cilListNumbered, cilPaperPlane, ...brandSet }; - } -... -\`\`\` -`;var H=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=l({type:e,selectors:[["docs-icons03"]],standalone:!0,features:[p],decls:2,vars:0,consts:[["cIcon","","name","cilListNumbered","size","xl","title","Numbered List Icon"],["cIcon","","name","cilPaperPlane","size","xl","title","Paper Plane Icon"]],template:function(n,a){n&1&&(d(),r(0,"svg",0)(1,"svg",1))},dependencies:[u],encapsulation:2})}}return e})();var J=(()=>{class e{constructor(){this.icons={cilShieldAlt:C,cilList:x}}static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=l({type:e,selectors:[["docs-icons02"]],standalone:!0,features:[p],decls:2,vars:2,consts:[["size","xl","title","List Icon",3,"cIcon"],["size","xl","title","Shield Icon",3,"cIcon"]],template:function(n,a){n&1&&(d(),r(0,"svg",0)(1,"svg",1)),n&2&&(m("cIcon",a.icons.cilList),o(),m("cIcon",a.icons.cilShieldAlt))},dependencies:[u],encapsulation:2})}}return e})();var Q=(()=>{class e{constructor(){this.icons={cilList:x,cilShieldAlt:C}}static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=l({type:e,selectors:[["docs-icons01"]],standalone:!0,features:[p],decls:2,vars:2,consts:[["size","xl","title","List Icon",3,"cIcon"],["width","25","title","Shield Icon",3,"cIcon"]],template:function(n,a){n&1&&(d(),r(0,"svg",0)(1,"svg",1)),n&2&&(m("cIcon",a.icons.cilList),o(),m("cIcon",a.icons.cilShieldAlt))},dependencies:[u],encapsulation:2})}}return e})();var te=()=>[import("./chunk-IOAZHKIH.js").then(e=>e.IconsFreeComponent),import("./chunk-ZG6263RS.js").then(e=>e.IconsBrandComponent),import("./chunk-KK7M3UGZ.js").then(e=>e.IconsFlagsComponent),import("./chunk-NV3ZU5AX.js").then(e=>e.TabsComponent),import("./chunk-NV3ZU5AX.js").then(e=>e.TabsListComponent),import("./chunk-NV3ZU5AX.js").then(e=>e.TabDirective),import("./chunk-NV3ZU5AX.js").then(e=>e.TabsContentComponent),import("./chunk-NV3ZU5AX.js").then(e=>e.TabPanelComponent)],ie=()=>["icons/examples/icons01.component.html","icons/examples/icons01.component.ts"],oe=()=>["icons/examples/icons02.component.html","icons/examples/icons02x.component.ts"],ce=()=>["icons/examples/icons03.component.html","icons/examples/icons03.component.ts"];function re(e,f){if(e&1&&(t(0,"button",7),s(1),i()),e&2){let c=f.$implicit;m("itemKey",c),o(),v(" ",c," ")}}function se(e,f){e&1&&r(0,"docs-icons-free",9),e&2&&m("@insertRemoveTrigger",void 0)}function ae(e,f){e&1&&r(0,"docs-icons-brand",9),e&2&&m("@insertRemoveTrigger",void 0)}function me(e,f){e&1&&r(0,"docs-icons-flags",9),e&2&&m("@insertRemoveTrigger",void 0)}function le(e,f){if(e&1&&(t(0,"c-tabs",5,0)(2,"c-tabs-list",6),A(3,re,2,2,"button",7,M),i(),t(5,"c-tabs-content")(6,"c-tab-panel",8),I(7,se,1,1,"docs-icons-free",9),i(),t(8,"c-tab-panel",10),I(9,ae,1,1,"docs-icons-brand",9),i(),t(10,"c-tab-panel",11),I(11,me,1,1,"docs-icons-flags",9),i()()(),r(12,"hr")),e&2){let c=U(1),n=k();o(3),P(n.sets),o(4),g(c.tabsService.activeItemKey()==="Linear"?7:-1),o(2),g(c.tabsService.activeItemKey()==="Brand"?9:-1),o(2),g(c.tabsService.activeItemKey()==="Flags"?11:-1)}}var ze=(()=>{class e{constructor(c,n,a){this.metaService=c,this.titleService=n,this.iconSetService=a,this.sets=["Linear","Brand","Flags"],this.npm=q,this.yarn=W,this.usageModule=Y,this.usageComponent=$,this.title="Angular Icons Component",this.description="Official Angular component for CoreUI Icons and CoreUI Icons PRO.",this.iconSetService.icons=E(T({},this.iconSetService.icons),{cilListNumbered:O,cilPaperPlane:j})}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(n){return new(n||e)(S(N),S(z),S(G))}}static{this.\u0275cmp=l({type:e,selectors:[["docs-icons-docs"]],standalone:!0,features:[p],decls:35,vars:11,consts:[["tabs","cTabs"],["id","getting-started"],["markdown","",1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"api-table"],["activeItemKey","Linear"],["variant","tabs"],["cTab","",3,"itemKey"],["itemKey","Linear",1,"pt-4"],[1,"d-block"],["itemKey","Brand",1,"pt-4"],["itemKey","Flags",1,"pt-4"]],template:function(n,a){n&1&&(t(0,"h1",1),s(1),i(),t(2,"p",2),s(3),i(),r(4,"docs-ads-carbon-loader"),t(5,"markdown"),s(6),i(),t(7,"markdown"),s(8,` - - --- - - ## Examples - - ### Single icon - - Import necessary icons only, directly to your component -`),i(),t(9,"docs-example",3),r(10,"docs-icons01"),i(),t(11,"markdown"),s(12,` - - --- - - ### All icons - - Not recommended, can drastically increase your bundle size. - -`),i(),t(13,"docs-example",3),r(14,"docs-icons02"),i(),t(15,"markdown"),s(16),i(),t(17,"markdown"),s(18),i(),t(19,"markdown"),s(20,` - - --- - #### Use icons - - 3. Use icons by \`name\` prop anywhere in your Angular application. - -`),i(),t(21,"docs-example",3),r(22,"docs-icons03"),i(),t(23,"markdown"),s(24,` - - --- - - ## API - > Use one of \`name\` or \`content\` prop as it defines the way of icon import - - ### cIcon - _directive_ - - ##### Inputs - `),t(25,"div",4),s(26,"\n\n | property | type | default | description|\n | --- | --- | --- | --- |\n | `[cIcon]` `content` | `string`, `string[viewBox, content]` | undefined | SVG content |\n | `name` | `string` | undefined | name of SVG icon stored in IconSetService |\n | `size` | `custom \\| custom-size` \\| `sm` \\| `lg` \\| `xl` \\| `2xl` \\| `3xl` \\| `4xl` \\| `5xl` \\| `6xl` \\|`7xl` \\| `8xl` \\| `9xl` | '' | Size of icon |\n | `title` | `string` | undefined | svg title tag |\n | `customClasses` | `string` | undefined | Overwrites default `.icon` classes |\n | `viewBox` | `string` | undefined | SVG `viewBox` |\n\n "),i(),s(27,` - - --- - - ### IconSet - _service_ - - ##### Props - `),t(28,"div",4),s(29,"\n\n | property | type | default | description|\n | --- | --- | --- | --- |\n | `getIcon()` | `(string): any[] ` | | returns an icon |\n | `icons` | `IIconSet` | undefined | IconSet object |\n | `iconNames` | `[key: string]: string` | _undefined_ | returns icon name from key |\n\n "),i(),s(30,` - - --- - - ## Available icons - - CoreUI Icons package is delivered with more than 1500 icons in multiple formats SVG, PNG, and Webfonts. CoreUI Icons - are beautifully crafted symbols for common actions and items. You can use them in your digital products for web or - mobile app. - -`),i(),t(31,"div"),I(32,le,13,3),F(33,32,te),L(),i()),n&2&&(o(),b(a.title),o(2),b(a.description),o(3),v(` - - Angular \`cIcon\` directive for [CoreUI Icons SVG set](https://coreui.io/icons/). - - ## Features - - Loading icons: - - store icons by name in Angular root service, - - directly pass SVG content, - - Reduces icons bundle size when imported as single icons, - - Full functionality of \`svg\` tag, - - Lean API - - --- - ## Installation - If you want to use our icon directive with CoreUI Icons library you have to install two additional packages. - - - CoreUI Icons library \`@coreui/icons\` - - CoreUI Angular Icon component \`@coreui/icons-angular\` - - ### Npm - - `,a.npm,` -`),o(3),m("files",y(8,ie)),o(4),m("files",y(9,oe)),o(3),v(` - - --- - - ## Usage - - ### IconSet Service - - 1. Import IconSet Service on module level. For root module and/or other modules. - - `,a.usageModule,` - -`),o(2),v(` - - --- - - #### Import required icons - - 2. Upload required icons into IconSet Service on app component. - - `,a.usageComponent,` - - -`),o(3),m("files",y(10,ce)))},dependencies:[V,B,R,Q,J,H],encapsulation:2,data:{animation:[K("insertRemoveTrigger",[D(":enter",[h({opacity:0}),_("300ms ease-in",h({opacity:1}))]),D(":leave",[_("600ms ease-out",h({opacity:0}))])])]}})}}return e})();export{ze as IconsDocsComponent}; diff --git a/angular/docs/chunk-UOBSVDHK.js b/angular/docs/chunk-4YT6ASH2.js similarity index 67% rename from angular/docs/chunk-UOBSVDHK.js rename to angular/docs/chunk-4YT6ASH2.js index d32f19a958c..1d6c6c2c7dc 100644 --- a/angular/docs/chunk-UOBSVDHK.js +++ b/angular/docs/chunk-4YT6ASH2.js @@ -1,4 +1,4 @@ -import"./chunk-DPZ7BZKP.js";import{a as v}from"./chunk-KJYCQPQX.js";import{r as g}from"./chunk-R2AYP265.js";import{h as u,i as h}from"./chunk-ADVPX5JT.js";import"./chunk-2XBJPMNA.js";import"./chunk-TJ5BOBQA.js";import{Cc as e,Dc as r,Sc as c,ac as n,bc as t,cc as p,mb as l,na as m,nb as s}from"./chunk-W26A3BQN.js";import"./chunk-JKOY2XUY.js";var C=(()=>{class i{constructor(a,o){this.metaService=a,this.titleService=o,this.title="CoreUI Angular Template Installation",this.description="Learn how to use CoreUI Angular Admin Dashboard Templates including npm scripts to build templates, compile source code, run tests, and more."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(o){return new(o||i)(s(u),s(h))}}static{this.\u0275cmp=m({type:i,selectors:[["docs-installation"]],standalone:!0,features:[c],decls:14,vars:2,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[1,"table-responsive","api-table"]],template:function(o,d){o&1&&(n(0,"h1",0),e(1),t(),n(2,"p",1),e(3),t(),p(4,"docs-ads-carbon-loader"),n(5,"markdown"),e(6,` +import"./chunk-DPZ7BZKP.js";import{a as g}from"./chunk-YCMO5GD4.js";import{s as h}from"./chunk-6RP7HPDL.js";import{h as c,i as u}from"./chunk-NR6O7NQI.js";import"./chunk-XQ2JSG7T.js";import"./chunk-4P7KQCRI.js";import{Ab as m,Gc as e,Hc as r,ec as n,fc as t,gc as p,kb as l,lb as s}from"./chunk-GYQMS5FR.js";import"./chunk-JKOY2XUY.js";var I=(()=>{class i{constructor(a,o){this.metaService=a,this.titleService=o,this.title="CoreUI Angular Template Installation",this.description="Learn how to use CoreUI Angular Admin Dashboard Templates including npm scripts to build templates, compile source code, run tests, and more."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(o){return new(o||i)(s(c),s(u))}}static{this.\u0275cmp=m({type:i,selectors:[["docs-installation"]],decls:14,vars:2,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[1,"table-responsive","api-table"]],template:function(o,d){o&1&&(n(0,"h1",0),e(1),t(),n(2,"p",1),e(3),t(),p(4,"docs-ads-carbon-loader"),n(5,"markdown"),e(6,` ## Tooling setup @@ -49,4 +49,4 @@ Here's how to get it started: In some cases it may require removing the whole \`node_modules/\` subdirectory. Then, run \`npm install\` again. -`),t()),o&2&&(l(),r(d.title),l(2),r(d.description))},dependencies:[v,g]})}}return i})();export{C as InstallationComponent}; +`),t()),o&2&&(l(),r(d.title),l(2),r(d.description))},dependencies:[g,h],encapsulation:2})}}return i})();export{I as InstallationComponent}; diff --git a/angular/docs/chunk-535LSHME.js b/angular/docs/chunk-535LSHME.js new file mode 100644 index 00000000000..b8053542a35 --- /dev/null +++ b/angular/docs/chunk-535LSHME.js @@ -0,0 +1 @@ +import{a as E,b as B,f as mt,g as Ne,o as x,p as Me,q as ue}from"./chunk-W2HQYSLN.js";import"./chunk-XQ2JSG7T.js";import{$ as S,ca as dt}from"./chunk-GYQMS5FR.js";import{a as le,c as ft}from"./chunk-JKOY2XUY.js";function pt(i){return new S(3e3,!1)}function jt(){return new S(3100,!1)}function Wt(){return new S(3101,!1)}function Gt(i){return new S(3001,!1)}function Ht(i){return new S(3003,!1)}function Yt(i){return new S(3004,!1)}function Xt(i,e){return new S(3005,!1)}function Zt(){return new S(3006,!1)}function Jt(){return new S(3007,!1)}function xt(i,e){return new S(3008,!1)}function es(i){return new S(3002,!1)}function ts(i,e,t,s,n){return new S(3010,!1)}function ss(){return new S(3011,!1)}function ns(){return new S(3012,!1)}function is(){return new S(3200,!1)}function rs(){return new S(3202,!1)}function as(){return new S(3013,!1)}function os(i){return new S(3014,!1)}function ls(i){return new S(3015,!1)}function us(i){return new S(3016,!1)}function cs(i){return new S(3500,!1)}function hs(i){return new S(3501,!1)}function fs(i,e){return new S(3404,!1)}function ds(i){return new S(3502,!1)}function ms(i){return new S(3503,!1)}function ps(){return new S(3300,!1)}function gs(i){return new S(3504,!1)}function ys(i){return new S(3301,!1)}function _s(i,e){return new S(3302,!1)}function Ss(i){return new S(3303,!1)}function Es(i,e){return new S(3400,!1)}function Ts(i){return new S(3401,!1)}function vs(i){return new S(3402,!1)}function ws(i,e){return new S(3505,!1)}var bs=new Set(["-moz-outline-radius","-moz-outline-radius-bottomleft","-moz-outline-radius-bottomright","-moz-outline-radius-topleft","-moz-outline-radius-topright","-ms-grid-columns","-ms-grid-rows","-webkit-line-clamp","-webkit-text-fill-color","-webkit-text-stroke","-webkit-text-stroke-color","accent-color","all","backdrop-filter","background","background-color","background-position","background-size","block-size","border","border-block-end","border-block-end-color","border-block-end-width","border-block-start","border-block-start-color","border-block-start-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-width","border-color","border-end-end-radius","border-end-start-radius","border-image-outset","border-image-slice","border-image-width","border-inline-end","border-inline-end-color","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-width","border-left","border-left-color","border-left-width","border-radius","border-right","border-right-color","border-right-width","border-start-end-radius","border-start-start-radius","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-width","border-width","bottom","box-shadow","caret-color","clip","clip-path","color","column-count","column-gap","column-rule","column-rule-color","column-rule-width","column-width","columns","filter","flex","flex-basis","flex-grow","flex-shrink","font","font-size","font-size-adjust","font-stretch","font-variation-settings","font-weight","gap","grid-column-gap","grid-gap","grid-row-gap","grid-template-columns","grid-template-rows","height","inline-size","input-security","inset","inset-block","inset-block-end","inset-block-start","inset-inline","inset-inline-end","inset-inline-start","left","letter-spacing","line-clamp","line-height","margin","margin-block-end","margin-block-start","margin-bottom","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","mask","mask-border","mask-position","mask-size","max-block-size","max-height","max-inline-size","max-lines","max-width","min-block-size","min-height","min-inline-size","min-width","object-position","offset","offset-anchor","offset-distance","offset-path","offset-position","offset-rotate","opacity","order","outline","outline-color","outline-offset","outline-width","padding","padding-block-end","padding-block-start","padding-bottom","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","perspective","perspective-origin","right","rotate","row-gap","scale","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-coordinate","scroll-snap-destination","scrollbar-color","shape-image-threshold","shape-margin","shape-outside","tab-size","text-decoration","text-decoration-color","text-decoration-thickness","text-emphasis","text-emphasis-color","text-indent","text-shadow","text-underline-offset","top","transform","transform-origin","translate","vertical-align","visibility","width","word-spacing","z-index","zoom"]);function U(i){switch(i.length){case 0:return new x;case 1:return i[0];default:return new Me(i)}}function Ot(i,e,t=new Map,s=new Map){let n=[],r=[],a=-1,o=null;if(e.forEach(l=>{let u=l.get("offset"),h=u==a,c=h&&o||new Map;l.forEach((_,y)=>{let d=y,g=_;if(y!=="offset")switch(d=i.normalizePropertyName(d,n),g){case ue:g=t.get(y);break;case B:g=s.get(y);break;default:g=i.normalizeStyleValue(y,d,g,n);break}c.set(d,g)}),h||r.push(c),o=c,a=u}),n.length)throw ds(n);return r}function xe(i,e,t,s){switch(e){case"start":i.onStart(()=>s(t&&Ce(t,"start",i)));break;case"done":i.onDone(()=>s(t&&Ce(t,"done",i)));break;case"destroy":i.onDestroy(()=>s(t&&Ce(t,"destroy",i)));break}}function Ce(i,e,t){let s=t.totalTime,n=!!t.disabled,r=et(i.element,i.triggerName,i.fromState,i.toState,e||i.phaseName,s??i.totalTime,n),a=i._data;return a!=null&&(r._data=a),r}function et(i,e,t,s,n="",r=0,a){return{element:i,triggerName:e,fromState:t,toState:s,phaseName:n,totalTime:r,disabled:!!a}}function L(i,e,t){let s=i.get(e);return s||i.set(e,s=t),s}function gt(i){let e=i.indexOf(":"),t=i.substring(1,e),s=i.slice(e+1);return[t,s]}var As=typeof document>"u"?null:document.documentElement;function tt(i){let e=i.parentNode||i.host||null;return e===As?null:e}function Ps(i){return i.substring(1,6)=="ebkit"}var H=null,yt=!1;function Ns(i){H||(H=Ms()||{},yt=H.style?"WebkitAppearance"in H.style:!1);let e=!0;return H.style&&!Ps(i)&&(e=i in H.style,!e&&yt&&(e="Webkit"+i.charAt(0).toUpperCase()+i.slice(1)in H.style)),e}function bn(i){return bs.has(i)}function Ms(){return typeof document<"u"?document.body:null}function Lt(i,e){for(;e;){if(e===i)return!0;e=tt(e)}return!1}function Ft(i,e,t){if(t)return Array.from(i.querySelectorAll(e));let s=i.querySelector(e);return s?[s]:[]}var It=(()=>{class i{validateStyleProperty(t){return Ns(t)}containsElement(t,s){return Lt(t,s)}getParentElement(t){return tt(t)}query(t,s,n){return Ft(t,s,n)}computeStyle(t,s,n){return n||""}animate(t,s,n,r,a,o=[],l){return new x(n,r)}static \u0275fac=function(s){return new(s||i)};static \u0275prov=dt({token:i,factory:i.\u0275fac})}return i})(),_t=class{static NOOP=new It},Fe=class{},Ie=class{normalizePropertyName(e,t){return e}normalizeStyleValue(e,t,s,n){return s}},Cs=1e3,zt="{{",ks="}}",st="ng-enter",pe="ng-leave",ce="ng-trigger",ge=".ng-trigger",St="ng-animating",ze=".ng-animating";function $(i){if(typeof i=="number")return i;let e=i.match(/^(-?[\.\d]+)(m?s)/);return!e||e.length<2?0:Ke(parseFloat(e[1]),e[2])}function Ke(i,e){switch(e){case"s":return i*Cs;default:return i}}function ye(i,e,t){return i.hasOwnProperty("duration")?i:Ds(i,e,t)}function Ds(i,e,t){let s=/^(-?[\.\d]+)(m?s)(?:\s+(-?[\.\d]+)(m?s))?(?:\s+([-a-z]+(?:\(.+?\))?))?$/i,n,r=0,a="";if(typeof i=="string"){let o=i.match(s);if(o===null)return e.push(pt(i)),{duration:0,delay:0,easing:""};n=Ke(parseFloat(o[1]),o[2]);let l=o[3];l!=null&&(r=Ke(parseFloat(l),o[4]));let u=o[5];u&&(a=u)}else n=i;if(!t){let o=!1,l=e.length;n<0&&(e.push(jt()),o=!0),r<0&&(e.push(Wt()),o=!0),o&&e.splice(l,0,pt(i))}return{duration:n,delay:r,easing:a}}function Rs(i){return i.length?i[0]instanceof Map?i:i.map(e=>new Map(Object.entries(e))):[]}function Et(i){return Array.isArray(i)?new Map(...i):new Map(i)}function Q(i,e,t){e.forEach((s,n)=>{let r=nt(n);t&&!t.has(n)&&t.set(n,i.style[r]),i.style[r]=s})}function X(i,e){e.forEach((t,s)=>{let n=nt(s);i.style[n]=""})}function se(i){return Array.isArray(i)?i.length==1?i[0]:mt(i):i}function Os(i,e,t){let s=e.params||{},n=Kt(i);n.length&&n.forEach(r=>{s.hasOwnProperty(r)||t.push(Gt(r))})}var qe=new RegExp(`${zt}\\s*(.+?)\\s*${ks}`,"g");function Kt(i){let e=[];if(typeof i=="string"){let t;for(;t=qe.exec(i);)e.push(t[1]);qe.lastIndex=0}return e}function ie(i,e,t){let s=`${i}`,n=s.replace(qe,(r,a)=>{let o=e[a];return o==null&&(t.push(Ht(a)),o=""),o.toString()});return n==s?i:n}var Ls=/-+([a-z0-9])/g;function nt(i){return i.replace(Ls,(...e)=>e[1].toUpperCase())}function An(i){return i.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function Fs(i,e){return i===0||e===0}function Is(i,e,t){if(t.size&&e.length){let s=e[0],n=[];if(t.forEach((r,a)=>{s.has(a)||n.push(a),s.set(a,r)}),n.length)for(let r=1;ra.set(o,it(i,o)))}}return e}function O(i,e,t){switch(e.type){case E.Trigger:return i.visitTrigger(e,t);case E.State:return i.visitState(e,t);case E.Transition:return i.visitTransition(e,t);case E.Sequence:return i.visitSequence(e,t);case E.Group:return i.visitGroup(e,t);case E.Animate:return i.visitAnimate(e,t);case E.Keyframes:return i.visitKeyframes(e,t);case E.Style:return i.visitStyle(e,t);case E.Reference:return i.visitReference(e,t);case E.AnimateChild:return i.visitAnimateChild(e,t);case E.AnimateRef:return i.visitAnimateRef(e,t);case E.Query:return i.visitQuery(e,t);case E.Stagger:return i.visitStagger(e,t);default:throw Yt(e.type)}}function it(i,e){return window.getComputedStyle(i)[e]}var zs=new Set(["width","height","minWidth","minHeight","maxWidth","maxHeight","left","top","bottom","right","fontSize","outlineWidth","outlineOffset","paddingTop","paddingLeft","paddingBottom","paddingRight","marginTop","marginLeft","marginBottom","marginRight","borderRadius","borderWidth","borderTopWidth","borderLeftWidth","borderRightWidth","borderBottomWidth","textIndent","perspective"]),Be=class extends Fe{normalizePropertyName(e,t){return nt(e)}normalizeStyleValue(e,t,s,n){let r="",a=s.toString().trim();if(zs.has(t)&&s!==0&&s!=="0")if(typeof s=="number")r="px";else{let o=s.match(/^[+-]?[\d\.]+([a-z]*)$/);o&&o[1].length==0&&n.push(Xt(e,s))}return a+r}};var _e="*";function Ks(i,e){let t=[];return typeof i=="string"?i.split(/\s*,\s*/).forEach(s=>qs(s,t,e)):t.push(i),t}function qs(i,e,t){if(i[0]==":"){let l=Bs(i,t);if(typeof l=="function"){e.push(l);return}i=l}let s=i.match(/^(\*|[-\w]+)\s*()\s*(\*|[-\w]+)$/);if(s==null||s.length<4)return t.push(ls(i)),e;let n=s[1],r=s[2],a=s[3];e.push(Tt(n,a));let o=n==_e&&a==_e;r[0]=="<"&&!o&&e.push(Tt(a,n))}function Bs(i,e){switch(i){case":enter":return"void => *";case":leave":return"* => void";case":increment":return(t,s)=>parseFloat(s)>parseFloat(t);case":decrement":return(t,s)=>parseFloat(s) *"}}var he=new Set(["true","1"]),fe=new Set(["false","0"]);function Tt(i,e){let t=he.has(i)||fe.has(i),s=he.has(e)||fe.has(e);return(n,r)=>{let a=i==_e||i==n,o=e==_e||e==r;return!a&&t&&typeof n=="boolean"&&(a=n?he.has(i):fe.has(i)),!o&&s&&typeof r=="boolean"&&(o=r?he.has(e):fe.has(e)),a&&o}}var qt=":self",Qs=new RegExp(`s*${qt}s*,?`,"g");function rt(i,e,t,s){return new Qe(i).build(e,t,s)}var vt="",Qe=class{_driver;constructor(e){this._driver=e}build(e,t,s){let n=new $e(t);return this._resetContextStyleTimingState(n),O(this,se(e),n)}_resetContextStyleTimingState(e){e.currentQuerySelector=vt,e.collectedStyles=new Map,e.collectedStyles.set(vt,new Map),e.currentTime=0}visitTrigger(e,t){let s=t.queryCount=0,n=t.depCount=0,r=[],a=[];return e.name.charAt(0)=="@"&&t.errors.push(Zt()),e.definitions.forEach(o=>{if(this._resetContextStyleTimingState(t),o.type==E.State){let l=o,u=l.name;u.toString().split(/\s*,\s*/).forEach(h=>{l.name=h,r.push(this.visitState(l,t))}),l.name=u}else if(o.type==E.Transition){let l=this.visitTransition(o,t);s+=l.queryCount,n+=l.depCount,a.push(l)}else t.errors.push(Jt())}),{type:E.Trigger,name:e.name,states:r,transitions:a,queryCount:s,depCount:n,options:null}}visitState(e,t){let s=this.visitStyle(e.styles,t),n=e.options&&e.options.params||null;if(s.containsDynamicStyles){let r=new Set,a=n||{};s.styles.forEach(o=>{o instanceof Map&&o.forEach(l=>{Kt(l).forEach(u=>{a.hasOwnProperty(u)||r.add(u)})})}),r.size&&t.errors.push(xt(e.name,[...r.values()]))}return{type:E.State,name:e.name,style:s,options:n?{params:n}:null}}visitTransition(e,t){t.queryCount=0,t.depCount=0;let s=O(this,se(e.animation),t),n=Ks(e.expr,t.errors);return{type:E.Transition,matchers:n,animation:s,queryCount:t.queryCount,depCount:t.depCount,options:Y(e.options)}}visitSequence(e,t){return{type:E.Sequence,steps:e.steps.map(s=>O(this,s,t)),options:Y(e.options)}}visitGroup(e,t){let s=t.currentTime,n=0,r=e.steps.map(a=>{t.currentTime=s;let o=O(this,a,t);return n=Math.max(n,t.currentTime),o});return t.currentTime=n,{type:E.Group,steps:r,options:Y(e.options)}}visitAnimate(e,t){let s=js(e.timings,t.errors);t.currentAnimateTimings=s;let n,r=e.styles?e.styles:Ne({});if(r.type==E.Keyframes)n=this.visitKeyframes(r,t);else{let a=e.styles,o=!1;if(!a){o=!0;let u={};s.easing&&(u.easing=s.easing),a=Ne(u)}t.currentTime+=s.duration+s.delay;let l=this.visitStyle(a,t);l.isEmptyStep=o,n=l}return t.currentAnimateTimings=null,{type:E.Animate,timings:s,style:n,options:null}}visitStyle(e,t){let s=this._makeStyleAst(e,t);return this._validateStyleAst(s,t),s}_makeStyleAst(e,t){let s=[],n=Array.isArray(e.styles)?e.styles:[e.styles];for(let o of n)typeof o=="string"?o===B?s.push(o):t.errors.push(es(o)):s.push(new Map(Object.entries(o)));let r=!1,a=null;return s.forEach(o=>{if(o instanceof Map&&(o.has("easing")&&(a=o.get("easing"),o.delete("easing")),!r)){for(let l of o.values())if(l.toString().indexOf(zt)>=0){r=!0;break}}}),{type:E.Style,styles:s,easing:a,offset:e.offset,containsDynamicStyles:r,options:null}}_validateStyleAst(e,t){let s=t.currentAnimateTimings,n=t.currentTime,r=t.currentTime;s&&r>0&&(r-=s.duration+s.delay),e.styles.forEach(a=>{typeof a!="string"&&a.forEach((o,l)=>{let u=t.collectedStyles.get(t.currentQuerySelector),h=u.get(l),c=!0;h&&(r!=n&&r>=h.startTime&&n<=h.endTime&&(t.errors.push(ts(l,h.startTime,h.endTime,r,n)),c=!1),r=h.startTime),c&&u.set(l,{startTime:r,endTime:n}),t.options&&Os(o,t.options,t.errors)})})}visitKeyframes(e,t){let s={type:E.Keyframes,styles:[],options:null};if(!t.currentAnimateTimings)return t.errors.push(ss()),s;let n=1,r=0,a=[],o=!1,l=!1,u=0,h=e.steps.map(b=>{let A=this._makeStyleAst(b,t),C=A.offset!=null?A.offset:Us(A.styles),N=0;return C!=null&&(r++,N=A.offset=C),l=l||N<0||N>1,o=o||N0&&r{let C=_>0?A==y?1:_*A:a[A],N=C*v;t.currentTime=d+g.delay+N,g.duration=N,this._validateStyleAst(b,t),b.offset=C,s.styles.push(b)}),s}visitReference(e,t){return{type:E.Reference,animation:O(this,se(e.animation),t),options:Y(e.options)}}visitAnimateChild(e,t){return t.depCount++,{type:E.AnimateChild,options:Y(e.options)}}visitAnimateRef(e,t){return{type:E.AnimateRef,animation:this.visitReference(e.animation,t),options:Y(e.options)}}visitQuery(e,t){let s=t.currentQuerySelector,n=e.options||{};t.queryCount++,t.currentQuery=e;let[r,a]=$s(e.selector);t.currentQuerySelector=s.length?s+" "+r:r,L(t.collectedStyles,t.currentQuerySelector,new Map);let o=O(this,se(e.animation),t);return t.currentQuery=null,t.currentQuerySelector=s,{type:E.Query,selector:r,limit:n.limit||0,optional:!!n.optional,includeSelf:a,animation:o,originalSelector:e.selector,options:Y(e.options)}}visitStagger(e,t){t.currentQuery||t.errors.push(as());let s=e.timings==="full"?{duration:0,delay:0,easing:"full"}:ye(e.timings,t.errors,!0);return{type:E.Stagger,animation:O(this,se(e.animation),t),timings:s,options:null}}};function $s(i){let e=!!i.split(/\s*,\s*/).find(t=>t==qt);return e&&(i=i.replace(Qs,"")),i=i.replace(/@\*/g,ge).replace(/@\w+/g,t=>ge+"-"+t.slice(1)).replace(/:animating/g,ze),[i,e]}function Vs(i){return i?le({},i):null}var $e=class{errors;queryCount=0;depCount=0;currentTransition=null;currentQuery=null;currentQuerySelector=null;currentAnimateTimings=null;currentTime=0;collectedStyles=new Map;options=null;unsupportedCSSPropertiesFound=new Set;constructor(e){this.errors=e}};function Us(i){if(typeof i=="string")return null;let e=null;if(Array.isArray(i))i.forEach(t=>{if(t instanceof Map&&t.has("offset")){let s=t;e=parseFloat(s.get("offset")),s.delete("offset")}});else if(i instanceof Map&&i.has("offset")){let t=i;e=parseFloat(t.get("offset")),t.delete("offset")}return e}function js(i,e){if(i.hasOwnProperty("duration"))return i;if(typeof i=="number"){let r=ye(i,e).duration;return ke(r,0,"")}let t=i;if(t.split(/\s+/).some(r=>r.charAt(0)=="{"&&r.charAt(1)=="{")){let r=ke(0,0,"");return r.dynamic=!0,r.strValue=t,r}let n=ye(t,e);return ke(n.duration,n.delay,n.easing)}function Y(i){return i?(i=le({},i),i.params&&(i.params=Vs(i.params))):i={},i}function ke(i,e,t){return{duration:i,delay:e,easing:t}}function at(i,e,t,s,n,r,a=null,o=!1){return{type:1,element:i,keyframes:e,preStyleProps:t,postStyleProps:s,duration:n,delay:r,totalTime:n+r,easing:a,subTimeline:o}}var te=class{_map=new Map;get(e){return this._map.get(e)||[]}append(e,t){let s=this._map.get(e);s||this._map.set(e,s=[]),s.push(...t)}has(e){return this._map.has(e)}clear(){this._map.clear()}},Ws=1,Gs=":enter",Hs=new RegExp(Gs,"g"),Ys=":leave",Xs=new RegExp(Ys,"g");function ot(i,e,t,s,n,r=new Map,a=new Map,o,l,u=[]){return new Ve().buildKeyframes(i,e,t,s,n,r,a,o,l,u)}var Ve=class{buildKeyframes(e,t,s,n,r,a,o,l,u,h=[]){u=u||new te;let c=new Ue(e,t,u,n,r,h,[]);c.options=l;let _=l.delay?$(l.delay):0;c.currentTimeline.delayNextStep(_),c.currentTimeline.setStyles([a],null,c.errors,l),O(this,s,c);let y=c.timelines.filter(d=>d.containsAnimation());if(y.length&&o.size){let d;for(let g=y.length-1;g>=0;g--){let v=y[g];if(v.element===t){d=v;break}}d&&!d.allowOnlyTimelineStyles()&&d.setStyles([o],null,c.errors,l)}return y.length?y.map(d=>d.buildKeyframes()):[at(t,[],[],[],0,_,"",!1)]}visitTrigger(e,t){}visitState(e,t){}visitTransition(e,t){}visitAnimateChild(e,t){let s=t.subInstructions.get(t.element);if(s){let n=t.createSubContext(e.options),r=t.currentTimeline.currentTime,a=this._visitSubInstructions(s,n,n.options);r!=a&&t.transformIntoNewTimeline(a)}t.previousNode=e}visitAnimateRef(e,t){let s=t.createSubContext(e.options);s.transformIntoNewTimeline(),this._applyAnimationRefDelays([e.options,e.animation.options],t,s),this.visitReference(e.animation,s),t.transformIntoNewTimeline(s.currentTimeline.currentTime),t.previousNode=e}_applyAnimationRefDelays(e,t,s){for(let n of e){let r=n?.delay;if(r){let a=typeof r=="number"?r:$(ie(r,n?.params??{},t.errors));s.delayNextStep(a)}}}_visitSubInstructions(e,t,s){let r=t.currentTimeline.currentTime,a=s.duration!=null?$(s.duration):null,o=s.delay!=null?$(s.delay):null;return a!==0&&e.forEach(l=>{let u=t.appendInstructionToTimeline(l,a,o);r=Math.max(r,u.duration+u.delay)}),r}visitReference(e,t){t.updateOptions(e.options,!0),O(this,e.animation,t),t.previousNode=e}visitSequence(e,t){let s=t.subContextCount,n=t,r=e.options;if(r&&(r.params||r.delay)&&(n=t.createSubContext(r),n.transformIntoNewTimeline(),r.delay!=null)){n.previousNode.type==E.Style&&(n.currentTimeline.snapshotCurrentStyles(),n.previousNode=Se);let a=$(r.delay);n.delayNextStep(a)}e.steps.length&&(e.steps.forEach(a=>O(this,a,n)),n.currentTimeline.applyStylesToKeyframe(),n.subContextCount>s&&n.transformIntoNewTimeline()),t.previousNode=e}visitGroup(e,t){let s=[],n=t.currentTimeline.currentTime,r=e.options&&e.options.delay?$(e.options.delay):0;e.steps.forEach(a=>{let o=t.createSubContext(e.options);r&&o.delayNextStep(r),O(this,a,o),n=Math.max(n,o.currentTimeline.currentTime),s.push(o.currentTimeline)}),s.forEach(a=>t.currentTimeline.mergeTimelineCollectedStyles(a)),t.transformIntoNewTimeline(n),t.previousNode=e}_visitTiming(e,t){if(e.dynamic){let s=e.strValue,n=t.params?ie(s,t.params,t.errors):s;return ye(n,t.errors)}else return{duration:e.duration,delay:e.delay,easing:e.easing}}visitAnimate(e,t){let s=t.currentAnimateTimings=this._visitTiming(e.timings,t),n=t.currentTimeline;s.delay&&(t.incrementTime(s.delay),n.snapshotCurrentStyles());let r=e.style;r.type==E.Keyframes?this.visitKeyframes(r,t):(t.incrementTime(s.duration),this.visitStyle(r,t),n.applyStylesToKeyframe()),t.currentAnimateTimings=null,t.previousNode=e}visitStyle(e,t){let s=t.currentTimeline,n=t.currentAnimateTimings;!n&&s.hasCurrentStyleProperties()&&s.forwardFrame();let r=n&&n.easing||e.easing;e.isEmptyStep?s.applyEmptyStep(r):s.setStyles(e.styles,r,t.errors,t.options),t.previousNode=e}visitKeyframes(e,t){let s=t.currentAnimateTimings,n=t.currentTimeline.duration,r=s.duration,o=t.createSubContext().currentTimeline;o.easing=s.easing,e.styles.forEach(l=>{let u=l.offset||0;o.forwardTime(u*r),o.setStyles(l.styles,l.easing,t.errors,t.options),o.applyStylesToKeyframe()}),t.currentTimeline.mergeTimelineCollectedStyles(o),t.transformIntoNewTimeline(n+r),t.previousNode=e}visitQuery(e,t){let s=t.currentTimeline.currentTime,n=e.options||{},r=n.delay?$(n.delay):0;r&&(t.previousNode.type===E.Style||s==0&&t.currentTimeline.hasCurrentStyleProperties())&&(t.currentTimeline.snapshotCurrentStyles(),t.previousNode=Se);let a=s,o=t.invokeQuery(e.selector,e.originalSelector,e.limit,e.includeSelf,!!n.optional,t.errors);t.currentQueryTotal=o.length;let l=null;o.forEach((u,h)=>{t.currentQueryIndex=h;let c=t.createSubContext(e.options,u);r&&c.delayNextStep(r),u===t.element&&(l=c.currentTimeline),O(this,e.animation,c),c.currentTimeline.applyStylesToKeyframe();let _=c.currentTimeline.currentTime;a=Math.max(a,_)}),t.currentQueryIndex=0,t.currentQueryTotal=0,t.transformIntoNewTimeline(a),l&&(t.currentTimeline.mergeTimelineCollectedStyles(l),t.currentTimeline.snapshotCurrentStyles()),t.previousNode=e}visitStagger(e,t){let s=t.parentContext,n=t.currentTimeline,r=e.timings,a=Math.abs(r.duration),o=a*(t.currentQueryTotal-1),l=a*t.currentQueryIndex;switch(r.duration<0?"reverse":r.easing){case"reverse":l=o-l;break;case"full":l=s.currentStaggerTime;break}let h=t.currentTimeline;l&&h.delayNextStep(l);let c=h.currentTime;O(this,e.animation,t),t.previousNode=e,s.currentStaggerTime=n.currentTime-c+(n.startTime-s.currentTimeline.startTime)}},Se={},Ue=class i{_driver;element;subInstructions;_enterClassName;_leaveClassName;errors;timelines;parentContext=null;currentTimeline;currentAnimateTimings=null;previousNode=Se;subContextCount=0;options={};currentQueryIndex=0;currentQueryTotal=0;currentStaggerTime=0;constructor(e,t,s,n,r,a,o,l){this._driver=e,this.element=t,this.subInstructions=s,this._enterClassName=n,this._leaveClassName=r,this.errors=a,this.timelines=o,this.currentTimeline=l||new Ee(this._driver,t,0),o.push(this.currentTimeline)}get params(){return this.options.params}updateOptions(e,t){if(!e)return;let s=e,n=this.options;s.duration!=null&&(n.duration=$(s.duration)),s.delay!=null&&(n.delay=$(s.delay));let r=s.params;if(r){let a=n.params;a||(a=this.options.params={}),Object.keys(r).forEach(o=>{(!t||!a.hasOwnProperty(o))&&(a[o]=ie(r[o],a,this.errors))})}}_copyOptions(){let e={};if(this.options){let t=this.options.params;if(t){let s=e.params={};Object.keys(t).forEach(n=>{s[n]=t[n]})}}return e}createSubContext(e=null,t,s){let n=t||this.element,r=new i(this._driver,n,this.subInstructions,this._enterClassName,this._leaveClassName,this.errors,this.timelines,this.currentTimeline.fork(n,s||0));return r.previousNode=this.previousNode,r.currentAnimateTimings=this.currentAnimateTimings,r.options=this._copyOptions(),r.updateOptions(e),r.currentQueryIndex=this.currentQueryIndex,r.currentQueryTotal=this.currentQueryTotal,r.parentContext=this,this.subContextCount++,r}transformIntoNewTimeline(e){return this.previousNode=Se,this.currentTimeline=this.currentTimeline.fork(this.element,e),this.timelines.push(this.currentTimeline),this.currentTimeline}appendInstructionToTimeline(e,t,s){let n={duration:t??e.duration,delay:this.currentTimeline.currentTime+(s??0)+e.delay,easing:""},r=new je(this._driver,e.element,e.keyframes,e.preStyleProps,e.postStyleProps,n,e.stretchStartingKeyframe);return this.timelines.push(r),n}incrementTime(e){this.currentTimeline.forwardTime(this.currentTimeline.duration+e)}delayNextStep(e){e>0&&this.currentTimeline.delayNextStep(e)}invokeQuery(e,t,s,n,r,a){let o=[];if(n&&o.push(this.element),e.length>0){e=e.replace(Hs,"."+this._enterClassName),e=e.replace(Xs,"."+this._leaveClassName);let l=s!=1,u=this._driver.query(this.element,e,l);s!==0&&(u=s<0?u.slice(u.length+s,u.length):u.slice(0,s)),o.push(...u)}return!r&&o.length==0&&a.push(os(t)),o}},Ee=class i{_driver;element;startTime;_elementTimelineStylesLookup;duration=0;easing=null;_previousKeyframe=new Map;_currentKeyframe=new Map;_keyframes=new Map;_styleSummary=new Map;_localTimelineStyles=new Map;_globalTimelineStyles;_pendingStyles=new Map;_backFill=new Map;_currentEmptyStepKeyframe=null;constructor(e,t,s,n){this._driver=e,this.element=t,this.startTime=s,this._elementTimelineStylesLookup=n,this._elementTimelineStylesLookup||(this._elementTimelineStylesLookup=new Map),this._globalTimelineStyles=this._elementTimelineStylesLookup.get(t),this._globalTimelineStyles||(this._globalTimelineStyles=this._localTimelineStyles,this._elementTimelineStylesLookup.set(t,this._localTimelineStyles)),this._loadKeyframe()}containsAnimation(){switch(this._keyframes.size){case 0:return!1;case 1:return this.hasCurrentStyleProperties();default:return!0}}hasCurrentStyleProperties(){return this._currentKeyframe.size>0}get currentTime(){return this.startTime+this.duration}delayNextStep(e){let t=this._keyframes.size===1&&this._pendingStyles.size;this.duration||t?(this.forwardTime(this.currentTime+e),t&&this.snapshotCurrentStyles()):this.startTime+=e}fork(e,t){return this.applyStylesToKeyframe(),new i(this._driver,e,t||this.currentTime,this._elementTimelineStylesLookup)}_loadKeyframe(){this._currentKeyframe&&(this._previousKeyframe=this._currentKeyframe),this._currentKeyframe=this._keyframes.get(this.duration),this._currentKeyframe||(this._currentKeyframe=new Map,this._keyframes.set(this.duration,this._currentKeyframe))}forwardFrame(){this.duration+=Ws,this._loadKeyframe()}forwardTime(e){this.applyStylesToKeyframe(),this.duration=e,this._loadKeyframe()}_updateStyle(e,t){this._localTimelineStyles.set(e,t),this._globalTimelineStyles.set(e,t),this._styleSummary.set(e,{time:this.currentTime,value:t})}allowOnlyTimelineStyles(){return this._currentEmptyStepKeyframe!==this._currentKeyframe}applyEmptyStep(e){e&&this._previousKeyframe.set("easing",e);for(let[t,s]of this._globalTimelineStyles)this._backFill.set(t,s||B),this._currentKeyframe.set(t,B);this._currentEmptyStepKeyframe=this._currentKeyframe}setStyles(e,t,s,n){t&&this._previousKeyframe.set("easing",t);let r=n&&n.params||{},a=Zs(e,this._globalTimelineStyles);for(let[o,l]of a){let u=ie(l,r,s);this._pendingStyles.set(o,u),this._localTimelineStyles.has(o)||this._backFill.set(o,this._globalTimelineStyles.get(o)??B),this._updateStyle(o,u)}}applyStylesToKeyframe(){this._pendingStyles.size!=0&&(this._pendingStyles.forEach((e,t)=>{this._currentKeyframe.set(t,e)}),this._pendingStyles.clear(),this._localTimelineStyles.forEach((e,t)=>{this._currentKeyframe.has(t)||this._currentKeyframe.set(t,e)}))}snapshotCurrentStyles(){for(let[e,t]of this._localTimelineStyles)this._pendingStyles.set(e,t),this._updateStyle(e,t)}getFinalKeyframe(){return this._keyframes.get(this.duration)}get properties(){let e=[];for(let t in this._currentKeyframe)e.push(t);return e}mergeTimelineCollectedStyles(e){e._styleSummary.forEach((t,s)=>{let n=this._styleSummary.get(s);(!n||t.time>n.time)&&this._updateStyle(s,t.value)})}buildKeyframes(){this.applyStylesToKeyframe();let e=new Set,t=new Set,s=this._keyframes.size===1&&this.duration===0,n=[];this._keyframes.forEach((o,l)=>{let u=new Map([...this._backFill,...o]);u.forEach((h,c)=>{h===ue?e.add(c):h===B&&t.add(c)}),s||u.set("offset",l/this.duration),n.push(u)});let r=[...e.values()],a=[...t.values()];if(s){let o=n[0],l=new Map(o);o.set("offset",0),l.set("offset",1),n=[o,l]}return at(this.element,n,r,a,this.duration,this.startTime,this.easing,!1)}},je=class extends Ee{keyframes;preStyleProps;postStyleProps;_stretchStartingKeyframe;timings;constructor(e,t,s,n,r,a,o=!1){super(e,t,a.delay),this.keyframes=s,this.preStyleProps=n,this.postStyleProps=r,this._stretchStartingKeyframe=o,this.timings={duration:a.duration,delay:a.delay,easing:a.easing}}containsAnimation(){return this.keyframes.length>1}buildKeyframes(){let e=this.keyframes,{delay:t,duration:s,easing:n}=this.timings;if(this._stretchStartingKeyframe&&t){let r=[],a=s+t,o=t/a,l=new Map(e[0]);l.set("offset",0),r.push(l);let u=new Map(e[0]);u.set("offset",wt(o)),r.push(u);let h=e.length-1;for(let c=1;c<=h;c++){let _=new Map(e[c]),y=_.get("offset"),d=t+y*s;_.set("offset",wt(d/a)),r.push(_)}s=a,t=0,n="",e=r}return at(this.element,e,this.preStyleProps,this.postStyleProps,s,t,n,!0)}};function wt(i,e=3){let t=Math.pow(10,e-1);return Math.round(i*t)/t}function Zs(i,e){let t=new Map,s;return i.forEach(n=>{if(n==="*"){s??=e.keys();for(let r of s)t.set(r,B)}else for(let[r,a]of n)t.set(r,a)}),t}function bt(i,e,t,s,n,r,a,o,l,u,h,c,_){return{type:0,element:i,triggerName:e,isRemovalTransition:n,fromState:t,fromStyles:r,toState:s,toStyles:a,timelines:o,queriedElements:l,preStyleProps:u,postStyleProps:h,totalTime:c,errors:_}}var De={},Te=class{_triggerName;ast;_stateStyles;constructor(e,t,s){this._triggerName=e,this.ast=t,this._stateStyles=s}match(e,t,s,n){return Js(this.ast.matchers,e,t,s,n)}buildStyles(e,t,s){let n=this._stateStyles.get("*");return e!==void 0&&(n=this._stateStyles.get(e?.toString())||n),n?n.buildStyles(t,s):new Map}build(e,t,s,n,r,a,o,l,u,h){let c=[],_=this.ast.options&&this.ast.options.params||De,y=o&&o.params||De,d=this.buildStyles(s,y,c),g=l&&l.params||De,v=this.buildStyles(n,g,c),b=new Set,A=new Map,C=new Map,N=n==="void",Z={params:Bt(g,_),delay:this.ast.options?.delay},K=h?[]:ot(e,t,this.ast.animation,r,a,d,v,Z,u,c),k=0;return K.forEach(D=>{k=Math.max(D.duration+D.delay,k)}),c.length?bt(t,this._triggerName,s,n,N,d,v,[],[],A,C,k,c):(K.forEach(D=>{let j=D.element,J=L(A,j,new Set);D.preStyleProps.forEach(W=>J.add(W));let lt=L(C,j,new Set);D.postStyleProps.forEach(W=>lt.add(W)),j!==t&&b.add(j)}),bt(t,this._triggerName,s,n,N,d,v,K,[...b.values()],A,C,k))}};function Js(i,e,t,s,n){return i.some(r=>r(e,t,s,n))}function Bt(i,e){let t=le({},e);return Object.entries(i).forEach(([s,n])=>{n!=null&&(t[s]=n)}),t}var We=class{styles;defaultParams;normalizer;constructor(e,t,s){this.styles=e,this.defaultParams=t,this.normalizer=s}buildStyles(e,t){let s=new Map,n=Bt(e,this.defaultParams);return this.styles.styles.forEach(r=>{typeof r!="string"&&r.forEach((a,o)=>{a&&(a=ie(a,n,t));let l=this.normalizer.normalizePropertyName(o,t);a=this.normalizer.normalizeStyleValue(o,l,a,t),s.set(o,a)})}),s}};function xs(i,e,t){return new Ge(i,e,t)}var Ge=class{name;ast;_normalizer;transitionFactories=[];fallbackTransition;states=new Map;constructor(e,t,s){this.name=e,this.ast=t,this._normalizer=s,t.states.forEach(n=>{let r=n.options&&n.options.params||{};this.states.set(n.name,new We(n.style,r,s))}),At(this.states,"true","1"),At(this.states,"false","0"),t.transitions.forEach(n=>{this.transitionFactories.push(new Te(e,n,this.states))}),this.fallbackTransition=en(e,this.states,this._normalizer)}get containsQueries(){return this.ast.queryCount>0}matchTransition(e,t,s,n){return this.transitionFactories.find(a=>a.match(e,t,s,n))||null}matchStyles(e,t,s){return this.fallbackTransition.buildStyles(e,t,s)}};function en(i,e,t){let s=[(a,o)=>!0],n={type:E.Sequence,steps:[],options:null},r={type:E.Transition,animation:n,matchers:s,options:null,queryCount:0,depCount:0};return new Te(i,r,e)}function At(i,e,t){i.has(e)?i.has(t)||i.set(t,i.get(e)):i.has(t)&&i.set(e,i.get(t))}var tn=new te,He=class{bodyNode;_driver;_normalizer;_animations=new Map;_playersById=new Map;players=[];constructor(e,t,s){this.bodyNode=e,this._driver=t,this._normalizer=s}register(e,t){let s=[],n=[],r=rt(this._driver,t,s,n);if(s.length)throw ms(s);n.length&&void 0,this._animations.set(e,r)}_buildPlayer(e,t,s){let n=e.element,r=Ot(this._normalizer,e.keyframes,t,s);return this._driver.animate(n,r,e.duration,e.delay,e.easing,[],!0)}create(e,t,s={}){let n=[],r=this._animations.get(e),a,o=new Map;if(r?(a=ot(this._driver,t,r,st,pe,new Map,new Map,s,tn,n),a.forEach(h=>{let c=L(o,h.element,new Map);h.postStyleProps.forEach(_=>c.set(_,null))})):(n.push(ps()),a=[]),n.length)throw gs(n);o.forEach((h,c)=>{h.forEach((_,y)=>{h.set(y,this._driver.computeStyle(c,y,B))})});let l=a.map(h=>{let c=o.get(h.element);return this._buildPlayer(h,new Map,c)}),u=U(l);return this._playersById.set(e,u),u.onDestroy(()=>this.destroy(e)),this.players.push(u),u}destroy(e){let t=this._getPlayer(e);t.destroy(),this._playersById.delete(e);let s=this.players.indexOf(t);s>=0&&this.players.splice(s,1)}_getPlayer(e){let t=this._playersById.get(e);if(!t)throw ys(e);return t}listen(e,t,s,n){let r=et(t,"","","");return xe(this._getPlayer(e),s,r,n),()=>{}}command(e,t,s,n){if(s=="register"){this.register(e,n[0]);return}if(s=="create"){let a=n[0]||{};this.create(e,t,a);return}let r=this._getPlayer(e);switch(s){case"play":r.play();break;case"pause":r.pause();break;case"reset":r.reset();break;case"restart":r.restart();break;case"finish":r.finish();break;case"init":r.init();break;case"setPosition":r.setPosition(parseFloat(n[0]));break;case"destroy":this.destroy(e);break}}},Pt="ng-animate-queued",sn=".ng-animate-queued",Re="ng-animate-disabled",nn=".ng-animate-disabled",rn="ng-star-inserted",an=".ng-star-inserted",on=[],Qt={namespaceId:"",setForRemoval:!1,setForMove:!1,hasAnimation:!1,removedBeforeQueried:!1},ln={namespaceId:"",setForMove:!1,setForRemoval:!1,hasAnimation:!1,removedBeforeQueried:!0},z="__ng_removed",re=class{namespaceId;value;options;get params(){return this.options.params}constructor(e,t=""){this.namespaceId=t;let s=e&&e.hasOwnProperty("value"),n=s?e.value:e;if(this.value=cn(n),s){let r=e,{value:a}=r,o=ft(r,["value"]);this.options=o}else this.options={};this.options.params||(this.options.params={})}absorbOptions(e){let t=e.params;if(t){let s=this.options.params;Object.keys(t).forEach(n=>{s[n]==null&&(s[n]=t[n])})}}},ne="void",Oe=new re(ne),Ye=class{id;hostElement;_engine;players=[];_triggers=new Map;_queue=[];_elementListeners=new Map;_hostClassName;constructor(e,t,s){this.id=e,this.hostElement=t,this._engine=s,this._hostClassName="ng-tns-"+e,I(t,this._hostClassName)}listen(e,t,s,n){if(!this._triggers.has(t))throw _s(s,t);if(s==null||s.length==0)throw Ss(t);if(!hn(s))throw Es(s,t);let r=L(this._elementListeners,e,[]),a={name:t,phase:s,callback:n};r.push(a);let o=L(this._engine.statesByElement,e,new Map);return o.has(t)||(I(e,ce),I(e,ce+"-"+t),o.set(t,Oe)),()=>{this._engine.afterFlush(()=>{let l=r.indexOf(a);l>=0&&r.splice(l,1),this._triggers.has(t)||o.delete(t)})}}register(e,t){return this._triggers.has(e)?!1:(this._triggers.set(e,t),!0)}_getTrigger(e){let t=this._triggers.get(e);if(!t)throw Ts(e);return t}trigger(e,t,s,n=!0){let r=this._getTrigger(t),a=new ae(this.id,t,e),o=this._engine.statesByElement.get(e);o||(I(e,ce),I(e,ce+"-"+t),this._engine.statesByElement.set(e,o=new Map));let l=o.get(t),u=new re(s,this.id);if(!(s&&s.hasOwnProperty("value"))&&l&&u.absorbOptions(l.options),o.set(t,u),l||(l=Oe),!(u.value===ne)&&l.value===u.value){if(!mn(l.params,u.params)){let g=[],v=r.matchStyles(l.value,l.params,g),b=r.matchStyles(u.value,u.params,g);g.length?this._engine.reportError(g):this._engine.afterFlush(()=>{X(e,v),Q(e,b)})}return}let _=L(this._engine.playersByElement,e,[]);_.forEach(g=>{g.namespaceId==this.id&&g.triggerName==t&&g.queued&&g.destroy()});let y=r.matchTransition(l.value,u.value,e,u.params),d=!1;if(!y){if(!n)return;y=r.fallbackTransition,d=!0}return this._engine.totalQueuedPlayers++,this._queue.push({element:e,triggerName:t,transition:y,fromState:l,toState:u,player:a,isFallbackTransition:d}),d||(I(e,Pt),a.onStart(()=>{ee(e,Pt)})),a.onDone(()=>{let g=this.players.indexOf(a);g>=0&&this.players.splice(g,1);let v=this._engine.playersByElement.get(e);if(v){let b=v.indexOf(a);b>=0&&v.splice(b,1)}}),this.players.push(a),_.push(a),a}deregister(e){this._triggers.delete(e),this._engine.statesByElement.forEach(t=>t.delete(e)),this._elementListeners.forEach((t,s)=>{this._elementListeners.set(s,t.filter(n=>n.name!=e))})}clearElementCache(e){this._engine.statesByElement.delete(e),this._elementListeners.delete(e);let t=this._engine.playersByElement.get(e);t&&(t.forEach(s=>s.destroy()),this._engine.playersByElement.delete(e))}_signalRemovalForInnerTriggers(e,t){let s=this._engine.driver.query(e,ge,!0);s.forEach(n=>{if(n[z])return;let r=this._engine.fetchNamespacesByElement(n);r.size?r.forEach(a=>a.triggerLeaveAnimation(n,t,!1,!0)):this.clearElementCache(n)}),this._engine.afterFlushAnimationsDone(()=>s.forEach(n=>this.clearElementCache(n)))}triggerLeaveAnimation(e,t,s,n){let r=this._engine.statesByElement.get(e),a=new Map;if(r){let o=[];if(r.forEach((l,u)=>{if(a.set(u,l.value),this._triggers.has(u)){let h=this.trigger(e,u,ne,n);h&&o.push(h)}}),o.length)return this._engine.markElementAsRemoved(this.id,e,!0,t,a),s&&U(o).onDone(()=>this._engine.processLeaveNode(e)),!0}return!1}prepareLeaveAnimationListeners(e){let t=this._elementListeners.get(e),s=this._engine.statesByElement.get(e);if(t&&s){let n=new Set;t.forEach(r=>{let a=r.name;if(n.has(a))return;n.add(a);let l=this._triggers.get(a).fallbackTransition,u=s.get(a)||Oe,h=new re(ne),c=new ae(this.id,a,e);this._engine.totalQueuedPlayers++,this._queue.push({element:e,triggerName:a,transition:l,fromState:u,toState:h,player:c,isFallbackTransition:!0})})}}removeNode(e,t){let s=this._engine;if(e.childElementCount&&this._signalRemovalForInnerTriggers(e,t),this.triggerLeaveAnimation(e,t,!0))return;let n=!1;if(s.totalAnimations){let r=s.players.length?s.playersByQueriedElement.get(e):[];if(r&&r.length)n=!0;else{let a=e;for(;a=a.parentNode;)if(s.statesByElement.get(a)){n=!0;break}}}if(this.prepareLeaveAnimationListeners(e),n)s.markElementAsRemoved(this.id,e,!1,t);else{let r=e[z];(!r||r===Qt)&&(s.afterFlush(()=>this.clearElementCache(e)),s.destroyInnerAnimations(e),s._onRemovalComplete(e,t))}}insertNode(e,t){I(e,this._hostClassName)}drainQueuedTransitions(e){let t=[];return this._queue.forEach(s=>{let n=s.player;if(n.destroyed)return;let r=s.element,a=this._elementListeners.get(r);a&&a.forEach(o=>{if(o.name==s.triggerName){let l=et(r,s.triggerName,s.fromState.value,s.toState.value);l._data=e,xe(s.player,o.phase,l,o.callback)}}),n.markedForDestroy?this._engine.afterFlush(()=>{n.destroy()}):t.push(s)}),this._queue=[],t.sort((s,n)=>{let r=s.transition.ast.depCount,a=n.transition.ast.depCount;return r==0||a==0?r-a:this._engine.driver.containsElement(s.element,n.element)?1:-1})}destroy(e){this.players.forEach(t=>t.destroy()),this._signalRemovalForInnerTriggers(this.hostElement,e)}},Xe=class{bodyNode;driver;_normalizer;players=[];newHostElements=new Map;playersByElement=new Map;playersByQueriedElement=new Map;statesByElement=new Map;disabledNodes=new Set;totalAnimations=0;totalQueuedPlayers=0;_namespaceLookup={};_namespaceList=[];_flushFns=[];_whenQuietFns=[];namespacesByHostElement=new Map;collectedEnterElements=[];collectedLeaveElements=[];onRemovalComplete=(e,t)=>{};_onRemovalComplete(e,t){this.onRemovalComplete(e,t)}constructor(e,t,s){this.bodyNode=e,this.driver=t,this._normalizer=s}get queuedPlayers(){let e=[];return this._namespaceList.forEach(t=>{t.players.forEach(s=>{s.queued&&e.push(s)})}),e}createNamespace(e,t){let s=new Ye(e,t,this);return this.bodyNode&&this.driver.containsElement(this.bodyNode,t)?this._balanceNamespaceList(s,t):(this.newHostElements.set(t,s),this.collectEnterElement(t)),this._namespaceLookup[e]=s}_balanceNamespaceList(e,t){let s=this._namespaceList,n=this.namespacesByHostElement;if(s.length-1>=0){let a=!1,o=this.driver.getParentElement(t);for(;o;){let l=n.get(o);if(l){let u=s.indexOf(l);s.splice(u+1,0,e),a=!0;break}o=this.driver.getParentElement(o)}a||s.unshift(e)}else s.push(e);return n.set(t,e),e}register(e,t){let s=this._namespaceLookup[e];return s||(s=this.createNamespace(e,t)),s}registerTrigger(e,t,s){let n=this._namespaceLookup[e];n&&n.register(t,s)&&this.totalAnimations++}destroy(e,t){e&&(this.afterFlush(()=>{}),this.afterFlushAnimationsDone(()=>{let s=this._fetchNamespace(e);this.namespacesByHostElement.delete(s.hostElement);let n=this._namespaceList.indexOf(s);n>=0&&this._namespaceList.splice(n,1),s.destroy(t),delete this._namespaceLookup[e]}))}_fetchNamespace(e){return this._namespaceLookup[e]}fetchNamespacesByElement(e){let t=new Set,s=this.statesByElement.get(e);if(s){for(let n of s.values())if(n.namespaceId){let r=this._fetchNamespace(n.namespaceId);r&&t.add(r)}}return t}trigger(e,t,s,n){if(de(t)){let r=this._fetchNamespace(e);if(r)return r.trigger(t,s,n),!0}return!1}insertNode(e,t,s,n){if(!de(t))return;let r=t[z];if(r&&r.setForRemoval){r.setForRemoval=!1,r.setForMove=!0;let a=this.collectedLeaveElements.indexOf(t);a>=0&&this.collectedLeaveElements.splice(a,1)}if(e){let a=this._fetchNamespace(e);a&&a.insertNode(t,s)}n&&this.collectEnterElement(t)}collectEnterElement(e){this.collectedEnterElements.push(e)}markElementAsDisabled(e,t){t?this.disabledNodes.has(e)||(this.disabledNodes.add(e),I(e,Re)):this.disabledNodes.has(e)&&(this.disabledNodes.delete(e),ee(e,Re))}removeNode(e,t,s){if(de(t)){let n=e?this._fetchNamespace(e):null;n?n.removeNode(t,s):this.markElementAsRemoved(e,t,!1,s);let r=this.namespacesByHostElement.get(t);r&&r.id!==e&&r.removeNode(t,s)}else this._onRemovalComplete(t,s)}markElementAsRemoved(e,t,s,n,r){this.collectedLeaveElements.push(t),t[z]={namespaceId:e,setForRemoval:n,hasAnimation:s,removedBeforeQueried:!1,previousTriggersValues:r}}listen(e,t,s,n,r){return de(t)?this._fetchNamespace(e).listen(t,s,n,r):()=>{}}_buildInstruction(e,t,s,n,r){return e.transition.build(this.driver,e.element,e.fromState.value,e.toState.value,s,n,e.fromState.options,e.toState.options,t,r)}destroyInnerAnimations(e){let t=this.driver.query(e,ge,!0);t.forEach(s=>this.destroyActiveAnimationsForElement(s)),this.playersByQueriedElement.size!=0&&(t=this.driver.query(e,ze,!0),t.forEach(s=>this.finishActiveQueriedAnimationOnElement(s)))}destroyActiveAnimationsForElement(e){let t=this.playersByElement.get(e);t&&t.forEach(s=>{s.queued?s.markedForDestroy=!0:s.destroy()})}finishActiveQueriedAnimationOnElement(e){let t=this.playersByQueriedElement.get(e);t&&t.forEach(s=>s.finish())}whenRenderingDone(){return new Promise(e=>{if(this.players.length)return U(this.players).onDone(()=>e());e()})}processLeaveNode(e){let t=e[z];if(t&&t.setForRemoval){if(e[z]=Qt,t.namespaceId){this.destroyInnerAnimations(e);let s=this._fetchNamespace(t.namespaceId);s&&s.clearElementCache(e)}this._onRemovalComplete(e,t.setForRemoval)}e.classList?.contains(Re)&&this.markElementAsDisabled(e,!1),this.driver.query(e,nn,!0).forEach(s=>{this.markElementAsDisabled(s,!1)})}flush(e=-1){let t=[];if(this.newHostElements.size&&(this.newHostElements.forEach((s,n)=>this._balanceNamespaceList(s,n)),this.newHostElements.clear()),this.totalAnimations&&this.collectedEnterElements.length)for(let s=0;ss()),this._flushFns=[],this._whenQuietFns.length){let s=this._whenQuietFns;this._whenQuietFns=[],t.length?U(t).onDone(()=>{s.forEach(n=>n())}):s.forEach(n=>n())}}reportError(e){throw vs(e)}_flushAnimations(e,t){let s=new te,n=[],r=new Map,a=[],o=new Map,l=new Map,u=new Map,h=new Set;this.disabledNodes.forEach(f=>{h.add(f);let m=this.driver.query(f,sn,!0);for(let p=0;p{let p=st+g++;d.set(m,p),f.forEach(T=>I(T,p))});let v=[],b=new Set,A=new Set;for(let f=0;fb.add(T)):A.add(m))}let C=new Map,N=Ct(_,Array.from(b));N.forEach((f,m)=>{let p=pe+g++;C.set(m,p),f.forEach(T=>I(T,p))}),e.push(()=>{y.forEach((f,m)=>{let p=d.get(m);f.forEach(T=>ee(T,p))}),N.forEach((f,m)=>{let p=C.get(m);f.forEach(T=>ee(T,p))}),v.forEach(f=>{this.processLeaveNode(f)})});let Z=[],K=[];for(let f=this._namespaceList.length-1;f>=0;f--)this._namespaceList[f].drainQueuedTransitions(t).forEach(p=>{let T=p.player,P=p.element;if(Z.push(T),this.collectedEnterElements.length){let M=P[z];if(M&&M.setForMove){if(M.previousTriggersValues&&M.previousTriggersValues.has(p.triggerName)){let G=M.previousTriggersValues.get(p.triggerName),F=this.statesByElement.get(p.element);if(F&&F.has(p.triggerName)){let oe=F.get(p.triggerName);oe.value=G,F.set(p.triggerName,oe)}}T.destroy();return}}let q=!c||!this.driver.containsElement(c,P),R=C.get(P),V=d.get(P),w=this._buildInstruction(p,s,V,R,q);if(w.errors&&w.errors.length){K.push(w);return}if(q){T.onStart(()=>X(P,w.fromStyles)),T.onDestroy(()=>Q(P,w.toStyles)),n.push(T);return}if(p.isFallbackTransition){T.onStart(()=>X(P,w.fromStyles)),T.onDestroy(()=>Q(P,w.toStyles)),n.push(T);return}let ht=[];w.timelines.forEach(M=>{M.stretchStartingKeyframe=!0,this.disabledNodes.has(M.element)||ht.push(M)}),w.timelines=ht,s.append(P,w.timelines);let Ut={instruction:w,player:T,element:P};a.push(Ut),w.queriedElements.forEach(M=>L(o,M,[]).push(T)),w.preStyleProps.forEach((M,G)=>{if(M.size){let F=l.get(G);F||l.set(G,F=new Set),M.forEach((oe,Pe)=>F.add(Pe))}}),w.postStyleProps.forEach((M,G)=>{let F=u.get(G);F||u.set(G,F=new Set),M.forEach((oe,Pe)=>F.add(Pe))})});if(K.length){let f=[];K.forEach(m=>{f.push(ws(m.triggerName,m.errors))}),Z.forEach(m=>m.destroy()),this.reportError(f)}let k=new Map,D=new Map;a.forEach(f=>{let m=f.element;s.has(m)&&(D.set(m,m),this._beforeAnimationBuild(f.player.namespaceId,f.instruction,k))}),n.forEach(f=>{let m=f.element;this._getPreviousPlayers(m,!1,f.namespaceId,f.triggerName,null).forEach(T=>{L(k,m,[]).push(T),T.destroy()})});let j=v.filter(f=>kt(f,l,u)),J=new Map;Mt(J,this.driver,A,u,B).forEach(f=>{kt(f,l,u)&&j.push(f)});let W=new Map;y.forEach((f,m)=>{Mt(W,this.driver,new Set(f),l,ue)}),j.forEach(f=>{let m=J.get(f),p=W.get(f);J.set(f,new Map([...m?.entries()??[],...p?.entries()??[]]))});let Ae=[],ut=[],ct={};a.forEach(f=>{let{element:m,player:p,instruction:T}=f;if(s.has(m)){if(h.has(m)){p.onDestroy(()=>Q(m,T.toStyles)),p.disabled=!0,p.overrideTotalTime(T.totalTime),n.push(p);return}let P=ct;if(D.size>1){let R=m,V=[];for(;R=R.parentNode;){let w=D.get(R);if(w){P=w;break}V.push(R)}V.forEach(w=>D.set(w,P))}let q=this._buildAnimation(p.namespaceId,T,k,r,W,J);if(p.setRealPlayer(q),P===ct)Ae.push(p);else{let R=this.playersByElement.get(P);R&&R.length&&(p.parentPlayer=U(R)),n.push(p)}}else X(m,T.fromStyles),p.onDestroy(()=>Q(m,T.toStyles)),ut.push(p),h.has(m)&&n.push(p)}),ut.forEach(f=>{let m=r.get(f.element);if(m&&m.length){let p=U(m);f.setRealPlayer(p)}}),n.forEach(f=>{f.parentPlayer?f.syncPlayerEvents(f.parentPlayer):f.destroy()});for(let f=0;f!q.destroyed);P.length?fn(this,m,P):this.processLeaveNode(m)}return v.length=0,Ae.forEach(f=>{this.players.push(f),f.onDone(()=>{f.destroy();let m=this.players.indexOf(f);this.players.splice(m,1)}),f.play()}),Ae}afterFlush(e){this._flushFns.push(e)}afterFlushAnimationsDone(e){this._whenQuietFns.push(e)}_getPreviousPlayers(e,t,s,n,r){let a=[];if(t){let o=this.playersByQueriedElement.get(e);o&&(a=o)}else{let o=this.playersByElement.get(e);if(o){let l=!r||r==ne;o.forEach(u=>{u.queued||!l&&u.triggerName!=n||a.push(u)})}}return(s||n)&&(a=a.filter(o=>!(s&&s!=o.namespaceId||n&&n!=o.triggerName))),a}_beforeAnimationBuild(e,t,s){let n=t.triggerName,r=t.element,a=t.isRemovalTransition?void 0:e,o=t.isRemovalTransition?void 0:n;for(let l of t.timelines){let u=l.element,h=u!==r,c=L(s,u,[]);this._getPreviousPlayers(u,h,a,o,t.toState).forEach(y=>{let d=y.getRealPlayer();d.beforeDestroy&&d.beforeDestroy(),y.destroy(),c.push(y)})}X(r,t.fromStyles)}_buildAnimation(e,t,s,n,r,a){let o=t.triggerName,l=t.element,u=[],h=new Set,c=new Set,_=t.timelines.map(d=>{let g=d.element;h.add(g);let v=g[z];if(v&&v.removedBeforeQueried)return new x(d.duration,d.delay);let b=g!==l,A=dn((s.get(g)||on).map(k=>k.getRealPlayer())).filter(k=>{let D=k;return D.element?D.element===g:!1}),C=r.get(g),N=a.get(g),Z=Ot(this._normalizer,d.keyframes,C,N),K=this._buildPlayer(d,Z,A);if(d.subTimeline&&n&&c.add(g),b){let k=new ae(e,o,g);k.setRealPlayer(K),u.push(k)}return K});u.forEach(d=>{L(this.playersByQueriedElement,d.element,[]).push(d),d.onDone(()=>un(this.playersByQueriedElement,d.element,d))}),h.forEach(d=>I(d,St));let y=U(_);return y.onDestroy(()=>{h.forEach(d=>ee(d,St)),Q(l,t.toStyles)}),c.forEach(d=>{L(n,d,[]).push(y)}),y}_buildPlayer(e,t,s){return t.length>0?this.driver.animate(e.element,t,e.duration,e.delay,e.easing,s):new x(e.duration,e.delay)}},ae=class{namespaceId;triggerName;element;_player=new x;_containsRealPlayer=!1;_queuedCallbacks=new Map;destroyed=!1;parentPlayer=null;markedForDestroy=!1;disabled=!1;queued=!0;totalTime=0;constructor(e,t,s){this.namespaceId=e,this.triggerName=t,this.element=s}setRealPlayer(e){this._containsRealPlayer||(this._player=e,this._queuedCallbacks.forEach((t,s)=>{t.forEach(n=>xe(e,s,void 0,n))}),this._queuedCallbacks.clear(),this._containsRealPlayer=!0,this.overrideTotalTime(e.totalTime),this.queued=!1)}getRealPlayer(){return this._player}overrideTotalTime(e){this.totalTime=e}syncPlayerEvents(e){let t=this._player;t.triggerCallback&&e.onStart(()=>t.triggerCallback("start")),e.onDone(()=>this.finish()),e.onDestroy(()=>this.destroy())}_queueEvent(e,t){L(this._queuedCallbacks,e,[]).push(t)}onDone(e){this.queued&&this._queueEvent("done",e),this._player.onDone(e)}onStart(e){this.queued&&this._queueEvent("start",e),this._player.onStart(e)}onDestroy(e){this.queued&&this._queueEvent("destroy",e),this._player.onDestroy(e)}init(){this._player.init()}hasStarted(){return this.queued?!1:this._player.hasStarted()}play(){!this.queued&&this._player.play()}pause(){!this.queued&&this._player.pause()}restart(){!this.queued&&this._player.restart()}finish(){this._player.finish()}destroy(){this.destroyed=!0,this._player.destroy()}reset(){!this.queued&&this._player.reset()}setPosition(e){this.queued||this._player.setPosition(e)}getPosition(){return this.queued?0:this._player.getPosition()}triggerCallback(e){let t=this._player;t.triggerCallback&&t.triggerCallback(e)}};function un(i,e,t){let s=i.get(e);if(s){if(s.length){let n=s.indexOf(t);s.splice(n,1)}s.length==0&&i.delete(e)}return s}function cn(i){return i??null}function de(i){return i&&i.nodeType===1}function hn(i){return i=="start"||i=="done"}function Nt(i,e){let t=i.style.display;return i.style.display=e??"none",t}function Mt(i,e,t,s,n){let r=[];t.forEach(l=>r.push(Nt(l)));let a=[];s.forEach((l,u)=>{let h=new Map;l.forEach(c=>{let _=e.computeStyle(u,c,n);h.set(c,_),(!_||_.length==0)&&(u[z]=ln,a.push(u))}),i.set(u,h)});let o=0;return t.forEach(l=>Nt(l,r[o++])),a}function Ct(i,e){let t=new Map;if(i.forEach(o=>t.set(o,[])),e.length==0)return t;let s=1,n=new Set(e),r=new Map;function a(o){if(!o)return s;let l=r.get(o);if(l)return l;let u=o.parentNode;return t.has(u)?l=u:n.has(u)?l=s:l=a(u),r.set(o,l),l}return e.forEach(o=>{let l=a(o);l!==s&&t.get(l).push(o)}),t}function I(i,e){i.classList?.add(e)}function ee(i,e){i.classList?.remove(e)}function fn(i,e,t){U(t).onDone(()=>i.processLeaveNode(e))}function dn(i){let e=[];return $t(i,e),e}function $t(i,e){for(let t=0;tn.add(r)):e.set(i,s),t.delete(i),!0}var ve=class{_driver;_normalizer;_transitionEngine;_timelineEngine;_triggerCache={};onRemovalComplete=(e,t)=>{};constructor(e,t,s){this._driver=t,this._normalizer=s,this._transitionEngine=new Xe(e.body,t,s),this._timelineEngine=new He(e.body,t,s),this._transitionEngine.onRemovalComplete=(n,r)=>this.onRemovalComplete(n,r)}registerTrigger(e,t,s,n,r){let a=e+"-"+n,o=this._triggerCache[a];if(!o){let l=[],u=[],h=rt(this._driver,r,l,u);if(l.length)throw fs(n,l);u.length&&void 0,o=xs(n,h,this._normalizer),this._triggerCache[a]=o}this._transitionEngine.registerTrigger(t,n,o)}register(e,t){this._transitionEngine.register(e,t)}destroy(e,t){this._transitionEngine.destroy(e,t)}onInsert(e,t,s,n){this._transitionEngine.insertNode(e,t,s,n)}onRemove(e,t,s){this._transitionEngine.removeNode(e,t,s)}disableAnimations(e,t){this._transitionEngine.markElementAsDisabled(e,t)}process(e,t,s,n){if(s.charAt(0)=="@"){let[r,a]=gt(s),o=n;this._timelineEngine.command(r,t,a,o)}else this._transitionEngine.trigger(e,t,s,n)}listen(e,t,s,n,r){if(s.charAt(0)=="@"){let[a,o]=gt(s);return this._timelineEngine.listen(a,t,o,r)}return this._transitionEngine.listen(e,t,s,n,r)}flush(e=-1){this._transitionEngine.flush(e)}get players(){return[...this._transitionEngine.players,...this._timelineEngine.players]}whenRenderingDone(){return this._transitionEngine.whenRenderingDone()}afterFlushAnimationsDone(e){this._transitionEngine.afterFlushAnimationsDone(e)}};function pn(i,e){let t=null,s=null;return Array.isArray(e)&&e.length?(t=Le(e[0]),e.length>1&&(s=Le(e[e.length-1]))):e instanceof Map&&(t=Le(e)),t||s?new gn(i,t,s):null}var gn=(()=>{class i{_element;_startStyles;_endStyles;static initialStylesByElement=new WeakMap;_state=0;_initialStyles;constructor(t,s,n){this._element=t,this._startStyles=s,this._endStyles=n;let r=i.initialStylesByElement.get(t);r||i.initialStylesByElement.set(t,r=new Map),this._initialStyles=r}start(){this._state<1&&(this._startStyles&&Q(this._element,this._startStyles,this._initialStyles),this._state=1)}finish(){this.start(),this._state<2&&(Q(this._element,this._initialStyles),this._endStyles&&(Q(this._element,this._endStyles),this._endStyles=null),this._state=1)}destroy(){this.finish(),this._state<3&&(i.initialStylesByElement.delete(this._element),this._startStyles&&(X(this._element,this._startStyles),this._endStyles=null),this._endStyles&&(X(this._element,this._endStyles),this._endStyles=null),Q(this._element,this._initialStyles),this._state=3)}}return i})();function Le(i){let e=null;return i.forEach((t,s)=>{yn(s)&&(e=e||new Map,e.set(s,t))}),e}function yn(i){return i==="display"||i==="position"}var we=class{element;keyframes;options;_specialStyles;_onDoneFns=[];_onStartFns=[];_onDestroyFns=[];_duration;_delay;_initialized=!1;_finished=!1;_started=!1;_destroyed=!1;_finalKeyframe;_originalOnDoneFns=[];_originalOnStartFns=[];domPlayer;time=0;parentPlayer=null;currentSnapshot=new Map;constructor(e,t,s,n){this.element=e,this.keyframes=t,this.options=s,this._specialStyles=n,this._duration=s.duration,this._delay=s.delay||0,this.time=this._duration+this._delay}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(e=>e()),this._onDoneFns=[])}init(){this._buildPlayer(),this._preparePlayerBeforeStart()}_buildPlayer(){if(this._initialized)return;this._initialized=!0;let e=this.keyframes;this.domPlayer=this._triggerWebAnimation(this.element,e,this.options),this._finalKeyframe=e.length?e[e.length-1]:new Map;let t=()=>this._onFinish();this.domPlayer.addEventListener("finish",t),this.onDestroy(()=>{this.domPlayer.removeEventListener("finish",t)})}_preparePlayerBeforeStart(){this._delay?this._resetDomPlayerState():this.domPlayer.pause()}_convertKeyframesToObject(e){let t=[];return e.forEach(s=>{t.push(Object.fromEntries(s))}),t}_triggerWebAnimation(e,t,s){return e.animate(this._convertKeyframesToObject(t),s)}onStart(e){this._originalOnStartFns.push(e),this._onStartFns.push(e)}onDone(e){this._originalOnDoneFns.push(e),this._onDoneFns.push(e)}onDestroy(e){this._onDestroyFns.push(e)}play(){this._buildPlayer(),this.hasStarted()||(this._onStartFns.forEach(e=>e()),this._onStartFns=[],this._started=!0,this._specialStyles&&this._specialStyles.start()),this.domPlayer.play()}pause(){this.init(),this.domPlayer.pause()}finish(){this.init(),this._specialStyles&&this._specialStyles.finish(),this._onFinish(),this.domPlayer.finish()}reset(){this._resetDomPlayerState(),this._destroyed=!1,this._finished=!1,this._started=!1,this._onStartFns=this._originalOnStartFns,this._onDoneFns=this._originalOnDoneFns}_resetDomPlayerState(){this.domPlayer&&this.domPlayer.cancel()}restart(){this.reset(),this.play()}hasStarted(){return this._started}destroy(){this._destroyed||(this._destroyed=!0,this._resetDomPlayerState(),this._onFinish(),this._specialStyles&&this._specialStyles.destroy(),this._onDestroyFns.forEach(e=>e()),this._onDestroyFns=[])}setPosition(e){this.domPlayer===void 0&&this.init(),this.domPlayer.currentTime=e*this.time}getPosition(){return+(this.domPlayer.currentTime??0)/this.time}get totalTime(){return this._delay+this._duration}beforeDestroy(){let e=new Map;this.hasStarted()&&this._finalKeyframe.forEach((s,n)=>{n!=="offset"&&e.set(n,this._finished?s:it(this.element,n))}),this.currentSnapshot=e}triggerCallback(e){let t=e==="start"?this._onStartFns:this._onDoneFns;t.forEach(s=>s()),t.length=0}},Ze=class{validateStyleProperty(e){return!0}validateAnimatableStyleProperty(e){return!0}containsElement(e,t){return Lt(e,t)}getParentElement(e){return tt(e)}query(e,t,s){return Ft(e,t,s)}computeStyle(e,t,s){return it(e,t)}animate(e,t,s,n,r,a=[]){let o=n==0?"both":"forwards",l={duration:s,delay:n,fill:o};r&&(l.easing=r);let u=new Map,h=a.filter(y=>y instanceof we);Fs(s,n)&&h.forEach(y=>{y.currentSnapshot.forEach((d,g)=>u.set(g,d))});let c=Rs(t).map(y=>new Map(y));c=Is(e,c,u);let _=pn(e,c);return new we(e,c,l,_)}};function Pn(i,e){return i==="noop"?new ve(e,new It,new Ie):new ve(e,new Ze,new Be)}var Dt=class{_driver;_animationAst;constructor(e,t){this._driver=e;let s=[],n=[],r=rt(e,t,s,n);if(s.length)throw cs(s);n.length&&void 0,this._animationAst=r}buildTimelines(e,t,s,n,r){let a=Array.isArray(t)?Et(t):t,o=Array.isArray(s)?Et(s):s,l=[];r=r||new te;let u=ot(this._driver,e,this._animationAst,st,pe,a,o,n,r,l);if(l.length)throw hs(l);return u}},me="@",Vt="@.disabled",be=class{namespaceId;delegate;engine;_onDestroy;\u0275type=0;constructor(e,t,s,n){this.namespaceId=e,this.delegate=t,this.engine=s,this._onDestroy=n}get data(){return this.delegate.data}destroyNode(e){this.delegate.destroyNode?.(e)}destroy(){this.engine.destroy(this.namespaceId,this.delegate),this.engine.afterFlushAnimationsDone(()=>{queueMicrotask(()=>{this.delegate.destroy()})}),this._onDestroy?.()}createElement(e,t){return this.delegate.createElement(e,t)}createComment(e){return this.delegate.createComment(e)}createText(e){return this.delegate.createText(e)}appendChild(e,t){this.delegate.appendChild(e,t),this.engine.onInsert(this.namespaceId,t,e,!1)}insertBefore(e,t,s,n=!0){this.delegate.insertBefore(e,t,s),this.engine.onInsert(this.namespaceId,t,e,n)}removeChild(e,t,s){this.parentNode(t)&&this.engine.onRemove(this.namespaceId,t,this.delegate)}selectRootElement(e,t){return this.delegate.selectRootElement(e,t)}parentNode(e){return this.delegate.parentNode(e)}nextSibling(e){return this.delegate.nextSibling(e)}setAttribute(e,t,s,n){this.delegate.setAttribute(e,t,s,n)}removeAttribute(e,t,s){this.delegate.removeAttribute(e,t,s)}addClass(e,t){this.delegate.addClass(e,t)}removeClass(e,t){this.delegate.removeClass(e,t)}setStyle(e,t,s,n){this.delegate.setStyle(e,t,s,n)}removeStyle(e,t,s){this.delegate.removeStyle(e,t,s)}setProperty(e,t,s){t.charAt(0)==me&&t==Vt?this.disableAnimations(e,!!s):this.delegate.setProperty(e,t,s)}setValue(e,t){this.delegate.setValue(e,t)}listen(e,t,s){return this.delegate.listen(e,t,s)}disableAnimations(e,t){this.engine.disableAnimations(e,t)}},Je=class extends be{factory;constructor(e,t,s,n,r){super(t,s,n,r),this.factory=e,this.namespaceId=t}setProperty(e,t,s){t.charAt(0)==me?t.charAt(1)=="."&&t==Vt?(s=s===void 0?!0:!!s,this.disableAnimations(e,s)):this.engine.process(this.namespaceId,e,t.slice(1),s):this.delegate.setProperty(e,t,s)}listen(e,t,s){if(t.charAt(0)==me){let n=_n(e),r=t.slice(1),a="";return r.charAt(0)!=me&&([r,a]=Sn(r)),this.engine.listen(this.namespaceId,n,r,a,o=>{let l=o._data||-1;this.factory.scheduleListenerCallback(l,s,o)})}return this.delegate.listen(e,t,s)}};function _n(i){switch(i){case"body":return document.body;case"document":return document;case"window":return window;default:return i}}function Sn(i){let e=i.indexOf("."),t=i.substring(0,e),s=i.slice(e+1);return[t,s]}var Rt=class{delegate;engine;_zone;_currentId=0;_microtaskId=1;_animationCallbacksBuffer=[];_rendererCache=new Map;_cdRecurDepth=0;constructor(e,t,s){this.delegate=e,this.engine=t,this._zone=s,t.onRemovalComplete=(n,r)=>{r?.removeChild(null,n)}}createRenderer(e,t){let s="",n=this.delegate.createRenderer(e,t);if(!e||!t?.data?.animation){let u=this._rendererCache,h=u.get(n);if(!h){let c=()=>u.delete(n);h=new be(s,n,this.engine,c),u.set(n,h)}return h}let r=t.id,a=t.id+"-"+this._currentId;this._currentId++,this.engine.register(a,e);let o=u=>{Array.isArray(u)?u.forEach(o):this.engine.registerTrigger(r,a,e,u.name,u)};return t.data.animation.forEach(o),new Je(this,a,n,this.engine)}begin(){this._cdRecurDepth++,this.delegate.begin&&this.delegate.begin()}_scheduleCountTask(){queueMicrotask(()=>{this._microtaskId++})}scheduleListenerCallback(e,t,s){if(e>=0&&et(s));return}let n=this._animationCallbacksBuffer;n.length==0&&queueMicrotask(()=>{this._zone.run(()=>{n.forEach(r=>{let[a,o]=r;a(o)}),this._animationCallbacksBuffer=[]})}),n.push([t,s])}end(){this._cdRecurDepth--,this._cdRecurDepth==0&&this._zone.runOutsideAngular(()=>{this._scheduleCountTask(),this.engine.flush(this._microtaskId)}),this.delegate.end&&this.delegate.end()}whenRenderingDone(){return this.engine.whenRenderingDone()}};export{_t as AnimationDriver,It as NoopAnimationDriver,Dt as \u0275Animation,ve as \u0275AnimationEngine,Je as \u0275AnimationRenderer,Rt as \u0275AnimationRendererFactory,Fe as \u0275AnimationStyleNormalizer,be as \u0275BaseAnimationRenderer,Ie as \u0275NoopAnimationStyleNormalizer,Ze as \u0275WebAnimationsDriver,we as \u0275WebAnimationsPlayer,Be as \u0275WebAnimationsStyleNormalizer,Fs as \u0275allowPreviousPlayerStylesMerge,An as \u0275camelCaseToDashCase,Lt as \u0275containsElement,Pn as \u0275createEngine,tt as \u0275getParentElement,Ft as \u0275invokeQuery,Rs as \u0275normalizeKeyframes,Ns as \u0275validateStyleProperty,bn as \u0275validateWebAnimatableStyleProperty}; diff --git a/angular/docs/chunk-55VZ6TH5.js b/angular/docs/chunk-55VZ6TH5.js deleted file mode 100644 index 0169f1f3a00..00000000000 --- a/angular/docs/chunk-55VZ6TH5.js +++ /dev/null @@ -1,34 +0,0 @@ -import{a as S}from"./chunk-GOOL7UHW.js";import{bc as p}from"./chunk-CIRO6JJS.js";import"./chunk-HEV2ZGEM.js";import"./chunk-QWX5SKOU.js";import"./chunk-DPZ7BZKP.js";import{a as y}from"./chunk-KJYCQPQX.js";import{r as C}from"./chunk-R2AYP265.js";import{h as x,i as I}from"./chunk-ADVPX5JT.js";import"./chunk-2XBJPMNA.js";import"./chunk-TJ5BOBQA.js";import{Cc as c,Dc as h,Ec as v,Rb as d,Sc as r,Tc as g,ac as n,bc as i,cc as o,mb as s,na as m,nb as f}from"./chunk-W26A3BQN.js";import"./chunk-JKOY2XUY.js";var w=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=m({type:e,selectors:[["docs-image05-example"]],standalone:!0,features:[r],decls:2,vars:0,consts:[[1,"text-center"],["cImg","","height","200","src","assets/img/angular400.jpg","width","200"]],template:function(t,l){t&1&&(n(0,"div",0),o(1,"img",1),i())},dependencies:[p],encapsulation:2})}}return e})();var D=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=m({type:e,selectors:[["docs-image04-example"]],standalone:!0,features:[r],decls:2,vars:0,consts:[[1,"clearfix"],["cImg","","align","center","height","200","rounded","","src","assets/img/angular400.jpg","width","200"]],template:function(t,l){t&1&&(n(0,"div",0),o(1,"img",1),i())},dependencies:[p],encapsulation:2})}}return e})();var M=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=m({type:e,selectors:[["docs-image03-example"]],standalone:!0,features:[r],decls:3,vars:1,consts:[[1,"clearfix"],["cImg","","align","start","height","200","rounded","","src","assets/img/angular400.jpg","width","200"],["cImg","","align","end","src","assets/img/angular400.jpg","width","200",3,"rounded"]],template:function(t,l){t&1&&(n(0,"div",0),o(1,"img",1)(2,"img",2),i()),t&2&&(s(2),d("rounded",!0))},dependencies:[p],encapsulation:2})}}return e})();var F=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=m({type:e,selectors:[["docs-image06-example"]],standalone:!0,features:[r],decls:2,vars:0,consts:[["cImg","","rounded","","src","assets/img/angular400.jpg","height","200"],["cImg","","src","assets/img/angular400.jpg","height","200"]],template:function(t,l){t&1&&o(0,"img",0)(1,"img",1)},dependencies:[p],encapsulation:2})}}return e})();var E=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=m({type:e,selectors:[["docs-image02-example"]],standalone:!0,features:[r],decls:1,vars:0,consts:[["cImg","","height","200","rounded","","src","assets/img/angular400.jpg","thumbnail","","width","200"]],template:function(t,l){t&1&&o(0,"img",0)},dependencies:[p],encapsulation:2})}}return e})();var b=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=m({type:e,selectors:[["docs-image01-example"]],standalone:!0,features:[r],decls:1,vars:0,consts:[["cImg","","fluid","","src","assets/img/angular.jpg"]],template:function(t,l){t&1&&o(0,"img",0)},dependencies:[p],encapsulation:2})}}return e})();var _=`\`\`\`typescript -import { ImgModule } from '@coreui/angular'; - -@NgModule({ - imports: [ImgModule,] -}) -export class AppModule(){} -\`\`\` -`;var j=()=>["components/image/examples/image01.component.html"],k=()=>["components/image/examples/image02.component.html"],A=()=>["components/image/examples/image06.component.html"],G=()=>["components/image/examples/image03.component.html"],R=()=>["components/image/examples/image04.component.html"],z=()=>["components/image/examples/image05.component.html"],re=(()=>{class e{constructor(a,t){this.metaService=a,this.titleService=t,this.usage=_,this.title="Angular Image Component",this.description="Angular image directive with responsive behavior (so it never becomes larger than their parent element) and special styles."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(t){return new(t||e)(f(x),f(I))}}static{this.\u0275cmp=m({type:e,selectors:[["ng-component"]],standalone:!0,features:[r],decls:30,vars:15,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"api-table"]],template:function(t,l){t&1&&(n(0,"h1",0),c(1),i(),n(2,"p",1),c(3),i(),o(4,"docs-ads-carbon-loader"),n(5,"markdown"),c(6,"\n ## Examples\n ### Responsive images\n\nImages in CoreUI for Angular are made responsive with `fluid` property. This applies `max-width: 100%;` and `height: auto;` to the image so that it scales with the parent element.\n"),i(),n(7,"docs-example",2),o(8,"docs-image01-example"),i(),n(9,"markdown"),c(10,` - ### Image thumbnails - -In addition to our [border-radius utilities](https://coreui.io/docs/utilities/borders), you can use prop \`thumbnail\` to give an image a rounded 1px border appearance. -`),i(),n(11,"docs-example",2),o(12,"docs-image02-example"),i(),n(13,"markdown"),c(14,` - ### Rounded Image - - Give an image a \`rounded\` border appearance. -`),i(),n(15,"docs-example",2),o(16,"docs-image06-example"),i(),n(17,"markdown"),c(18,` - ### Aligning images - -Align images with the \`align\` property. -`),i(),n(19,"docs-example",2),o(20,"docs-image03-example"),i(),n(21,"docs-example",2),o(22,"docs-image04-example"),i(),n(23,"docs-example",2),o(24,"docs-image05-example"),i(),n(25,"markdown"),c(26),n(27,"div",3),c(28,'\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `align` | Set the horizontal aligment. | ``""`` \\| ``"start"`` \\| ``"end"`` \\| ``"center"`` | `""` |\n | `fluid` | Make image responsive. | `boolean` | _false_ |\n | `rounded` | Make image rounded. | `boolean` |_false_|\n | `thumbnail` | Give an image a rounded 1px border appearance. | `boolean` | _false_ |\n\n '),i(),c(29,` -`),i()),t&2&&(s(),h(l.title),s(2),h(l.description),s(4),d("files",g(9,j)),s(4),d("files",g(10,k)),s(4),d("files",g(11,A)),s(4),d("files",g(12,G)),s(2),d("files",g(13,R)),s(2),d("files",g(14,z)),s(3),v(` - --- - - ## API reference - - ### Image Module - - `,l.usage,` - - ### cImg - _directive_ - - `))},dependencies:[y,C,S,b,E,F,M,D,w],encapsulation:2,changeDetection:0})}}return e})();export{re as ImageComponent}; diff --git a/angular/docs/chunk-VQPA76VJ.js b/angular/docs/chunk-57V5G4IM.js similarity index 82% rename from angular/docs/chunk-VQPA76VJ.js rename to angular/docs/chunk-57V5G4IM.js index 1bd4e973979..af85b5022ad 100644 --- a/angular/docs/chunk-VQPA76VJ.js +++ b/angular/docs/chunk-57V5G4IM.js @@ -1,4 +1,4 @@ -import"./chunk-DPZ7BZKP.js";import{a as g}from"./chunk-KJYCQPQX.js";import{r as h}from"./chunk-R2AYP265.js";import{h as l,i as v}from"./chunk-ADVPX5JT.js";import"./chunk-2XBJPMNA.js";import"./chunk-TJ5BOBQA.js";import{Cc as e,Dc as c,Sc as m,ac as n,bc as t,cc as s,mb as a,na as p,nb as u}from"./chunk-W26A3BQN.js";import"./chunk-JKOY2XUY.js";var x=(()=>{class o{constructor(r,i){this.metaService=r,this.titleService=i,this.title="CoreUI 5 Angular Migration",this.description="Track and review changes to the CoreUI Angular components to help you migrate from v4 to v5."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(i){return new(i||o)(u(l),u(v))}}static{this.\u0275cmp=p({type:o,selectors:[["docs-migration-v4-v5"]],standalone:!0,features:[m],decls:17,vars:2,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[1,"api-table"]],template:function(i,d){i&1&&(n(0,"h1",0),e(1),t(),n(2,"p",1),e(3),t(),s(4,"docs-ads-carbon-loader"),n(5,"markdown"),e(6,` +import"./chunk-DPZ7BZKP.js";import{a as h}from"./chunk-YCMO5GD4.js";import{s as v}from"./chunk-6RP7HPDL.js";import{h as m,i as l}from"./chunk-NR6O7NQI.js";import"./chunk-XQ2JSG7T.js";import"./chunk-4P7KQCRI.js";import{Ab as p,Gc as e,Hc as c,ec as n,fc as t,gc as s,kb as a,lb as u}from"./chunk-GYQMS5FR.js";import"./chunk-JKOY2XUY.js";var y=(()=>{class o{constructor(r,i){this.metaService=r,this.titleService=i,this.title="CoreUI 5 Angular Migration",this.description="Track and review changes to the CoreUI Angular components to help you migrate from v4 to v5."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(i){return new(i||o)(u(m),u(l))}}static{this.\u0275cmp=p({type:o,selectors:[["docs-migration-v4-v5"]],decls:17,vars:2,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[1,"api-table"]],template:function(i,d){i&1&&(n(0,"h1",0),e(1),t(),n(2,"p",1),e(3),t(),s(4,"docs-ads-carbon-loader"),n(5,"markdown"),e(6,` CoreUI for Angular is the Angular version of CoreUI components library, so before read the following guide, please check also [CoreUI 4 to 5 migration guide](https://coreui.io/bootstrap/docs/5.0/migration/v5/). `),t(),n(7,"markdown"),e(8,` @@ -101,4 +101,4 @@ import"./chunk-DPZ7BZKP.js";import{a as g}from"./chunk-KJYCQPQX.js";import{r as `),n(14,"div",2),e(15,"\n\n |directive|input|change|values|\n |:---|:---|:---|:---|\n |`TextColorDirective`| `cTextColor` |removed| `muted`, `high-emphasis`, `medium-emphasis`, `disabled`, `high-emphasis-inverse`, `medium-emphasis-inverse`, `disabled-inverse`\n |||new| `primary-emphasis`, `secondary-emphasis`, `success-emphasis`, `danger-emphasis`, `warning-emphasis`, `info-emphasis`, `light-emphasis`, `body`, `body-emphasis`, `body-secondary`, `body-tertiary`, `black`, `black-50`, `white`, `white-50`\n "),t(),e(16,` -`),t()),i&2&&(a(),c(d.title),a(2),c(d.description))},dependencies:[g,h]})}}return o})();export{x as MigrationV4V5Component}; +`),t()),i&2&&(a(),c(d.title),a(2),c(d.description))},dependencies:[h,v],encapsulation:2})}}return o})();export{y as MigrationV4V5Component}; diff --git a/angular/docs/chunk-5AK2PDXZ.js b/angular/docs/chunk-5AK2PDXZ.js deleted file mode 100644 index 1843992d4c1..00000000000 --- a/angular/docs/chunk-5AK2PDXZ.js +++ /dev/null @@ -1,150 +0,0 @@ -import{h as qe,i as Qe,m as Ze,u as Xe}from"./chunk-5JTM7ME4.js";import"./chunk-R4BQTGW3.js";import{a as Ye}from"./chunk-Q2HVSKUJ.js";import{a as Ke}from"./chunk-GOOL7UHW.js";import{F as Me,Fb as Re,I as $e,K as U,Qb as Ne,U as Be,dd as We,ja as je,jc as ze,ka as Le,la as Oe,lc as Ue,p as ke,rd as Ge,u as w,ud as B,vd as W,yd as x,z as Ee}from"./chunk-CIRO6JJS.js";import"./chunk-HEV2ZGEM.js";import"./chunk-QWX5SKOU.js";import"./chunk-DPZ7BZKP.js";import{a as Je}from"./chunk-KJYCQPQX.js";import{r as He}from"./chunk-R2AYP265.js";import{a as Fe,b as Ie,h as Ae,i as Ve}from"./chunk-ADVPX5JT.js";import{m as z,q as De,r as ne}from"./chunk-2XBJPMNA.js";import"./chunk-TJ5BOBQA.js";import{$b as Pe,$c as N,Aa as v,Ba as S,Bc as D,C as ge,Ca as ye,Cc as o,Dc as M,Ec as P,F as q,Fc as te,Gc as xe,Hb as g,Hc as Te,Ic as we,J as _e,K as H,Lc as L,Mc as $,Nc as O,Q,Qb as Ce,Rb as d,Rc as ae,Sc as C,Tc as u,Uc as oe,V as he,W as J,Xb as I,Y as Z,Zb as ve,_b as Se,_c as R,ac as i,bc as r,ca as X,cc as f,cd as A,f as Y,fc as se,g as E,gc as T,ha as fe,ia as be,m as de,mb as c,n as pe,na as y,nb as K,nc as k,pc as p,q as re,r as ue,wb as ee}from"./chunk-W26A3BQN.js";import{a as h,b as j,c as ce}from"./chunk-JKOY2XUY.js";var yt=[{id:0,name:"John Doe",registered:"2022/01/01",role:"Guest",status:"Pending"},{id:1,name:"Samppa Nori",registered:"2022/01/31",role:"Member",status:"Active",_props:{color:"success",align:"middle"}},{id:2,name:"Estavan Lykos",registered:"2022/02/01",role:"Staff",status:"Banned",_cellProps:{name:{color:"info",active:!0}}},{id:3,name:"Chetan Mohamed",registered:"2022/02/01",role:"Admin",status:"Inactive",_cellProps:{_all:{color:"danger"},role:{active:!0}}},{id:4,name:"Derick Maximinus",registered:"2022/03/01",role:"Member",status:"Pending",_selected:!0},{id:5,name:"Friderik D\xE1vid",registered:"2022/01/21",role:"Staff",status:"Active"},{id:6,name:"Yiorgos Avraamu",registered:"2022/01/07",role:"Member",status:"Active"},{id:7,name:"Avram Tarasios",registered:"2022/02/08",role:"Staff",status:"Banned"},{id:8,name:"Quintin Ed",registered:"2022/02/01",role:"Admin",status:"Inactive"},{id:9,name:"En\xE9as Kwadwo",registered:"2022/03/01",role:"Member",status:"Pending"},{id:10,name:"Agapetus Tade\xE1\u0161",registered:"2022/01/21",role:"Staff",status:"Active"},{id:11,name:"Carwyn Fachtna",registered:"2022/01/01",role:"Member",status:"Active"},{id:12,name:"Nehemiah Tatius",registered:"2022/02/11",role:"Staff",status:"Banned"},{id:13,name:"Ebbe Gemariah",registered:"2022/02/08",role:"Admin",status:"Inactive"},{id:14,name:"Eustorgios Amulius",registered:"2022/03/01",role:"Member",status:"Pending"},{id:15,name:"Leopold G\xE1sp\xE1r",registered:"2022/01/21",role:"Staff",status:"Active"},{id:16,name:"Pompeius Ren\xE9",registered:"2022/01/10",role:"Member",status:"Active"},{id:17,name:"Pa\u0109jo Jadon",registered:"2022/02/01",role:"Staff",status:"Banned"},{id:18,name:"Micheal Mercurius",registered:"2022/02/11",role:"Admin",status:"Inactive"},{id:19,name:"Ganesha Dubhghall",registered:"2022/03/01",role:"Member",status:"Pending"},{id:20,name:"Hiroto \u0160imun",registered:"2022/01/21",role:"Staff",status:"Active"},{id:21,name:"Vishnu Serghei",registered:"2022/01/01",role:"Member",status:"Active"},{id:22,name:"Zbyn\u011Bk Phoibos",registered:"2022/02/14",role:"Staff",status:"Banned"},{id:23,name:"Aulus Agmundr",registered:"2022/01/01",role:"Member",status:"Pending"},{id:42,name:"Ford Prefect",registered:"2001/05/25",role:"Alien",status:"Don't panic!",_cellProps:{role:{active:!0}}}],F=yt;var Ct=()=>({column:"name",state:"asc"}),vt=()=>({align:"middle"}),et=()=>({color:"warning"}),St=()=>({hover:!0,striped:!0,responsive:!0});function Pt(t,l){if(t&1){let e=T();i(0,"div",5)(1,"button",6),k("click",function(){v(e),p();let n=D(1);return S(n.footer=!n.footer)}),o(2),r()()}if(t&2){p();let e=D(1);d("cCol","auto"),c(2),P(" Footer is ",e.footer?"ON":"OFF"," ")}}function xt(t,l){if(t&1&&(i(0,"div",7)(1,"c-card",8)(2,"c-card-body")(3,"h5"),o(4),r(),i(5,"p",9),o(6),r()(),i(7,"c-card-footer")(8,"button",10),o(9," User Settings "),r(),i(10,"button",11),o(11," Delete "),r()()()()),t&2){let e=l.item,a=p();d("visible",a.details_visible[e.id]===!0),c(4),M(e.name),c(2),P("User since: ",e.registered,"")}}function Tt(t,l){if(t&1&&(i(0,"c-badge",13),o(1),r()),t&2){let e=p(),a=e.columnName,n=e.item,s=e.tdContent,m=p();d("color",m.getBadge(s)),c(),P(" ",n[a]," ")}}function wt(t,l){if(t&1){let e=T();i(0,"button",15),k("click",function(){v(e);let n=p().item,s=p();return S(s.toggleDetails(n.id))}),o(1," Show "),r()}}function Dt(t,l){if(t&1&&o(0),t&2){let e=p().tdContent;P(" ",e," ")}}function Ft(t,l){if(t&1&&(i(0,"td",12),g(1,Tt,2,2,"c-badge",13)(2,wt,2,0,"button",14)(3,Dt,1,1),r()),t&2){let e,a,n,s,m=l.columnName,_=l.item;p();let b=D(1);d("cAlign",(e=b.getTableDataCellProps(_,m))==null?null:e.align)("cTableActive",(a=b.getTableDataCellProps(_,m))==null?null:a.active)("cTableColor",(n=b.getTableDataCellProps(_,m))==null?null:n.color)("ngClass",b.getTableDataCellClass(_,m)),c(),I((s=m)==="status"?1:s==="show"?2:3)}}var tt=(()=>{class t{constructor(){this.usersData=F,this.columns=[{key:"name",_style:{width:"40%"},_props:{color:"danger",class:"fw-bold"}},"registered",{key:"role",filter:!1,sorter:!1,_style:{width:"15%"},_classes:"text-muted small"},{key:"status",_style:{width:"15%"}},{key:"show",label:"",_style:{width:"5%"},filter:!1,sorter:!1}],this.details_visible=Object.create({})}getBadge(e){switch(e){case"Active":return"success";case"Inactive":return"secondary";case"Pending":return"warning";case"Banned":return"danger";default:return"primary"}}getItem(e){return Object.keys(e)}toggleDetails(e){this.details_visible[e]=!this.details_visible[e]}static{this.\u0275fac=function(a){return new(a||t)}}static{this.\u0275cmp=y({type:t,selectors:[["docs-smart-table01"]],standalone:!0,features:[C],decls:5,vars:17,consts:[["smartTable","cSmartTable"],["activePage","2","cleaner","","clickableRows","","footer","","header","","pagination","","selectable","",3,"columnFilter","columnSorter","columns","itemsPerPageSelect","itemsPerPage","items","sorterValue","tableBodyProps","tableFilter","tableFootProps","tableHeadProps","tableProps"],["cTemplateId","tableCustomHeader"],["cTemplateId","tableDetails"],["cTemplateId","tableData"],[1,"p-0","ms-auto",3,"cCol"],["cButton","","color","success",3,"click"],["cCollapse","",3,"visible"],[1,"rounded-0"],[1,"text-muted"],["cButton","","color","info","size","sm"],["cButton","","color","danger","size","sm",1,"ms-1"],[3,"cAlign","cTableActive","cTableColor","ngClass"],[3,"color"],["cButton","","color","primary","size","sm","variant","outline"],["cButton","","color","primary","size","sm","variant","outline",3,"click"]],template:function(a,n){a&1&&(i(0,"c-smart-table",1,0),g(2,Pt,3,2,"ng-template",2)(3,xt,12,3,"ng-template",3)(4,Ft,4,5,"ng-template",4),r()),a&2&&d("columnFilter",!0)("columnSorter",!0)("columns",n.columns)("itemsPerPageSelect",!0)("itemsPerPage",5)("items",n.usersData)("sorterValue",u(12,Ct))("tableBodyProps",u(13,vt))("tableFilter",!0)("tableFootProps",u(14,et))("tableHeadProps",u(15,et))("tableProps",u(16,St))},dependencies:[x,w,Ne,Me,Ee,je,Le,Oe,W,B,U,z,Be],encapsulation:2})}}return t})();var It=()=>({hover:!0,striped:!0,responsive:!0}),at=(()=>{class t{constructor(){this.usersData=F}static{this.\u0275fac=function(a){return new(a||t)}}static{this.\u0275cmp=y({type:t,selectors:[["docs-smart-table02"]],standalone:!0,features:[C],decls:1,vars:6,consts:[["activePage","2","header","","pagination","",3,"columnFilter","columnSorter","itemsPerPage","items","tableProps"]],template:function(a,n){a&1&&f(0,"c-smart-table",0),a&2&&d("columnFilter",!0)("columnSorter",!0)("itemsPerPage",10)("items",n.usersData)("tableProps",u(5,It))},dependencies:[x],encapsulation:2})}}return t})();var nt={},G=(()=>{class t{constructor(e){this.httpClient=e,this.usersUrl="https://apitest.coreui.io/demos/users"}getUsers(e){return e.pipe(q(100),H((a,n)=>JSON.stringify(a)===JSON.stringify(n)),he(a=>this.fetchData(a)))}fetchData(e){let a=h({},e),n=new Fe({fromObject:a}),s=Object.keys(n).length?h({params:n},nt):h({params:{}},nt);return this.httpClient.get(this.usersUrl,s).pipe(Q({count:1,delay:1e3,resetOnSuccess:!0}),ge(this.handleHttpError))}handleHttpError(e){return pe(()=>e)}static{this.\u0275fac=function(a){return new(a||t)(fe(Ie))}}static{this.\u0275prov=X({token:t,factory:t.\u0275fac})}}return t})();var At=()=>({external:!0,lazy:!1}),Vt=()=>({external:!0,resettable:!0}),kt=()=>[5,10,20],Et=()=>[],Mt=()=>({hover:!0,striped:!0,responsive:!0});function $t(t,l){if(t&1){let e=T();i(0,"c-smart-pagination",2),k("activePageChange",function(n){v(e);let s=p(2);return S(s.handleActivePageChange(n))}),r()}if(t&2){let e=p();d("activePage",e.activePage)("pages",e.totalPages)}}function Bt(t,l){if(t&1){let e=T();i(0,"c-smart-table",0),R(1,"async"),k("columnFilterValueChange",function(n){v(e);let s=p();return S(s.handleColumnFilterValueChange(n))})("filteredItemsChange",function(n){v(e);let s=p();return S(s.handleFilteredItemsChange(n))})("itemsPerPageChange",function(n){v(e);let s=p();return S(s.handleItemsPerPageChange(n))})("sorterValueChange",function(n){v(e);let s=p();return S(s.handleSorterValueChange(n))}),r(),g(2,$t,1,2,"c-smart-pagination",1)}if(t&2){let e,a=l,n=p();d("columnFilterValue",a.columnFilterValue)("columnFilter",u(14,At))("columnSorter",u(15,Vt))("columns",n.columns)("itemsPerPageOptions",u(16,kt))("itemsPerPageSelect",!0)("itemsPerPage",a.itemsPerPage)("items",(e=N(1,12,n.usersData$))!==null&&e!==void 0?e:u(17,Et))("loading",a.loadingData)("sorterValue",a.sorterValue)("tableProps",u(18,Mt)),c(2),I(a.totalPages?2:-1)}}function jt(t,l){t&1&&(f(0,"hr"),i(1,"c-alert"),o(2),r()),t&2&&(c(2),M(l))}var rt=(()=>{class t{constructor(e){this.usersService=e,this.title="CoreUI Angular Smart Table Example",this.columns=[{key:"first_name",_style:{width:"15%"}},{key:"last_name",_style:{width:"15%"}},"email",{key:"country",_style:{width:"22%"}},{key:"ip_address",label:"IP",_style:{width:"15%"}}],this.activePage$=new E(0),this.columnFilterValue$=new E({}),this.itemsPerPage$=new E(5),this.loadingData$=new E(!0),this.totalPages$=new E(1),this.sorterValue$=new E({}),this.totalItems$=new E(0),this.apiParams$=new E({limit:this.itemsPerPage$.value,offset:0}),this.errorMessage$=new Y,this.retry$=new Y,this.props$=ue([this.activePage$,this.columnFilterValue$,this.itemsPerPage$,this.loadingData$,this.sorterValue$,this.totalPages$]).pipe(q(100),re(([a,n,s,m,_,b])=>({activePage:a,columnFilterValue:n,itemsPerPage:s,loadingData:m,sorterValue:_,totalPages:b}))),this.#e=new Y,this._apiParams={}}#e;set apiParams(e){let a=h(h({},this._apiParams),e),n=new Map(Object.entries(a));n.forEach((m,_,b)=>{(m===""||m===void 0||m===null)&&b.delete(_)});let s=Object.fromEntries(n);this.loadingData$.next(!0),this._apiParams=h({},s),this.retry$.next(!0),this.apiParams$.next(h({},s))}ngOnDestroy(){this.#e.next(!0)}ngOnInit(){this.activePage$.pipe(J(this.#e)).subscribe(e=>{let a=this.itemsPerPage$.value,n=a*e-a;this.apiParams={offset:n,limit:a}}),this.itemsPerPage$.pipe(H(),J(this.#e)).subscribe(e=>{let a=Math.ceil(this.totalItems$.value/e)??1;this.totalPages$.next(a)}),this.totalItems$.pipe(H(),J(this.#e)).subscribe(e=>{let a=Math.ceil(e/this.itemsPerPage$.value)??1;this.totalPages$.next(a)}),this.totalPages$.pipe(J(this.#e)).subscribe(e=>{let a=this.activePage$.value>e?e:this.activePage$.value;this.setActivePage(a)}),this.usersData$=this.usersService.getUsers(this.apiParams$).pipe(Q({delay:e=>(console.warn("Retry: ",e),this.errorMessage$.next(e.message??`Error: ${JSON.stringify(e)}`),this.loadingData$.next(!1),this.retry$)}),Z(e=>{this.totalItems$.next(e.number_of_matching_records),e.number_of_records&&this.errorMessage$.next(""),this.retry$.next(!1),this.loadingData$.next(!1)}),re(e=>e.records))}handleColumnFilterValueChange(e){this.setActivePage(1),this.apiParams=h({},e),this.columnFilterValue$.next(e)}handleSorterValueChange(e){this.sorterValue$.next(e.state?e:{});let a=e.state?`${e.column}%${e.state}`:"";this.apiParams={sort:a}}handleFilteredItemsChange(e){}handleActivePageChange(e){this.setActivePage(e)}handleItemsPerPageChange(e){this.itemsPerPage$.next(e)}setActivePage(e){e=e>0&&this.totalPages$.value+1>e?e:1,this.activePage$.next(e)}static{this.\u0275fac=function(a){return new(a||t)(K(G))}}static{this.\u0275cmp=y({type:t,selectors:[["docs-smart-table03"]],standalone:!0,features:[ae([G]),C],decls:4,vars:6,consts:[["cleaner","","header","",3,"columnFilterValueChange","filteredItemsChange","itemsPerPageChange","sorterValueChange","columnFilterValue","columnFilter","columnSorter","columns","itemsPerPageOptions","itemsPerPageSelect","itemsPerPage","items","loading","sorterValue","tableProps"],[3,"activePage","pages"],[3,"activePageChange","activePage","pages"]],template:function(a,n){if(a&1&&(g(0,Bt,3,19),R(1,"async"),g(2,jt,3,1),R(3,"async")),a&2){let s,m;I((s=N(1,2,n.props$))?0:-1,s),c(2),I((m=N(3,4,n.errorMessage$))?2:-1,m)}},dependencies:[x,Ge,$e,ne],encapsulation:2})}}return t})();var Lt=()=>({hover:!0,striped:!0,responsive:!0});function Ot(t,l){if(t&1&&(i(0,"c-multi-select-option",3),o(1),r()),t&2){let e=l.$implicit;d("value",e),c(),M(e)}}function Rt(t,l){if(t&1){let e=T();i(0,"c-multi-select",2),k("valueChange",function(n){v(e);let s=p();return S(s.handleValueChange(n))}),Se(1,Ot,2,2,"c-multi-select-option",3,ve),r()}if(t&2){let e=p();d("value",e.selected),c(),Pe(e.roles)}}var st=(()=>{class t{constructor(){this.newData=F.map(e=>{let{id:a,name:n,role:s,status:m}=h({},e);return{id:a,name:n,role:s,status:m}}),this.roles=[...new Set(F.map(e=>e.role))],this.selected=["Staff","Admin"],this.columns=[{key:"name",_style:{width:"50%"}},{key:"role",_style:{width:"50%"},_props:{color:"info",class:"fw-bold"}}],this._columnFilterValue={}}set columnFilterValue(e){this._columnFilterValue=h({},e),Object.entries(e).length||(this.selected=[])}get columnFilterValue(){return this._columnFilterValue}handleValueChange(e){let a=h({},this.columnFilterValue);if(e?.length){let n=[...e];this.selected=n;let s=m=>n.includes(m);this.columnFilterValue=j(h({},a),{role:s});return}delete a.role,this.columnFilterValue=h({},a)}static{this.\u0275fac=function(a){return new(a||t)}}static{this.\u0275cmp=y({type:t,selectors:[["docs-smart-table04"]],standalone:!0,features:[C],decls:2,vars:8,consts:[["header","","itemsPerPage","10","pagination","",3,"columnFilterValueChange","columnFilterValue","columnFilter","columnSorter","columns","itemsPerPageSelect","items","tableProps"],["cTemplateId","columnFilter_role"],["multiple","","size","sm",3,"valueChange","value"],[3,"value"]],template:function(a,n){a&1&&(i(0,"c-smart-table",0),O("columnFilterValueChange",function(m){return $(n.columnFilterValue,m)||(n.columnFilterValue=m),m}),g(1,Rt,3,1,"ng-template",1),r()),a&2&&(L("columnFilterValue",n.columnFilterValue),d("columnFilter",!0)("columnSorter",!0)("columns",n.columns)("itemsPerPageSelect",!0)("items",n.newData)("tableProps",u(7,Lt)))},dependencies:[x,w,Ue,ze],encapsulation:2})}}return t})();var Nt=Math.pow(10,8)*24*60*60*1e3,nn=-Nt;var zt=3600;var ot=zt*24,rn=ot*7,Ut=ot*365.2425,Wt=Ut/12,sn=Wt*3,le=Symbol.for("constructDateFrom");function lt(t,l){return typeof t=="function"?t(l):t&&typeof t=="object"&&le in t?t[le](l):t instanceof Date?new t.constructor(l):new Date(l)}function ie(t,l){return lt(l||t,t)}function mt(t,l){let e=ie(t,l?.in);return e.setHours(0,0,0,0),e}function ct(t,l){let e=ie(t,l?.in);return e.setHours(23,59,59,999),e}var Gt=()=>({column:"registered",state:"asc"}),Ht=()=>({hover:!0,striped:!0,responsive:!0}),Jt=()=>({strategy:"fixed"});function Kt(t,l){if(t&1){let e=T();i(0,"c-date-range-picker",2),O("calendarDateChange",function(n){v(e);let s=p();return $(s.calendarDate,n)||(s.calendarDate=n),S(n)})("endDateChange",function(n){v(e);let s=p();return $(s.endDate,n)||(s.endDate=n),S(n)})("startDateChange",function(n){v(e);let s=p();return $(s.startDate,n)||(s.startDate=n),S(n)}),r()}if(t&2){let e=p();L("calendarDate",e.calendarDate)("endDate",e.endDate)("startDate",e.startDate),d("popperOptions",u(4,Jt))}}var dt=(()=>{class t{constructor(){this.newData=F.map(e=>{let{id:a,name:n,registered:s}=h({},e);return{id:a,name:n,registered:s}}),this.columns=[{key:"name",_style:{width:"50%"}},{key:"registered",_style:{width:"50%"},_props:{color:"info",class:"fw-bold"}}],this.calendarDate=new Date(2022,0,1),this._startDate=new Date(2022,0,1),this._endDate=new Date(2022,0,10),this._columnFilterValue={}}set startDate(e){this._startDate=e,this._endDate&&this.handleDateRangeChange()}get startDate(){return this._startDate}set endDate(e){this._endDate=e,this.handleDateRangeChange()}get endDate(){return this._endDate}set columnFilterValue(e){this._columnFilterValue=h({},e)}get columnFilterValue(){return this._columnFilterValue}handleDateRangeChange(){let e=h({},this.columnFilterValue);if(this._startDate&&this._endDate){let a=mt(this._startDate),n=ct(this._endDate),s=m=>{let _=new Date(m);return _>=a&&_<=n};this.columnFilterValue=j(h({},e),{registered:s});return}delete e.registered,this.columnFilterValue=h({},e)}static{this.\u0275fac=function(a){return new(a||t)}}static{this.\u0275cmp=y({type:t,selectors:[["docs-smart-table05"]],standalone:!0,features:[C],decls:2,vars:10,consts:[["header","","itemsPerPage","10","pagination","",3,"columnFilterValueChange","columnFilterValue","columnFilter","columnSorter","columns","itemsPerPageSelect","items","sorterValue","tableProps"],["cTemplateId","columnFilter_registered"],["calendars","2","closeOnSelect","","locale","en-CA","size","sm",3,"calendarDateChange","endDateChange","startDateChange","calendarDate","endDate","startDate","popperOptions"]],template:function(a,n){a&1&&(i(0,"c-smart-table",0),O("columnFilterValueChange",function(m){return $(n.columnFilterValue,m)||(n.columnFilterValue=m),m}),g(1,Kt,1,5,"ng-template",1),r()),a&2&&(L("columnFilterValue",n.columnFilterValue),d("columnFilter",!0)("columnSorter",!0)("columns",n.columns)("itemsPerPageSelect",!0)("items",n.newData)("sorterValue",u(8,Gt))("tableProps",u(9,Ht)))},dependencies:[x,w,Re],encapsulation:2})}}return t})();var Yt=[{id:0,address:{country:"France",city:"Paris"},name:"John Doe",registered:"2022/01/01",role:"Guest",status:"Pending"},{id:1,address:{country:"Chile",city:"Santiago"},name:"Samppa Nori",registered:"2022/01/31",role:"Member",status:"Active",_props:{color:"success",align:"middle"}},{id:2,address:{country:"Germany",city:"Berlin"},name:"Estavan Lykos",registered:"2022/02/01",role:"Staff",status:"Banned",_cellProps:{name:{color:"info",active:!0}}},{id:3,address:{country:"Germany",city:"Berlin"},name:"Chetan Mohamed",registered:"2022/02/01",role:"Admin",status:"Inactive",_cellProps:{_all:{color:"danger"},role:{active:!0}}},{id:4,address:{country:"Chile",city:"Santiago"},name:"Derick Maximinus",registered:"2022/03/01",role:"Member",status:"Pending",_selected:!0},{id:5,address:{country:"France",city:"Paris"},name:"Friderik D\xE1vid",registered:"2022/01/21",role:"Staff",status:"Active"},{id:6,address:{country:"Chile",city:"Concepci\xF3n"},name:"Yiorgos Avraamu",registered:"2022/01/07",role:"Member",status:"Active"},{id:7,address:{country:"Chile",city:"Santiago"},name:"Avram Tarasios",registered:"2022/02/08",role:"Staff",status:"Banned"},{id:8,address:{country:"France",city:"Lyon"},name:"Quintin Ed",registered:"2022/02/01",role:"Admin",status:"Inactive"},{id:9,address:{country:"Chile",city:"Santiago"},name:"En\xE9as Kwadwo",registered:"2022/03/01",role:"Member",status:"Pending"},{id:10,address:{},name:"Agapetus Tade\xE1\u0161",registered:"2022/01/21",role:"Staff",status:"Active"},{id:11,address:{country:"France",city:"Paris"},name:"Carwyn Fachtna",registered:"2022/01/01",role:"Member",status:"Active"},{id:12,address:{country:"Austria",city:"Wien"},name:"Nehemiah Tatius",registered:"2022/02/11",role:"Staff",status:"Banned"},{id:13,address:{country:"Austria",city:"Wien"},name:"Ebbe Gemariah",registered:"2022/02/08",role:"Admin",status:"Inactive"},{id:14,address:{country:"Austria",city:"Salzburg"},name:"Eustorgios Amulius",registered:"2022/03/01",role:"Member",status:"Pending"},{id:15,address:{country:"Austria",city:"Wien"},name:"Leopold G\xE1sp\xE1r",registered:"2022/01/21",role:"Staff",status:"Active"},{id:16,address:{country:"Chile",city:"Valpara\xEDso"},name:"Pompeius Ren\xE9",registered:"2022/01/10",role:"Member",status:"Active"},{id:17,address:{country:"Chile",city:"Santiago"},name:"Pa\u0109jo Jadon",registered:"2022/02/01",role:"Staff",status:"Banned"},{id:18,address:{country:"Australia",city:"Sydney"},name:"Micheal Mercurius",registered:"2022/02/11",role:"Admin",status:"Inactive"},{id:19,address:{country:"Australia",city:"Perth"},name:"Ganesha Dubhghall",registered:"2022/03/01",role:"Member",status:"Pending"},{id:20,address:{country:"Chile",city:"Santiago"},name:"Hiroto \u0160imun",registered:"2022/01/21",role:"Staff",status:"Active"},{id:21,address:{country:"China",city:"Shanghai"},name:"Vishnu Serghei",registered:"2022/01/01",role:"Member",status:"Active"},{id:22,address:{country:"China",city:"Shanghai"},name:"Zbyn\u011Bk Phoibos",registered:"2022/02/14",role:"Staff",status:"Banned"},{id:23,address:{country:"China",city:"Shenzen"},name:"Aulus Agmundr",registered:"2022/01/01",role:"Member",status:"Pending"},{id:42,address:{country:"China",city:"Shanghai"},name:"Ford Prefect",registered:"2001/05/25",role:"Alien",status:"Don't panic!",_cellProps:{role:{active:!0}}}],pt=Yt;var qt=()=>({hover:!0,striped:!0,responsive:!0});function Qt(t,l){if(t&1&&o(0),t&2){let e,a=p(),n=a.columnName,s=a.item;P(" ",(e=s[n].country)!==null&&e!==void 0?e:"-"," ")}}function Zt(t,l){if(t&1&&o(0),t&2){let e=p().tdContent;P(" ",e," ")}}function Xt(t,l){if(t&1&&(i(0,"td",3),g(1,Qt,1,1)(2,Zt,1,1),r()),t&2){let e,a,n,s,m=l.columnName,_=l.item;p();let b=D(1);d("cAlign",(e=b.getTableDataCellProps(_,m))==null?null:e.align)("cTableActive",(a=b.getTableDataCellProps(_,m))==null?null:a.active)("cTableColor",(n=b.getTableDataCellProps(_,m))==null?null:n.color)("ngClass",b.getTableDataCellClass(_,m)),c(),I((s=m)==="address"?1:2)}}var ut=(()=>{class t{constructor(){this.usersData=pt.map(e=>j(h({},e),{city:e.address.city})),this.filteredUsersData=this.usersData,this.columns=[{key:"name",_style:{width:"40%"}},{key:"address",_props:{color:"info",class:"fw-bold"},filter:(e,a)=>e.address?.country?.toLowerCase().startsWith(a.toLowerCase().trim()),sorter:(e,a)=>{let n=(e.address?.country?.toLowerCase().trim()??"")+(e.address?.city?.toLowerCase().trim()??""),s=(a.address?.country?.toLowerCase().trim()??"")+(a.address?.city?.toLowerCase().trim()??"");return n>s?1:s>n?-1:0}},{key:"city"}]}static{this.\u0275fac=function(a){return new(a||t)}}static{this.\u0275cmp=y({type:t,selectors:[["docs-smart-table06"]],standalone:!0,features:[C],decls:3,vars:7,consts:[["smartTable","cSmartTable"],["header","","itemsPerPage","10","pagination","",3,"columnFilter","columnSorter","columns","itemsPerPageSelect","items","tableProps"],["cTemplateId","tableData"],[3,"cAlign","cTableActive","cTableColor","ngClass"]],template:function(a,n){a&1&&(i(0,"c-smart-table",1,0),g(2,Xt,3,5,"ng-template",2),r()),a&2&&d("columnFilter",!0)("columnSorter",!0)("columns",n.columns)("itemsPerPageSelect",!0)("items",n.filteredUsersData)("tableProps",u(6,qt))},dependencies:[x,w,W,B,U,z],encapsulation:2})}}return t})();var ea=()=>({hover:!0,striped:!0,responsive:!0});function ta(t,l){if(t&1&&(i(0,"tr",3)(1,"th",4),o(2),r(),i(3,"th"),o(4),r()()),t&2){let e,a=p(),n=D(1);c(2),P("Selected: ",a.selectedItemsCount(),"."),c(),Ce("colspan",n.columns==null?null:n.columns.length),c(),P(" Items count: ",(e=a.usersData==null?null:a.usersData.length)!==null&&e!==void 0?e:0,". ")}}var gt=(()=>{class t{constructor(){this.selectedItemsCount=ee(0),this.usersData=F.map(e=>{let b=e,{name:a,registered:n,role:s,status:m}=b,_=ce(b,["name","registered","role","status"]);return{name:a,registered:n,role:s,status:m}})}onSelectedItemsChange(e){this.selectedItemsCount.set(e.length??0)}static{this.\u0275fac=function(a){return new(a||t)}}static{this.\u0275cmp=y({type:t,selectors:[["docs-smart-table07"]],standalone:!0,features:[C],decls:3,vars:4,consts:[["table","cSmartTable"],["header","","pagination","","selectable","",3,"selectedItemsChange","itemsPerPage","items","tableProps"],["cTemplateId","tableSummaryRow"],["cTableColor","info"],[2,"width","15%"]],template:function(a,n){if(a&1){let s=T();i(0,"c-smart-table",1,0),k("selectedItemsChange",function(_){return v(s),S(n.onSelectedItemsChange(_))}),g(2,ta,5,3,"ng-template",2),r()}a&2&&d("itemsPerPage",5)("items",n.usersData)("tableProps",u(3,ea))},dependencies:[x,w,B],encapsulation:2,changeDetection:0})}}return t})();var aa=()=>({hover:!0,striped:!0,responsive:!0}),_t=t=>({$implicit:t});function na(t,l){t&1&&se(0)}function ia(t,l){if(t&1&&(i(0,"div",4),o(1),g(2,na,1,0,"ng-container",5),r()),t&2){let e=l.$implicit;p();let a=D(4);c(),P(" ",e.label," "),c(),d("ngTemplateOutlet",a)("ngTemplateOutletContext",oe(3,_t,e))}}function ra(t,l){t&1&&se(0)}function sa(t,l){if(t&1&&g(0,ra,1,0,"ng-container",5),t&2){let e=l.$implicit;p();let a=D(4);d("ngTemplateOutlet",a)("ngTemplateOutletContext",oe(2,_t,e))}}function oa(t,l){if(t&1&&(i(0,"div",6),ye(),f(1,"svg",7),r()),t&2){let e=p().$implicit,a=p();d("cTooltipTrigger","hover")("cTooltip",e==null||e._data==null?null:e._data.tooltip),c(),d("cIcon",a.icons[e==null||e._data==null?null:e._data.icon])}}function la(t,l){if(t&1&&g(0,oa,2,3,"div",6),t&2){let e=l.$implicit;I(!(e==null||e._data==null)&&e._data.tooltip?0:-1)}}var ht=(()=>{class t{constructor(){this.icons={cilBadge:qe,cilCalendar:Qe,cilGroup:Ze,cilUser:Xe},this.newData=F.map(e=>{let{id:a,name:n,role:s,status:m,registered:_}=h({},e);return{id:a,name:n,role:s,status:m,registered:_}}),this.columns=[{key:"name",label:"Name",_style:{width:"30%"},_labelTemplateId:"all",_data:{tooltip:"User Name",icon:"cilUser"}},{key:"role",label:"Role",_style:{width:"20%"},_labelTemplateId:"all",_data:{tooltip:"User Role",icon:"cilGroup"}},{key:"status",label:"Status",_style:{width:"25%"},_labelTemplateId:"all",_data:{tooltip:"User Status",icon:"cilBadge"}},{key:"registered",label:"Registered",_style:{width:"25%"},_data:{tooltip:"Date Registered",icon:"cilCalendar"}}]}static{this.\u0275fac=function(a){return new(a||t)}}static{this.\u0275cmp=y({type:t,selectors:[["docs-smart-table08"]],standalone:!0,features:[C],decls:5,vars:7,consts:[["icon",""],["header","","itemsPerPage","10","pagination","",3,"columnFilter","columnSorter","columns","itemsPerPageSelect","items","tableProps"],["cTemplateId","columnLabel_all"],["cTemplateId","columnLabel_registered"],[1,"d-inline"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],["cTooltipPlacement","top",1,"d-inline",3,"cTooltipTrigger","cTooltip"],["size","sm","title","Info Icon",1,"ms-1",3,"cIcon"]],template:function(a,n){a&1&&(i(0,"c-smart-table",1),g(1,ia,3,5,"ng-template",2)(2,sa,1,4,"ng-template",3),r(),g(3,la,1,1,"ng-template",null,0,A)),a&2&&d("columnFilter",!0)("columnSorter",!0)("columns",n.columns)("itemsPerPageSelect",!0)("items",n.newData)("tableProps",u(6,aa))},dependencies:[x,w,De,We,ke],encapsulation:2})}}return t})();var me=(()=>{class t{constructor(){this.users=[{id:"1",first_name:"Rowland",last_name:"Jumont",email:"rjumont0@dmoz.org",country:"China",ip_address:"248.90.215.202",registered:"2019-04-27",age:35},{id:"2",first_name:"Melloney",last_name:"Swindon",email:"mswindon0@canalblog.com",country:"Tunisia",ip_address:"64.28.239.34",registered:"2017-09-09",age:73},{id:"3",first_name:"Martica",last_name:"Farfolomeev",email:"mfarfolomeev1@bluehost.com",country:"Philippines",ip_address:"135.56.179.89",registered:"2021-02-26",age:26},{id:"4",first_name:"Modestia",last_name:"Batten",email:"mbatten2@epa.gov",country:"Philippines",ip_address:"119.63.79.34",registered:"2022-03-24",age:46},{id:"5",first_name:"Peyter",last_name:"Andrusov",email:"pandrusov3@a8.net",country:"Sweden",ip_address:"127.179.144.121",registered:"2017-09-15",age:76},{id:"6",first_name:"Brandise",last_name:"Lygoe",email:"blygoe4@linkedin.com",country:"Norway",ip_address:"7.28.40.151",registered:"2022-04-08",age:42},{id:"7",first_name:"Zitella",last_name:"Renshall",email:"zrenshall5@hugedomains.com",country:"Brazil",ip_address:"191.192.158.32",registered:"2020-10-23",age:46},{id:"8",first_name:"Cynthy",last_name:"Vaan",email:"cvaan6@psu.edu",country:"Indonesia",ip_address:"80.142.100.40",registered:"2017-05-08",age:40},{id:"9",first_name:"Nicky",last_name:"Elgy",email:"nelgy7@acquirethisname.com",country:"China",ip_address:"233.139.91.55",registered:"2020-08-01",age:45},{id:"10",first_name:"Portie",last_name:"Van der Brugge",email:"pvanderbrugge8@google.cn",country:"Netherlands",ip_address:"77.3.161.172",registered:"2020-11-25",age:58},{id:"11",first_name:"Melessa",last_name:"Burgill",email:"mburgill9@phpbb.com",country:"China",ip_address:"233.167.158.162",registered:"2023-01-22",age:41},{id:"12",first_name:"Roman",last_name:"Tomowicz",email:"rtomowicza@nydailynews.com",country:"United States",ip_address:"85.13.181.7",registered:"2021-06-23",age:61},{id:"13",first_name:"Velvet",last_name:"Swafford",email:"vswaffordb@sitemeter.com",country:"Indonesia",ip_address:"34.148.241.247",registered:"2018-03-25",age:55},{id:"14",first_name:"Benoite",last_name:"Langelaan",email:"blangelaanc@sakura.ne.jp",country:"Albania",ip_address:"138.86.125.234",registered:"2021-06-29",age:52},{id:"15",first_name:"Chantalle",last_name:"Enriques",email:"cenriquesd@smugmug.com",country:"Brazil",ip_address:"24.210.20.220",registered:"2017-04-18",age:29},{id:"16",first_name:"Enid",last_name:"Dulin",email:"eduline@cocolog-nifty.com",country:"China",ip_address:"209.211.189.165",registered:"2022-07-13",age:72},{id:"17",first_name:"Vasilis",last_name:"Shew",email:"vshewf@canalblog.com",country:"Pakistan",ip_address:"84.141.13.86",registered:"2021-07-30",age:42},{id:"18",first_name:"Felice",last_name:"Lawrence",email:"flawrenceg@sogou.com",country:"China",ip_address:"212.53.202.73",registered:"2019-03-11",age:74},{id:"19",first_name:"Tilly",last_name:"Goodin",email:"tgoodinh@ucla.edu",country:"France",ip_address:"155.213.172.112",registered:"2021-05-13",age:63},{id:"20",first_name:"Linda",last_name:"Lent",email:"llenti@1und1.de",country:"Brazil",ip_address:"148.179.11.167",registered:"2017-09-24",age:56},{id:"21",first_name:"Laina",last_name:"Carbry",email:"lcarbryj@wired.com",country:"China",ip_address:"193.84.239.208",registered:"2017-05-14",age:66},{id:"22",first_name:"Tremayne",last_name:"Wilcot",email:"twilcotk@weebly.com",country:"Indonesia",ip_address:"177.192.189.51",registered:"2019-05-01",age:79},{id:"23",first_name:"Lisha",last_name:"Casacchia",email:"lcasacchial@bloglovin.com",country:"Iran",ip_address:"140.229.23.132",registered:"2018-05-11",age:21},{id:"24",first_name:"Christean",last_name:"Donaghy",email:"cdonaghym@bigcartel.com",country:"Indonesia",ip_address:"194.150.3.107",registered:"2017-11-09",age:69},{id:"25",first_name:"Rabbi",last_name:"Commings",email:"rcommingsn@mlb.com",country:"China",ip_address:"170.102.59.120",registered:"2017-09-14",age:76},{id:"26",first_name:"Lazar",last_name:"Brightman",email:"lbrightmano@samsung.com",country:"China",ip_address:"96.169.177.183",registered:"2019-03-12",age:61},{id:"27",first_name:"Fara",last_name:"Pixton",email:"fpixtonp@miibeian.gov.cn",country:"China",ip_address:"125.192.244.33",registered:"2020-07-02",age:60},{id:"28",first_name:"Frankie",last_name:"Symmers",email:"fsymmersq@archive.org",country:"United Kingdom",ip_address:"15.95.185.50",registered:"2017-05-06",age:60},{id:"29",first_name:"Sullivan",last_name:"Duchant",email:"sduchantr@wikipedia.org",country:"Thailand",ip_address:"52.69.63.4",registered:"2020-09-21",age:29},{id:"30",first_name:"Gale",last_name:"Yggo",email:"gyggos@amazon.com",country:"Luxembourg",ip_address:"10.147.136.158",registered:"2017-03-01",age:27},{id:"31",first_name:"Daphne",last_name:"Moscone",email:"dmosconet@harvard.edu",country:"Poland",ip_address:"240.179.82.48",registered:"2019-01-25",age:27},{id:"32",first_name:"Ainslie",last_name:"Piperley",email:"apiperleyu@guardian.co.uk",country:"China",ip_address:"212.140.73.147",registered:"2018-08-16",age:36},{id:"33",first_name:"Esme",last_name:"Trousdell",email:"etrousdellv@woothemes.com",country:"Mexico",ip_address:"120.60.206.157",registered:"2022-01-25",age:57},{id:"34",first_name:"Aurelia",last_name:"Salway",email:"asalwayw@sogou.com",country:"China",ip_address:"126.162.115.255",registered:"2020-11-11",age:78},{id:"35",first_name:"Terry",last_name:"McKern",email:"tmckernx@vinaora.com",country:"United States",ip_address:"112.238.5.241",registered:"2017-08-22",age:28},{id:"36",first_name:"Alphonse",last_name:"Osgodby",email:"aosgodbyy@hostgator.com",country:"France",ip_address:"190.137.124.53",registered:"2019-10-20",age:25},{id:"37",first_name:"Boonie",last_name:"Gytesham",email:"bgyteshamz@ameblo.jp",country:"Germany",ip_address:"139.137.15.193",registered:"2017-04-07",age:64},{id:"38",first_name:"Robinette",last_name:"Denisyuk",email:"rdenisyuk10@blog.com",country:"Guatemala",ip_address:"39.59.210.232",registered:"2021-12-24",age:55},{id:"39",first_name:"Kerby",last_name:"Walden",email:"kwalden11@mtv.com",country:"China",ip_address:"52.147.135.77",registered:"2019-09-04",age:24},{id:"40",first_name:"Goldie",last_name:"MacMoyer",email:"gmacmoyer12@flavors.me",country:"Greece",ip_address:"200.8.237.147",registered:"2019-10-21",age:64},{id:"41",first_name:"Clemence",last_name:"Tyrie",email:"ctyrie13@goo.ne.jp",country:"Sweden",ip_address:"180.56.118.209",registered:"2019-06-30",age:77},{id:"42",first_name:"Stormy",last_name:"Grog",email:"sgrog14@xinhuanet.com",country:"Japan",ip_address:"80.0.4.237",registered:"2017-10-11",age:79},{id:"43",first_name:"Loutitia",last_name:"Andreev",email:"landreev15@myspace.com",country:"Japan",ip_address:"105.113.159.240",registered:"2022-11-19",age:61},{id:"44",first_name:"Ashla",last_name:"Farrer",email:"afarrer16@slashdot.org",country:"Philippines",ip_address:"108.41.116.114",registered:"2017-06-30",age:75},{id:"45",first_name:"Gaye",last_name:"Gwilym",email:"ggwilym17@ustream.tv",country:"Peru",ip_address:"108.147.41.3",registered:"2017-11-02",age:56},{id:"46",first_name:"Harley",last_name:"Vecard",email:"hvecard18@weebly.com",country:"Russia",ip_address:"166.123.164.35",registered:"2021-11-08",age:74},{id:"47",first_name:"Chadwick",last_name:"Francke",email:"cfrancke19@hp.com",country:"Canada",ip_address:"106.228.188.3",registered:"2019-05-16",age:36},{id:"48",first_name:"Chrisse",last_name:"Watkin",email:"cwatkin1a@auda.org.au",country:"Poland",ip_address:"104.5.101.18",registered:"2020-03-23",age:36},{id:"49",first_name:"Denyse",last_name:"Freeman",email:"dfreeman1b@constantcontact.com",country:"China",ip_address:"57.23.133.66",registered:"2021-03-23",age:32},{id:"50",first_name:"Justine",last_name:"Conibere",email:"jconibere1c@elpais.com",country:"Jamaica",ip_address:"98.77.41.3",registered:"2021-10-05",age:68},{id:"51",first_name:"Kalila",last_name:"Mongenot",email:"kmongenot1d@berkeley.edu",country:"Panama",ip_address:"110.15.203.86",registered:"2020-07-31",age:48},{id:"52",first_name:"Claresta",last_name:"Monahan",email:"cmonahan1e@uol.com.br",country:"Indonesia",ip_address:"26.246.210.121",registered:"2021-10-01",age:74},{id:"53",first_name:"Lindsey",last_name:"Huchot",email:"lhuchot1f@home.pl",country:"Azerbaijan",ip_address:"167.199.9.177",registered:"2022-05-12",age:51},{id:"54",first_name:"Luciano",last_name:"Ollerearnshaw",email:"lollerearnshaw1g@thetimes.co.uk",country:"Peru",ip_address:"232.123.57.3",registered:"2022-05-18",age:79},{id:"55",first_name:"Artie",last_name:"Focke",email:"afocke1h@google.com.au",country:"Poland",ip_address:"141.229.245.46",registered:"2021-11-06",age:58},{id:"56",first_name:"Francyne",last_name:"Gravestone",email:"fgravestone1i@psu.edu",country:"Indonesia",ip_address:"60.151.142.197",registered:"2017-07-27",age:62},{id:"57",first_name:"Kare",last_name:"Mayling",email:"kmayling1j@examiner.com",country:"Indonesia",ip_address:"179.31.176.197",registered:"2018-11-14",age:57},{id:"58",first_name:"Tonya",last_name:"Cressor",email:"tcressor1k@xinhuanet.com",country:"China",ip_address:"215.203.39.111",registered:"2018-06-16",age:34},{id:"59",first_name:"Cindee",last_name:"Reddington",email:"creddington1l@blogtalkradio.com",country:"South Korea",ip_address:"63.234.142.163",registered:"2021-07-07",age:78},{id:"60",first_name:"Felice",last_name:"Sneezum",email:"fsneezum1m@uiuc.edu",country:"Indonesia",ip_address:"225.218.11.88",registered:"2019-03-31",age:30},{id:"61",first_name:"Aluin",last_name:"Braben",email:"abraben1n@arstechnica.com",country:"Japan",ip_address:"138.199.112.47",registered:"2017-05-30",age:79},{id:"62",first_name:"Gerome",last_name:"Rowlinson",email:"growlinson1o@ycombinator.com",country:"Ireland",ip_address:"205.131.176.187",registered:"2020-12-05",age:77},{id:"63",first_name:"Ly",last_name:"Roze",email:"lroze1p@springer.com",country:"Czech Republic",ip_address:"53.186.166.82",registered:"2017-08-22",age:78},{id:"64",first_name:"Fan",last_name:"Bente",email:"fbente1q@sitemeter.com",country:"Bulgaria",ip_address:"208.170.126.232",registered:"2020-09-06",age:37},{id:"65",first_name:"Stephanus",last_name:"Deverson",email:"sdeverson1r@sciencedaily.com",country:"Portugal",ip_address:"79.162.137.0",registered:"2019-12-23",age:44},{id:"66",first_name:"Julienne",last_name:"Brydell",email:"jbrydell1s@xing.com",country:"Azerbaijan",ip_address:"87.32.218.94",registered:"2019-06-12",age:56},{id:"67",first_name:"Brit",last_name:"Choules",email:"bchoules1t@bloglovin.com",country:"Portugal",ip_address:"122.153.96.157",registered:"2018-01-05",age:43},{id:"68",first_name:"Rawley",last_name:"Tiebe",email:"rtiebe1u@prweb.com",country:"Jamaica",ip_address:"46.39.61.102",registered:"2019-08-22",age:64},{id:"69",first_name:"Morley",last_name:"Mellmer",email:"mmellmer1v@goo.ne.jp",country:"Portugal",ip_address:"76.235.54.184",registered:"2019-07-14",age:29},{id:"70",first_name:"Reinaldos",last_name:"Fernandes",email:"rfernandes1w@usda.gov",country:"Indonesia",ip_address:"175.71.20.28",registered:"2021-03-03",age:30},{id:"71",first_name:"Aron",last_name:"Marsie",email:"amarsie1x@soup.io",country:"Philippines",ip_address:"163.5.128.113",registered:"2021-12-12",age:29},{id:"72",first_name:"Mignon",last_name:"MacLeod",email:"mmacleod1y@wsj.com",country:"Peru",ip_address:"73.76.76.203",registered:"2018-12-28",age:48},{id:"73",first_name:"Jobina",last_name:"Antonijevic",email:"jantonijevic1z@senate.gov",country:"Sweden",ip_address:"235.102.55.226",registered:"2021-08-17",age:68},{id:"74",first_name:"Fredric",last_name:"Tuke",email:"ftuke20@google.es",country:"Angola",ip_address:"224.210.197.236",registered:"2019-11-06",age:70},{id:"75",first_name:"Ron",last_name:"Cacacie",email:"rcacacie21@ameblo.jp",country:"Philippines",ip_address:"219.250.115.66",registered:"2020-06-01",age:57},{id:"76",first_name:"Natassia",last_name:"Whisker",email:"nwhisker22@woothemes.com",country:"Brazil",ip_address:"129.209.182.96",registered:"2019-07-06",age:24},{id:"77",first_name:"Laurena",last_name:"Yemm",email:"lyemm23@latimes.com",country:"Ukraine",ip_address:"234.36.49.108",registered:"2019-04-26",age:78},{id:"78",first_name:"Brett",last_name:"Bundey",email:"bbundey24@chicagotribune.com",country:"China",ip_address:"147.107.165.124",registered:"2017-03-15",age:25},{id:"79",first_name:"Gwendolyn",last_name:"Aleevy",email:"galeevy25@thetimes.co.uk",country:"Indonesia",ip_address:"236.170.159.101",registered:"2021-11-24",age:55},{id:"80",first_name:"Marice",last_name:"Corston",email:"mcorston26@comsenz.com",country:"Guadeloupe",ip_address:"137.95.107.239",registered:"2022-10-06",age:30},{id:"81",first_name:"Porty",last_name:"Pembry",email:"ppembry27@mit.edu",country:"China",ip_address:"124.228.125.51",registered:"2019-12-03",age:52},{id:"82",first_name:"Kenyon",last_name:"Banker",email:"kbanker28@zimbio.com",country:"Russia",ip_address:"45.23.186.203",registered:"2019-08-12",age:44},{id:"83",first_name:"Friedrich",last_name:"Phettis",email:"fphettis29@tiny.cc",country:"Comoros",ip_address:"123.55.170.241",registered:"2018-12-03",age:42},{id:"84",first_name:"Dennie",last_name:"Rickwood",email:"drickwood2a@businessweek.com",country:"Vietnam",ip_address:"195.208.216.82",registered:"2020-05-07",age:46},{id:"85",first_name:"Stafford",last_name:"Jendrich",email:"sjendrich2b@pbs.org",country:"China",ip_address:"127.23.207.10",registered:"2019-11-16",age:53},{id:"86",first_name:"Weston",last_name:"Westcarr",email:"wwestcarr2c@redcross.org",country:"Peru",ip_address:"244.140.106.99",registered:"2018-01-08",age:66},{id:"87",first_name:"Karole",last_name:"Cumberledge",email:"kcumberledge2d@answers.com",country:"Macedonia",ip_address:"5.178.26.46",registered:"2017-06-15",age:73},{id:"88",first_name:"Fanchon",last_name:"Alenshev",email:"falenshev2e@surveymonkey.com",country:"Indonesia",ip_address:"135.228.36.1",registered:"2018-11-17",age:50},{id:"89",first_name:"Kele",last_name:"Beech",email:"kbeech2f@gov.uk",country:"Russia",ip_address:"157.92.244.151",registered:"2020-10-19",age:68},{id:"90",first_name:"Crystal",last_name:"Westgate",email:"cwestgate2g@liveinternet.ru",country:"Greece",ip_address:"69.12.109.157",registered:"2019-05-04",age:61},{id:"91",first_name:"Robinet",last_name:"Pargent",email:"rpargent2h@macromedia.com",country:"Indonesia",ip_address:"105.176.209.246",registered:"2020-11-06",age:66},{id:"92",first_name:"Ritchie",last_name:"Dealey",email:"rdealey2i@time.com",country:"Tanzania",ip_address:"11.217.187.232",registered:"2021-07-07",age:47},{id:"93",first_name:"Karyl",last_name:"Bischop",email:"kbischop2j@aol.com",country:"Thailand",ip_address:"220.178.23.247",registered:"2020-03-31",age:48},{id:"94",first_name:"Lemmie",last_name:"Tatterton",email:"ltatterton2k@delicious.com",country:"Indonesia",ip_address:"252.191.234.163",registered:"2022-04-13",age:27},{id:"95",first_name:"Ladonna",last_name:"Deverille",email:"ldeverille2l@netlog.com",country:"Dominican Republic",ip_address:"25.248.243.242",registered:"2018-01-27",age:37},{id:"96",first_name:"Austin",last_name:"Girk",email:"agirk2m@opera.com",country:"China",ip_address:"180.82.151.113",registered:"2020-05-24",age:33},{id:"97",first_name:"Letisha",last_name:"Groveham",email:"lgroveham2n@senate.gov",country:"Sweden",ip_address:"95.159.112.187",registered:"2019-06-23",age:41},{id:"98",first_name:"Leonerd",last_name:"Hollingby",email:"lhollingby2o@ihg.com",country:"Indonesia",ip_address:"109.27.62.206",registered:"2018-04-13",age:73},{id:"99",first_name:"Ally",last_name:"Chadwin",email:"achadwin2p@typepad.com",country:"Lebanon",ip_address:"168.77.72.236",registered:"2022-07-15",age:41}]}getUsers(){return de(this.users)}static{this.\u0275fac=function(a){return new(a||t)}}static{this.\u0275prov=X({token:t,factory:t.\u0275fac})}}return t})();var ma=()=>({hover:!0,striped:!0,responsive:!0});function ca(t,l){if(t&1&&(o(0),f(1,"br"),o(2)),t&2){let e=p().item;te(" ",e.first_name," ",e.last_name," "),c(2),P(" age: ",e.age," ")}}function da(t,l){if(t&1&&o(0),t&2){let e=p().tdContent;P(" ",e," ")}}function pa(t,l){if(t&1&&(i(0,"td",4),g(1,ca,3,3)(2,da,1,1),r()),t&2){let e,a,n,s,m=l.columnName,_=l.item;p();let b=D(3);d("cAlign",(e=b.getTableDataCellProps(_,m))==null?null:e.align)("cTableActive",(a=b.getTableDataCellProps(_,m))==null?null:a.active)("cTableColor",(n=b.getTableDataCellProps(_,m))==null?null:n.color)("ngClass",b.getTableDataCellClass(_,m)),c(),I((s=m)==="user"?1:2)}}var ft=(()=>{class t{constructor(){this.title="CoreUI-Angular Smart Table Example",this.columns=[{key:"user",label:"User",_style:{minWidth:"10rem",maxWidth:"15rem",width:"10rem"},_props:{class:"text-truncate"},filter:(e,a)=>e.first_name?.toLowerCase().startsWith(a)||e.last_name?.toLowerCase().startsWith(a)||e.age===parseInt(a),sorter:(e,a)=>{let n=parseInt(e.age??0),s=parseInt(a.age??0);return n>s?1:s>n?-1:0}},{key:"country",_style:{width:"5rem",maxWidth:"10rem",minWidth:"10rem"},_props:{class:"text-truncate"}},{key:"email",filter:!1,sorter:!1}],this.activePage=1,this.itemsPerPage=5,this.loadingData=ee(!0),this.userService=be(me),this.users$=this.userService.getUsers().pipe(_e(1e3),Z(()=>{this.loadingData.set(!1)}))}static{this.\u0275fac=function(a){return new(a||t)}}static{this.\u0275cmp=y({type:t,selectors:[["docs-smart-table09"]],standalone:!0,features:[ae([me]),C],decls:7,vars:11,consts:[["smartTable","cSmartTable"],[1,"m-3"],["header","","pagination","",3,"activePageChange","activePage","columnFilter","columnSorter","columns","itemsPerPage","items","loading","tableProps"],["cTemplateId","tableData"],[3,"cAlign","cTableActive","cTableColor","ngClass"]],template:function(a,n){if(a&1){let s=T();i(0,"div",1),f(1,"hr"),i(2,"c-smart-table",2,0),R(4,"async"),O("activePageChange",function(_){return v(s),$(n.activePage,_)||(n.activePage=_),S(_)}),g(5,pa,3,5,"ng-template",3),r(),f(6,"hr"),r()}a&2&&(c(2),L("activePage",n.activePage),d("columnFilter",!0)("columnSorter",!0)("columns",n.columns)("itemsPerPage",n.itemsPerPage)("items",N(4,8,n.users$))("loading",n.loadingData())("tableProps",u(10,ma)))},dependencies:[U,ne,z,x,w,W,B],styles:[".no-wrap[_ngcontent-%COMP%]{white-space:nowrap}"]})}}return t})();var bt=`\`\`\`typescript -import { SmartTableModule, SharedModule } from '@coreui/angular'; - -@NgModule({ -\xA0\xA0imports: [ -\xA0\xA0\xA0\xA0SmartTableModule, -\xA0\xA0\xA0\xA0SharedModule -\xA0\xA0] -}) -... -\`\`\` -`;var ga=()=>["components/smart-table/examples/smart-table01.component.html","components/smart-table/examples/smart-table01.component.ts","components/smart-table/examples/data.ts"],_a=()=>["components/smart-table/examples/smart-table02.component.html","components/smart-table/examples/smart-table02.component.ts"],ha=()=>["components/smart-table/examples/smart-table08.component.html","components/smart-table/examples/smart-table08.component.ts"],fa=()=>["components/smart-table/examples/smart-table04.component.html","components/smart-table/examples/smart-table04.component.ts"],ba=()=>["components/smart-table/examples/smart-table05.component.html","components/smart-table/examples/smart-table05.component.ts"],ya=()=>["components/smart-table/examples/smart-table06.component.html","components/smart-table/examples/smart-table06.component.ts","components/smart-table/examples/data-nested.ts"],Ca=()=>["components/smart-table/examples/smart-table09.component.html","components/smart-table/examples/smart-table09.component.ts","components/smart-table/examples/user.service.ts"],va=()=>["components/smart-table/examples/smart-table07.component.html","components/smart-table/examples/smart-table07.component.ts","components/smart-table/examples/data.ts"],Sa=()=>["components/smart-table/examples/smart-table03.component.html","components/smart-table/examples/smart-table03.component.ts","components/smart-table/examples/users.service.ts"];function Pa(t,l){t&1&&(i(0,"div",9),f(1,"docs-smart-table01"),r())}function xa(t,l){t&1&&(i(0,"div",9),f(1,"docs-smart-table02"),r())}function Ta(t,l){t&1&&(i(0,"div",9),f(1,"docs-smart-table08"),r())}function wa(t,l){t&1&&(i(0,"div",9),f(1,"docs-smart-table04"),r())}function Da(t,l){t&1&&(i(0,"div",9),f(1,"docs-smart-table05"),r())}function Fa(t,l){t&1&&(i(0,"div",9),f(1,"docs-smart-table06"),r())}function Ia(t,l){t&1&&(i(0,"div",9),f(1,"docs-smart-table09"),r())}function Aa(t,l){t&1&&(i(0,"div",9),f(1,"docs-smart-table07"),r())}function Va(t,l){t&1&&(i(0,"div",9),f(1,"docs-smart-table03"),r())}var Si=(()=>{class t{constructor(e,a){this.metaService=e,this.titleService=a,this.usage=bt,this.title="Angular Smart Table Component (DataTable)",this.description="Angular Smart Table provides a full set of features for displaying and manipulating tabular data. It allows you to easily create dynamic and interactive tables with features such as sorting, filtering, pagination, and searching. Angular Smart Table Component (DataTable) makes it easy to work with large datasets, and it is widely used in a variety of applications, including web-based applications, e-commerce sites, and more."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(a){return new(a||t)(K(Ae),K(Ve))}}static{this.\u0275cmp=y({type:t,selectors:[["docs-smart-table"]],standalone:!0,features:[C],decls:93,vars:35,consts:[["docsExample",""],["id","getting-started"],["markdown","",1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"badge","bg-info","badge-sm"],["href","https://angular.io/guide/http","target","_blank"],[1,"api-table"],[1,"badge","bg-primary","badge-sm"],["target","_blank","href","https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#description"],[1,"docs-example","p-3"]],template:function(a,n){a&1&&(f(0,"docs-banner-pro"),i(1,"h1",1),o(2),r(),i(3,"p",2),o(4),r(),f(5,"docs-ads-carbon-loader"),i(6,"markdown"),o(7,` - ## Features - - - Filter items by one or all columns - - Sort items by column - - Integrated with CPagination component by default - - Customize style of specific rows, columns and cells - - Customize display of columns - - Load with initial filters and sorter state - - Loading state visualization - - Default header labels generation based on column names - - ## Examples - - ### Basic usage - -`),r(),i(8,"docs-example",3),g(9,Pa,2,0,"ng-template",null,0,A),r(),i(11,"markdown"),o(12,` - - --- - - ### Default header - - labels generation based on column names - - --- - -`),r(),i(13,"docs-example",3),g(14,xa,2,0,"ng-template",null,0,A),r(),i(16,"markdown"),o(17,` - --- - - ### Custom headers - - custom table header templates `),i(18,"div",4),o(19,"~4.7.7"),r(),o(20,'\n\n To add custom column header template with a *`labelTemplateName`*:\n 1. HTML: add `ng-template` with `cTemplateId="columnLabel_`*`labelTemplateName`*`"` and `let-column` template variable\n 2. TypeScript: define `IColumns[]` config with `_labelTemplateId` and optional `_data`\n\n ---\n\n'),r(),i(21,"docs-example",3),g(22,Ta,2,0,"ng-template",null,0,A),r(),i(24,"markdown"),o(25,'\n\n ---\n\n ### Custom filters\n\n To filter a column with a *`columnName`* :\n 1. HTML: add `ng-template` with `cTemplateId="columnFilter_`*`columnName`*`"` with _your component_\n 2. TypeScript: create `filterFunction` and pass it to the `columnFilterValue` prop of `c-smart-table` component\n\n ##### Custom filter with MultiSelect\n\n ---\n\n'),r(),i(26,"docs-example",3),g(27,wa,2,0,"ng-template",null,0,A),r(),i(29,"markdown"),o(30,` - --- - - ##### Custom filter with Date Range Picker - - --- - -`),r(),i(31,"docs-example",3),g(32,Da,2,0,"ng-template",null,0,A),r(),i(34,"markdown"),o(35,` - --- - - ### Custom functions - - ##### Custom filter/sorter functions with nested data column - - --- - -`),r(),i(36,"docs-example",3),g(37,Fa,2,0,"ng-template",null,0,A),r(),i(39,"markdown"),o(40,` - --- - - ##### Custom filter/sorter functions with \`tableData\` template aggregated columns - - `),i(41,"div",4),o(42,"~5.2.19"),r(),o(43,` - - --- - -`),r(),i(44,"docs-example",3),g(45,Ia,2,0,"ng-template",null,0,A),r(),i(47,"markdown"),o(48,` - --- - - ### Summary row - - - Starting from `),i(49,"div",4),o(50,"~4.5.26"),r(),o(51,' you can pass an ng-template with `cTemplateId="tableSummaryRow"` as a c-smart-table content.\n - Style `tr` and `th` elements according to your needs. Display any data you want.\n\n ---\n\n'),r(),i(52,"docs-example",3),g(53,Aa,2,0,"ng-template",null,0,A),r(),i(55,"markdown"),o(56,` - ### External data - - One of the key features of **CoreUI Angular Smart Table** (Angular DataTable) is the ability to load data from an external source, such as an API or a server-side script. This can be useful if you have a large amount of data that you don't want to load all at once, or if you want to allow users to interact with the data without having to reload the page. - - Use the `),i(57,"a",5),o(58,"`HttpClient`"),r(),o(59,` for communication with the data source, and _get_ the external data from backend into a CoreUI Angular Smart Table (Angular DataTable). - - Here is an example of how you might use CoreUI Angular Smart Table with external data (**10.000+ records**): -`),r(),i(60,"docs-example",3),g(61,Va,2,0,"ng-template",null,0,A),r(),i(63,"markdown"),o(64),i(65,"div",6),o(66),f(67,"br"),i(68,"div",7),o(69,"4.5.26+"),r(),o(70),r(),o(71,"\n\n ---\n\n\n (1) In `columns` array each item represents one column. Item might be specified in two ways:\n - String: each item define column name equal to item value.\n - Object: item is object with following keys available as column configuration:\n - `key` (required)(String) - define column name equal to item key.\n - `label` (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.\n - `_classes` (String/Array/Object) - adds classes to all cells in a column\n - `_style` (String/Array/Object) - adds styles to the column header (useful for defining widths)\n - `_props` - (Object) - adds props for a column header\n - `sorter` (Boolean/CompareFn(a,b) => number) - disables sorting of the column when set to false. See also: "),i(72,"a",8),o(73,"CompareFn"),r(),o(74),i(75,"div",6),o(76,"\n\n | name | description | type |\n | ---- | ----------- | ---- |\n | `activePageChange` | Event emitted on `activePage` change | `number` |\n | `columnFilterValueChange` | Event emitted on `columnFilterValue` change | |\n | `filteredItemsChange` | Event emitted on `filteredItems` change | |\n | `itemsPerPageChange` | Event emitted on `itemsPerPage` change | |\n | `rowClick` | Event emitted on row click | |\n | `selectedItemsChange` | Event emitted on `selectedItems` change | |\n | `sorterValueChange` | Event emitted on `sorterValue` change | |\n | `tableFilterValueChange` | Event emitted on `tableFilterValue` change | |\n\n "),r(),o(77,` - - - ## Templates - - You can pass an ng-template with cTemplateId as a c-smart-table content. - - Available templates with [cTemplateId] names: - - \`tableCustomHeader\` ( `),i(78,"div",4),o(79,"~4.4.5"),r(),o(80," goes to the header row with table filter/cleaner)\n - `tableData` (goes to `td` html element for specified `columnName`)\n - `tableDetails` (goes to separate row as row details, for every `tr`)\n - `tableSummaryRow` ( "),i(81,"div",4),o(82,"~4.5.26"),r(),o(83," goes to the table footer)\n - `columnFilter_*` "),i(84,"small"),o(85,"(see: [Custom Filters](components/smart-table#custom-filters))"),r(),o(86,"\n - `columnLabel_*` "),i(87,"small"),o(88,"("),i(89,"div",4),o(90,"~4.7.7"),r(),o(91," see: [Custom Headers](components/smart-table#custom-headers))"),r(),o(92),r()),a&2&&(c(2),M(n.title),c(2),M(n.description),c(4),d("files",u(26,ga)),c(5),d("files",u(27,_a)),c(8),d("files",u(28,ha)),c(5),d("files",u(29,fa)),c(5),d("files",u(30,ba)),c(5),d("files",u(31,ya)),c(8),d("files",u(32,Ca)),c(8),d("files",u(33,va)),c(8),d("files",u(34,Sa)),c(4),P(` - - --- - - ## API - - ### SmartTable Module - - `,n.usage,` - - --- - - ### c-smart-table - _component_ - - #### Inputs - - `),c(2),te("\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `activePage` | Current page number | `number` | _1_ |\n | `cleaner` | Displays table cleaner above table. Cleaner resets `tableFilterValue`, `columnFilterValue`, `sorterValue`. If clean is possible it is clickable, otherwise it is not clickable and transparent. Cleaner can be customized through the cleaner slot. | `boolean` | _false_ |\n | `clickableRows` | Style table items as clickable. | `boolean` | _false_ |\n | `columnFilter` | Displays additional filter row between table header and items, allowing filtering by specific column. | `boolean \\| IColumnFilter` | _undefined_ |\n | `columnFilterValue` | Value of table filter. To set pass object where keys are column names and values are filter strings e.g.: `","{"," user: 'John', age: 12 }`. | `IColumnFilterValue` | _","{"," }_ |\n | `columns` | (1) Table columns configuration. If not defined, table displays columns based on the first item keys, omitting keys that begins with underscore (e.g. '_classes') | `(string \\| IColumn)[]` | _undefined_ |\n | `columnSorter` | (2) Enables table sorting by column value. Sorting will be performed correctly when values in a column are of one type: `string` (case insensitive) or `number`. | `boolean \\| ISorter` | _undefined_ |\n | `footer` | Displays table footer, which mirrors table header. (without column filter). | `boolean` | _false_ |\n | `header` | Displays table header. | `boolean` | _false_ |\n | `items` | (3) Array of objects, where each object represents one item - row in table. | `IItem[]` | _[]_ |\n | `itemsPerPage` | Number of items per site, when pagination is enabled. | `number` | _10_ |\n | `itemsPerPageLabel` | Label for items per page selector. | `string` | _Items per page:_ |\n | `itemsPerPageOptions` | Items per page selector options. | `number[]` | _[5, 10, 20, 50]_ |\n | `itemsPerPageSelect` | Adds select element over table, which is used for control items per page in pagination. | `boolean \\| ItemsPerPageSelect` | _undefined_ |\n | `loading` | When set, table will have loading style: loading spinner and reduced opacity. When 'small' prop is enabled spinner will be also smaller. | `boolean` | _undefined_ |\n | `noItemsLabel` | String for passing custom noItemsLabel text. | `string` | _No items found_ |\n | `pagination` | Enables default pagination. Default pagination will always have the computed number of pages that cannot be changed. The number of pages is generated based on the number of passed items and 'itemsPerPage' prop. If this restriction is an obstacle, you can make external pagination instead. | `boolean` | _false_ |\n | `selectable` | Add checkboxes to make table rows selectable. | `boolean` | _false_ |\n | `selectAll`"),c(4),we(" | Enable / disable \"select all\" checkbox displayed in the header of the table. | `boolean` | _true_ |\n | `sorterValue` | State of the sorter. Name key is column name, direction can be 'asc' or 'desc'. | `ISorterValue` | _","{"," }_ |\n | `tableFilter` | (4) When set, displays table filter above table, allowing filtering by specific column. | `boolean \\| ITableFilter` | _undefined_ |\n | `tableFilterLabel` | A label for a tableFilter input. | `string` | _Filter:_ |\n | `tableFilterPlaceholder` | Specifies a short hint that is visible in the search input. | `string` | _Type string..._ |\n | `tableFilterValue` | Value of table filter. | `string` | _''_ |\n | `tableBodyProps` | Properties for tbody | `ITableGroupProps` | _","{"," }_ |\n | `tableFootProps` | Properties for tfoot. | `ITableGroupProps` | _","{"," }_ |\n | `tableHeadProps` | Properties for thead. | `ITableGroupProps` | _","{"," }_ |\n | `tableProps` | Properties for cTable. | `ITable` | _","{",` }_ | - - `),c(4),Te(` - - \`filter\` (Boolean/FilterFn(item, value: string) => boolean) - removes filter from column when set to false - - (2) Sorter can be customized, by passing prop as object with additional options as keys. Available options: - - external (Boolean) - Disables automatic sorting inside component. - - resettable (Boolean) - If set to true, clicking on sorter have three states: ascending, descending and null. That means that third click on sorter will reset sorting, and restore table to original order. - - (3) Example item: - \``,"{"," name: 'John' , age: 12, _selectable: false, _props: ","{"," color: 'success' }, _cellProps: ","{"," age: ","{",` active: true, align: 'middle'}}}\` - For column generation description see columns prop. - - (4) Column filter can be customized, by passing prop as object with additional options as keys. Available options: - - placeholder (String) - Sets custom table filter placeholder. - - label (String) - Sets custom table filter label. - - external (Boolean) - Disables automatic filtering inside component. - - lazy (Boolean) - Set to true to trigger filter updates only on change event. - - --- - - #### Outputs - `),c(18),xe(` - - All templates are optional. - - To use custom templates you'll have to: - - \`import `,"{","SharedModule} from '@coreui/angular'`\n - pass the template name as a string to `[cTemplateId]` directive\n\n For `tableData` pass the following variables:\n - `columnName` ('key' - derived from [columns] definition)\n - `item` (current row of [items] data array)\n - `tdContent` (default content for every column of a current row)\n\n```html\n","<",`ng-template -\xA0\xA0cTemplateId="tableData" -\xA0\xA0let-columnName="columnName" -\xA0\xA0let-item="item" -\xA0\xA0let-tdContent="tdContent" -> - ... -`,"<",`/ng-template> -\`\`\` - - Having columnName you can \`ngSwitch\` for custom rendering specified columns. Do not forget about \`ngSwitchDefault\` with \`tdContent\`. - - Also - SmartTableComponent has exportAs: \`cSmartTable\` that you can use as a template variable (#smartTable in the example) - - - SharedModule - [cTemplateId] - - ButtonModule - [cButton] - - TableModule - [cTableActive], [cTableColor] - - UtilitiesModule - [cAlign] - -`))},dependencies:[He,Je,Ke,tt,at,rt,st,dt,ut,gt,ht,ft,Ye],encapsulation:2})}}return t})();export{Si as SmartTableComponent}; diff --git a/angular/docs/chunk-5F3MA7QH.js b/angular/docs/chunk-5F3MA7QH.js new file mode 100644 index 00000000000..375f134b2ab --- /dev/null +++ b/angular/docs/chunk-5F3MA7QH.js @@ -0,0 +1,34 @@ +import{a as y}from"./chunk-IWRSONFO.js";import{bc as s}from"./chunk-N5CLKGXI.js";import"./chunk-W2HQYSLN.js";import"./chunk-XGTGYVNY.js";import"./chunk-DPZ7BZKP.js";import{a as C}from"./chunk-YCMO5GD4.js";import{s as I}from"./chunk-6RP7HPDL.js";import{h as v,i as x}from"./chunk-NR6O7NQI.js";import"./chunk-XQ2JSG7T.js";import"./chunk-4P7KQCRI.js";import{Ab as a,Gc as p,Hc as f,Ic as h,Vb as l,Wc as d,ec as n,fc as i,gc as o,kb as r,lb as u}from"./chunk-GYQMS5FR.js";import"./chunk-JKOY2XUY.js";var w=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=a({type:e,selectors:[["docs-image05-example"]],decls:2,vars:0,consts:[[1,"text-center"],["cImg","","height","200","src","assets/img/angular400.jpg","width","200"]],template:function(t,c){t&1&&(n(0,"div",0),o(1,"img",1),i())},dependencies:[s],encapsulation:2})}}return e})();var D=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=a({type:e,selectors:[["docs-image04-example"]],decls:2,vars:0,consts:[[1,"clearfix"],["cImg","","align","center","height","200","rounded","","src","assets/img/angular400.jpg","width","200"]],template:function(t,c){t&1&&(n(0,"div",0),o(1,"img",1),i())},dependencies:[s],encapsulation:2})}}return e})();var M=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=a({type:e,selectors:[["docs-image03-example"]],decls:3,vars:1,consts:[[1,"clearfix"],["cImg","","align","start","height","200","rounded","","src","assets/img/angular400.jpg","width","200"],["cImg","","align","end","src","assets/img/angular400.jpg","width","200",3,"rounded"]],template:function(t,c){t&1&&(n(0,"div",0),o(1,"img",1)(2,"img",2),i()),t&2&&(r(2),l("rounded",!0))},dependencies:[s],encapsulation:2})}}return e})();var S=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=a({type:e,selectors:[["docs-image06-example"]],decls:2,vars:0,consts:[["cImg","","rounded","","src","assets/img/angular400.jpg","height","200"],["cImg","","src","assets/img/angular400.jpg","height","200"]],template:function(t,c){t&1&&o(0,"img",0)(1,"img",1)},dependencies:[s],encapsulation:2})}}return e})();var E=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=a({type:e,selectors:[["docs-image02-example"]],decls:1,vars:0,consts:[["cImg","","height","200","rounded","","src","assets/img/angular400.jpg","thumbnail","","width","200"]],template:function(t,c){t&1&&o(0,"img",0)},dependencies:[s],encapsulation:2})}}return e})();var b=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=a({type:e,selectors:[["docs-image01-example"]],decls:1,vars:0,consts:[["cImg","","fluid","","src","assets/img/angular.jpg"]],template:function(t,c){t&1&&o(0,"img",0)},dependencies:[s],encapsulation:2})}}return e})();var _=`\`\`\`typescript +import { ImgModule } from '@coreui/angular'; + +@NgModule({ + imports: [ImgModule,] +}) +export class AppModule(){} +\`\`\` +`;var T=()=>["components/image/examples/image01.component.html"],j=()=>["components/image/examples/image02.component.html"],k=()=>["components/image/examples/image06.component.html"],A=()=>["components/image/examples/image03.component.html"],G=()=>["components/image/examples/image04.component.html"],R=()=>["components/image/examples/image05.component.html"],ae=(()=>{class e{constructor(m,t){this.metaService=m,this.titleService=t,this.usage=_,this.title="Angular Image Component",this.description="Angular image directive with responsive behavior (so it never becomes larger than their parent element) and special styles."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(t){return new(t||e)(u(v),u(x))}}static{this.\u0275cmp=a({type:e,selectors:[["ng-component"]],decls:30,vars:15,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"api-table"]],template:function(t,c){t&1&&(n(0,"h1",0),p(1),i(),n(2,"p",1),p(3),i(),o(4,"docs-ads-carbon-loader"),n(5,"markdown"),p(6,"\n ## Examples\n ### Responsive images\n\nImages in CoreUI for Angular are made responsive with `fluid` property. This applies `max-width: 100%;` and `height: auto;` to the image so that it scales with the parent element.\n"),i(),n(7,"docs-example",2),o(8,"docs-image01-example"),i(),n(9,"markdown"),p(10,` + ### Image thumbnails + +In addition to our [border-radius utilities](https://coreui.io/docs/utilities/borders), you can use prop \`thumbnail\` to give an image a rounded 1px border appearance. +`),i(),n(11,"docs-example",2),o(12,"docs-image02-example"),i(),n(13,"markdown"),p(14,` + ### Rounded Image + + Give an image a \`rounded\` border appearance. +`),i(),n(15,"docs-example",2),o(16,"docs-image06-example"),i(),n(17,"markdown"),p(18,` + ### Aligning images + +Align images with the \`align\` property. +`),i(),n(19,"docs-example",2),o(20,"docs-image03-example"),i(),n(21,"docs-example",2),o(22,"docs-image04-example"),i(),n(23,"docs-example",2),o(24,"docs-image05-example"),i(),n(25,"markdown"),p(26),n(27,"div",3),p(28,'\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `align` | Set the horizontal aligment. | ``""`` \\| ``"start"`` \\| ``"end"`` \\| ``"center"`` | `""` |\n | `fluid` | Make image responsive. | `boolean` | _false_ |\n | `rounded` | Make image rounded. | `boolean` |_false_|\n | `thumbnail` | Give an image a rounded 1px border appearance. | `boolean` | _false_ |\n\n '),i(),p(29,` +`),i()),t&2&&(r(),f(c.title),r(2),f(c.description),r(4),l("files",d(9,T)),r(4),l("files",d(10,j)),r(4),l("files",d(11,k)),r(4),l("files",d(12,A)),r(2),l("files",d(13,G)),r(2),l("files",d(14,R)),r(3),h(` + --- + + ## API reference + + ### Image Module + + `,c.usage,` + + ### cImg + _directive_ + + `))},dependencies:[C,I,y,b,E,S,M,D,w],encapsulation:2,changeDetection:0})}}return e})();export{ae as ImageComponent}; diff --git a/angular/docs/chunk-5FX55GRF.js b/angular/docs/chunk-5FX55GRF.js deleted file mode 100644 index 865f87c2c04..00000000000 --- a/angular/docs/chunk-5FX55GRF.js +++ /dev/null @@ -1,138 +0,0 @@ -import{a as oe}from"./chunk-GOOL7UHW.js";import{F as f,G as P,Pb as J,aa as R,gb as E,ha as z,hb as j,i as h,jb as u,kb as w,lb as D,mb as c,nb as O,nc as K,ob as H,oc as Q,qb as q,rc as V,sc as X,tc as Z,ub as W,vb as $,vc as ee,wb as G,xb as U,yb as Y,z as N}from"./chunk-CIRO6JJS.js";import"./chunk-HEV2ZGEM.js";import"./chunk-QWX5SKOU.js";import"./chunk-DPZ7BZKP.js";import{a as ne}from"./chunk-KJYCQPQX.js";import{r as te}from"./chunk-R2AYP265.js";import{h as B,i as L}from"./chunk-ADVPX5JT.js";import{n as b,p as y}from"./chunk-2XBJPMNA.js";import"./chunk-TJ5BOBQA.js";import{Bc as A,Cc as n,Dc as T,Ec as x,Hb as S,Rb as d,Sc as l,Tc as a,ac as t,bc as e,cc as s,mb as r,na as m,nb as k}from"./chunk-W26A3BQN.js";import"./chunk-JKOY2XUY.js";var _e=()=>({"min-width.px":300}),Me=()=>[],ie=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown20"]],standalone:!0,features:[l],decls:26,vars:8,consts:[[3,"autoClose"],["cButton","","cDropdownToggle","","color","secondary"],["cDropdownMenu","",3,"ngStyle"],["cButtonClose","","cDropdownClose","",1,"d-flex","ms-auto","me-1",3,"tabIndex"],["cForm","",1,"px-4","py-0"],[1,"mb-3"],["cLabel","","for","exampleDropdownFormEmail1"],["cFormControl","","id","exampleDropdownFormEmail1","placeholder","email@example.com","type","email"],["cLabel","","for","exampleDropdownFormPassword1"],["cFormControl","","id","exampleDropdownFormPassword1","placeholder","Password","type","password"],["cFormCheckInput","","id","dropdownCheck"],["cFormCheckLabel","","for","dropdownCheck"],["cButton","","color","primary","cDropdownClose",""],["cDropdownDivider",""],["cDropdownItem","","fragment","text",3,"autoClose","routerLink"],["cDropdownItem","",3,"autoClose"]],template:function(i,v){i&1&&(t(0,"c-dropdown",0)(1,"button",1),n(2," Login "),e(),t(3,"div",2),s(4,"buton",3),t(5,"form",4)(6,"div",5)(7,"label",6),n(8,"Email address"),e(),s(9,"input",7),e(),t(10,"div",5)(11,"label",8),n(12,"Password"),e(),s(13,"input",9),e(),t(14,"div",5)(15,"c-form-check"),s(16,"input",10),t(17,"label",11),n(18," Remember me "),e()()(),t(19,"button",12),n(20,"Sign in"),e()(),s(21,"div",13),t(22,"button",14),n(23,"New around here? Sign up"),e(),t(24,"button",15),n(25,"Forgot password?"),e()()()),i&2&&(d("autoClose","outside"),r(3),d("ngStyle",a(6,_e)),r(),d("tabIndex",0),r(18),d("autoClose",!1)("routerLink",a(7,Me)),r(2),d("autoClose",!1))},dependencies:[D,f,w,u,y,P,H,q,W,Y,G,U,$,E,c,h],encapsulation:2})}}return o})();var Ie=()=>({"minWidth.px":200}),re=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown19"]],standalone:!0,features:[l],decls:8,vars:3,consts:[[3,"autoClose"],["cButton","","cDropdownToggle","","color","secondary"],["cDropdownMenu","",1,"p-4","text-medium-emphasis",3,"ngStyle"],[1,"mb-0"]],template:function(i,v){i&1&&(t(0,"c-dropdown",0)(1,"button",1),n(2," Dropdown "),e(),t(3,"div",2)(4,"p"),n(5,"Some example text that's free-flowing within the dropdown menu."),e(),t(6,"p",3),n(7,"And this is more example text."),e()()()),i&2&&(d("autoClose","inside"),r(3),d("ngStyle",a(2,Ie)))},dependencies:[D,f,w,u,y],encapsulation:2})}}return o})();var _=()=>[],de=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown14"]],standalone:!0,features:[l],decls:15,vars:6,consts:[[1,"dropdown-menu"],["cDropdownItem","",3,"routerLink"],["cDropdownDivider",""],["cDropdownItem",""]],template:function(i,v){i&1&&(t(0,"ul",0)(1,"li")(2,"a",1),n(3,"Action"),e()(),t(4,"li")(5,"a",1),n(6,"Another action"),e()(),t(7,"li")(8,"a",1),n(9,"Something else here"),e()(),t(10,"li"),s(11,"hr",2),e(),t(12,"li")(13,"button",3),n(14,"Separated link"),e()()()),i&2&&(r(2),d("routerLink",a(3,_)),r(3),d("routerLink",a(4,_)),r(3),d("routerLink",a(5,_)))},dependencies:[c,h,E],encapsulation:2})}}return o})();var pe=()=>[],ae=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown13"]],standalone:!0,features:[l],decls:7,vars:4,consts:[[1,"dropdown-menu"],["cDropdownHeader",""],["cDropdownItem","",3,"routerLink"]],template:function(i,v){i&1&&(t(0,"div",0)(1,"h6",1),n(2,"Header"),e(),t(3,"a",2),n(4,"Action"),e(),t(5,"a",2),n(6,"Another action"),e()()),i&2&&(r(3),d("routerLink",a(2,pe)),r(2),d("routerLink",a(3,pe)))},dependencies:[j,c,h],encapsulation:2})}}return o})();var me=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown18"]],standalone:!0,features:[l],decls:10,vars:0,consts:[["alignment","end"],["cButton","","cDropdownToggle","","color","secondary"],["cDropdownMenu",""],["cDropdownItem",""]],template:function(i,v){i&1&&(t(0,"c-dropdown",0)(1,"button",1),n(2," Dropdown menu "),e(),t(3,"div",2)(4,"button",3),n(5,"Action"),e(),t(6,"button",3),n(7,"Another action"),e(),t(8,"button",3),n(9,"Something else"),e()()())},dependencies:[D,f,w,u,c],encapsulation:2})}}return o})();var le=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown17"]],standalone:!0,features:[l],decls:7,vars:1,consts:[[1,"dropdown-menu"],["cDropdownItem",""],["cDropdownItem","",3,"disabled"]],template:function(i,v){i&1&&(t(0,"div",0)(1,"button",1),n(2,"Regular link"),e(),t(3,"button",2),n(4,"Disabled link"),e(),t(5,"button",1),n(6,"Another link"),e()()),i&2&&(r(3),d("disabled",!0))},dependencies:[c],encapsulation:2})}}return o})();var ce=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown16"]],standalone:!0,features:[l],decls:7,vars:1,consts:[[1,"dropdown-menu"],["cDropdownItem",""],["cDropdownItem","",3,"active"]],template:function(i,v){i&1&&(t(0,"div",0)(1,"button",1),n(2,"Regular link"),e(),t(3,"button",2),n(4,"Active link"),e(),t(5,"button",1),n(6,"Another link"),e()()),i&2&&(r(3),d("active",!0))},dependencies:[c],encapsulation:2})}}return o})();var se=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown15"]],standalone:!0,features:[l],decls:9,vars:0,consts:[[1,"dropdown-menu"],["cDropdownItemPlain",""],["cDropdownItem",""]],template:function(i,v){i&1&&(t(0,"div",0)(1,"span",1),n(2,"Dropdown item text"),e(),t(3,"button",2),n(4,"Action"),e(),t(5,"button",2),n(6,"Another action"),e(),t(7,"button",2),n(8,"Something else here"),e()())},dependencies:[O,c],encapsulation:2})}}return o})();var ue=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown12"]],standalone:!0,features:[l],decls:10,vars:0,consts:[["cButton","","cDropdownToggle","","color","secondary"],["cDropdownMenu",""],["cDropdownItem",""]],template:function(i,v){i&1&&(t(0,"c-dropdown")(1,"button",0),n(2," Dropdown button "),e(),t(3,"div",1)(4,"button",2),n(5,"Action"),e(),t(6,"button",2),n(7,"Another action"),e(),t(8,"button",2),n(9,"Something else here"),e()()())},dependencies:[D,f,w,u,c],encapsulation:2})}}return o})();var we=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown11"]],standalone:!0,features:[l],decls:30,vars:1,consts:[["direction","dropstart","variant","btn-group"],["cButton","","cDropdownToggle","","color","secondary"],["cDropdownMenu",""],["cDropdownItem",""],["direction","dropstart","variant","input-group"],["cButton","","cDropdownToggle","","color","secondary",3,"split"],[1,"visually-hidden"],["cButton","","color","secondary"]],template:function(i,v){i&1&&(t(0,"c-dropdown",0)(1,"button",1),n(2,"Dropstart"),e(),t(3,"ul",2)(4,"li")(5,"button",3),n(6,"Action"),e()(),t(7,"li")(8,"button",3),n(9,"Another action"),e()(),t(10,"li")(11,"button",3),n(12,"Something else here"),e()()()(),t(13,"c-button-group")(14,"c-dropdown",4)(15,"button",5)(16,"span",6),n(17,"Toggle Dropdown"),e()(),t(18,"ul",2)(19,"li")(20,"button",3),n(21,"Action"),e()(),t(22,"li")(23,"button",3),n(24,"Another action"),e()(),t(25,"li")(26,"button",3),n(27,"Something else here"),e()()(),t(28,"button",7),n(29,"Split Left"),e()()()),i&2&&(r(15),d("split",!0))},dependencies:[D,f,w,u,c,R],encapsulation:2})}}return o})();var De=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown10"]],standalone:!0,features:[l],decls:29,vars:1,consts:[["direction","dropend","variant","btn-group"],["cButton","","cDropdownToggle","","color","secondary"],["cDropdownMenu",""],["cDropdownItem",""],["cButton","","color","secondary"],["cButton","","cDropdownToggle","","color","secondary",3,"split"],[1,"visually-hidden"]],template:function(i,v){i&1&&(t(0,"c-dropdown",0)(1,"button",1),n(2,"Dropend"),e(),t(3,"ul",2)(4,"li")(5,"button",3),n(6,"Action"),e()(),t(7,"li")(8,"button",3),n(9,"Another action"),e()(),t(10,"li")(11,"button",3),n(12,"Something else here"),e()()()(),t(13,"c-dropdown",0)(14,"button",4),n(15,"Split Right"),e(),t(16,"button",5)(17,"span",6),n(18,"Toggle Dropdown"),e()(),t(19,"ul",2)(20,"li")(21,"button",3),n(22,"Action"),e()(),t(23,"li")(24,"button",3),n(25,"Another action"),e()(),t(26,"li")(27,"button",3),n(28,"Something else here"),e()()()()),i&2&&(r(16),d("split",!0))},dependencies:[D,f,w,u,c],encapsulation:2})}}return o})();var fe=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown22"]],standalone:!0,features:[l],decls:13,vars:0,consts:[["direction","dropup-center"],["cButton","","cDropdownToggle","","color","secondary"],["cDropdownMenu",""],["cDropdownItem",""]],template:function(i,v){i&1&&(t(0,"c-dropdown",0)(1,"button",1),n(2,"Centered dropup"),e(),t(3,"ul",2)(4,"li")(5,"button",3),n(6,"Action"),e()(),t(7,"li")(8,"button",3),n(9,"Another action"),e()(),t(10,"li")(11,"button",3),n(12,"Something else here"),e()()()())},dependencies:[D,f,w,u,c],encapsulation:2})}}return o})();var ve=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown09"]],standalone:!0,features:[l],decls:29,vars:1,consts:[["direction","dropup","variant","btn-group"],["cButton","","cDropdownToggle","","color","secondary"],["cDropdownMenu",""],["cDropdownItem",""],["cButton","","color","secondary"],["cButton","","cDropdownToggle","","color","secondary",3,"split"],[1,"visually-hidden"]],template:function(i,v){i&1&&(t(0,"c-dropdown",0)(1,"button",1),n(2,"Dropup"),e(),t(3,"ul",2)(4,"li")(5,"button",3),n(6,"Action"),e()(),t(7,"li")(8,"button",3),n(9,"Another action"),e()(),t(10,"li")(11,"button",3),n(12,"Something else here"),e()()()(),t(13,"c-dropdown",0)(14,"button",4),n(15,"Split Dropup"),e(),t(16,"button",5)(17,"span",6),n(18,"Toggle Dropdown"),e()(),t(19,"ul",2)(20,"li")(21,"button",3),n(22,"Action"),e()(),t(23,"li")(24,"button",3),n(25,"Another action"),e()(),t(26,"li")(27,"button",3),n(28,"Something else here"),e()()()()),i&2&&(r(16),d("split",!0))},dependencies:[D,f,w,u,c],encapsulation:2})}}return o})();var ge=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown21"]],standalone:!0,features:[l],decls:13,vars:0,consts:[["direction","center"],["cButton","","cDropdownToggle","","color","secondary"],["cDropdownMenu",""],["cDropdownItem",""]],template:function(i,v){i&1&&(t(0,"c-dropdown",0)(1,"button",1),n(2,"Centered dropdown"),e(),t(3,"ul",2)(4,"li")(5,"button",3),n(6,"Action one"),e()(),t(7,"li")(8,"button",3),n(9,"Action two"),e()(),t(10,"li")(11,"button",3),n(12,"Action three"),e()()()())},dependencies:[D,f,w,u,c],encapsulation:2})}}return o})();var he=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown08"]],standalone:!0,features:[l],decls:22,vars:4,consts:[["collapseRef","cCollapse"],["colorScheme","dark","expand","lg",1,"bg-dark"],[3,"fluid"],["cNavbarBrand","","href","https://coreui.io/angular/","target","_blank"],[3,"cNavbarToggler"],["cCollapse","",3,"navbar"],[1,"me-auto","mb-2","mb-lg-0"],["variant","nav-item",3,"popper"],["cDropdownToggle","","cNavLink",""],["cDropdownMenu","","dark",""],["cDropdownItem",""]],template:function(i,v){if(i&1&&(t(0,"c-navbar",1)(1,"c-container",2)(2,"a",3),n(3," Navbar "),e(),s(4,"button",4),t(5,"div",5,0)(7,"c-navbar-nav",6)(8,"c-nav-item")(9,"c-dropdown",7)(10,"a",8),n(11,"Dropdown"),e(),t(12,"ul",9)(13,"li")(14,"button",10),n(15,"Action"),e()(),t(16,"li")(17,"button",10),n(18,"Another action"),e()(),t(19,"li")(20,"button",10),n(21,"Something else here"),e()()()()()()()()()),i&2){let Te=A(6);r(),d("fluid",!0),r(3),d("cNavbarToggler",Te),r(),d("navbar",!0),r(4),d("popper",!1)}},dependencies:[V,J,X,ee,N,Z,Q,D,w,K,u,c],encapsulation:2})}}return o})();var xe=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown07"]],standalone:!0,features:[l],decls:13,vars:0,consts:[["cButton","","cDropdownToggle","","color","secondary"],["cDropdownMenu","","dark",""],["cDropdownItem",""]],template:function(i,v){i&1&&(t(0,"c-dropdown")(1,"button",0),n(2,"Dropdown button"),e(),t(3,"ul",1)(4,"li")(5,"button",2),n(6,"Action"),e()(),t(7,"li")(8,"button",2),n(9,"Another action"),e()(),t(10,"li")(11,"button",2),n(12,"Something else here"),e()()()())},dependencies:[D,f,w,u,c],encapsulation:2})}}return o})();var Ae=()=>[],Se=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown06"]],standalone:!0,features:[l],decls:29,vars:2,consts:[["variant","btn-group"],["cButton","","cDropdownToggle","","color","secondary","size","sm"],["cDropdownMenu",""],["cDropdownItem",""],["cButton","","color","secondary","size","sm"],["cButton","","cDropdownToggle","","color","secondary","size","sm","split",""],[1,"visually-hidden"],["cDropdownItem","",3,"routerLink"]],template:function(i,v){i&1&&(t(0,"c-dropdown",0)(1,"button",1),n(2," Small button "),e(),t(3,"ul",2)(4,"li")(5,"button",3),n(6,"Action"),e()(),t(7,"li")(8,"button",3),n(9,"Another action"),e()(),t(10,"li")(11,"button",3),n(12,"Something else here"),e()()()(),t(13,"c-dropdown",0)(14,"button",4),n(15,"Small split button"),e(),t(16,"button",5)(17,"span",6),n(18,"Toggle Dropdown"),e()(),t(19,"ul",2)(20,"li")(21,"button",7),n(22,"Action"),e()(),t(23,"li")(24,"button",3),n(25,"Another action"),e()(),t(26,"li")(27,"button",3),n(28,"Something else here"),e()()()()),i&2&&(r(21),d("routerLink",a(1,Ae)))},dependencies:[D,f,w,u,c,h],encapsulation:2})}}return o})();var Be=()=>[],be=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown05"]],standalone:!0,features:[l],decls:29,vars:2,consts:[["variant","btn-group"],["cButton","","cDropdownToggle","","color","secondary","size","lg"],["cDropdownMenu",""],["cDropdownItem",""],["cButton","","color","secondary","size","lg"],["cButton","","cDropdownToggle","","color","secondary","size","lg","split",""],[1,"visually-hidden"],["cDropdownItem","",3,"routerLink"]],template:function(i,v){i&1&&(t(0,"c-dropdown",0)(1,"button",1),n(2," Large button "),e(),t(3,"ul",2)(4,"li")(5,"button",3),n(6,"Action"),e()(),t(7,"li")(8,"button",3),n(9,"Another action"),e()(),t(10,"li")(11,"button",3),n(12,"Something else here"),e()()()(),t(13,"c-dropdown",0)(14,"button",4),n(15,"Large split button"),e(),t(16,"button",5)(17,"span",6),n(18,"Toggle Dropdown"),e()(),t(19,"ul",2)(20,"li")(21,"button",7),n(22,"Action"),e()(),t(23,"li")(24,"button",3),n(25,"Another action"),e()(),t(26,"li")(27,"button",3),n(28,"Something else here"),e()()()()),i&2&&(r(21),d("routerLink",a(1,Be)))},dependencies:[D,f,w,u,c,h],encapsulation:2})}}return o})();var Le=()=>[];function Ne(o,F){if(o&1&&(t(0,"c-dropdown",1)(1,"button",2),n(2),e(),t(3,"button",3)(4,"span",4),n(5,"Toggle Dropdown"),e()(),t(6,"ul",5)(7,"li")(8,"button",6),n(9,"Action"),e()(),t(10,"li")(11,"button",7),n(12,"Another action"),e()(),t(13,"li")(14,"button",7),n(15,"Something else here"),e()()()()),o&2){let p=F.$implicit;r(),d("color",p),r(),x(" ",p," "),r(),d("color",p),r(5),d("routerLink",a(4,Le))}}var ye=(()=>{class o{constructor(){this.colors=["primary","secondary","success","info","warning","danger"]}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown04"]],standalone:!0,features:[l],decls:1,vars:1,consts:[["placement","bottom-start","variant","btn-group",4,"ngFor","ngForOf"],["placement","bottom-start","variant","btn-group"],["cButton","",3,"color"],["cButton","","cDropdownToggle","","split","",3,"color"],[1,"visually-hidden"],["cDropdownMenu",""],["cDropdownItem","",3,"routerLink"],["cDropdownItem",""]],template:function(i,v){i&1&&S(0,Ne,16,5,"c-dropdown",0),i&2&&d("ngForOf",v.colors)},dependencies:[b,D,f,w,u,c,h],encapsulation:2})}}return o})();var M=()=>[];function Pe(o,F){if(o&1&&(t(0,"c-dropdown",1)(1,"button",2),n(2),e(),t(3,"ul",3)(4,"li")(5,"button",4),n(6,"Action"),e()(),t(7,"li")(8,"button",4),n(9,"Another action"),e()(),t(10,"li")(11,"button",4),n(12,"Something else here"),e()()()()),o&2){let p=F.$implicit;r(),d("color",p),r(),x(" ",p," "),r(3),d("routerLink",a(5,M)),r(3),d("routerLink",a(6,M)),r(3),d("routerLink",a(7,M))}}var Ee=(()=>{class o{constructor(){this.colors=["primary","secondary","success","info","warning","danger"]}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown03"]],standalone:!0,features:[l],decls:1,vars:1,consts:[["variant","btn-group",4,"ngFor","ngForOf"],["variant","btn-group"],["cButton","","cDropdownToggle","",3,"color"],["cDropdownMenu",""],["cDropdownItem","",3,"routerLink"]],template:function(i,v){i&1&&S(0,Pe,13,8,"c-dropdown",0),i&2&&d("ngForOf",v.colors)},dependencies:[b,D,f,w,u,c,h],encapsulation:2})}}return o})();var C=()=>[],Ce=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown02"]],standalone:!0,features:[l],decls:13,vars:8,consts:[["cButton","","cDropdownToggle","","color","secondary",3,"routerLink"],["cDropdownMenu",""],["cDropdownItem","",3,"routerLink"]],template:function(i,v){i&1&&(t(0,"c-dropdown")(1,"a",0),n(2," Dropdown button "),e(),t(3,"ul",1)(4,"li")(5,"a",2),n(6,"Action"),e()(),t(7,"li")(8,"a",2),n(9,"Another action"),e()(),t(10,"li")(11,"a",2),n(12,"Something else here"),e()()()()),i&2&&(r(),d("routerLink",a(4,C)),r(4),d("routerLink",a(5,C)),r(3),d("routerLink",a(6,C)),r(3),d("routerLink",a(7,C)))},dependencies:[D,f,w,h,u,c],encapsulation:2})}}return o})();var I=()=>[],Fe=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown01"]],standalone:!0,features:[l],decls:13,vars:6,consts:[["cButton","","cDropdownToggle","","color","secondary"],["cDropdownMenu",""],["cDropdownItem","",3,"routerLink"]],template:function(i,v){i&1&&(t(0,"c-dropdown")(1,"button",0),n(2," Dropdown button "),e(),t(3,"ul",1)(4,"li")(5,"a",2),n(6,"Action"),e()(),t(7,"li")(8,"a",2),n(9,"Another action"),e()(),t(10,"li")(11,"a",2),n(12,"Something else here"),e()()()()),i&2&&(r(5),d("routerLink",a(3,I)),r(3),d("routerLink",a(4,I)),r(3),d("routerLink",a(5,I)))},dependencies:[D,f,w,u,c,h],encapsulation:2})}}return o})();var ke=`\`\`\`typescript -import { DropdownModule } from '@coreui/angular'; - -@NgModule({ - imports: [DropdownModule,] -}) -export class AppModule() { } -\`\`\` -`;var ze=()=>["components/dropdown/examples/dropdown01.component.html"],je=()=>["components/dropdown/examples/dropdown02.component.html"],Oe=()=>["components/dropdown/examples/dropdown03.component.html","components/dropdown/examples/dropdown03.component.ts"],He=()=>["components/dropdown/examples/dropdown04.component.html","components/dropdown/examples/dropdown04.component.ts"],qe=()=>["components/dropdown/examples/dropdown05.component.html"],We=()=>["components/dropdown/examples/dropdown06.component.html"],$e=()=>["components/dropdown/examples/dropdown07.component.html"],Ge=()=>["components/dropdown/examples/dropdown08.component.html"],Ue=()=>["components/dropdown/examples/dropdown21.component.html"],Ye=()=>["components/dropdown/examples/dropdown09.component.html"],Je=()=>["components/dropdown/examples/dropdown22.component.html"],Ke=()=>["components/dropdown/examples/dropdown10.component.html"],Qe=()=>["components/dropdown/examples/dropdown11.component.html"],Ve=()=>["components/dropdown/examples/dropdown12.component.html"],Xe=()=>["components/dropdown/examples/dropdown15.component.html"],Ze=()=>["components/dropdown/examples/dropdown16.component.html"],et=()=>["components/dropdown/examples/dropdown17.component.html"],tt=()=>["components/dropdown/examples/dropdown18.component.html"],nt=()=>["components/dropdown/examples/dropdown13.component.html"],ot=()=>["components/dropdown/examples/dropdown14.component.html"],it=()=>["components/dropdown/examples/dropdown19.component.html"],rt=()=>["components/dropdown/examples/dropdown20.component.html"],no=(()=>{class o{constructor(p,i){this.metaService=p,this.titleService=i,this.usage=ke,this.title="Angular Dropdown Component",this.description="Angular Dropdown component allows you to toggle contextual overlays for displaying lists, links, and more html elements."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(i){return new(i||o)(k(B),k(L))}}static{this.\u0275cmp=m({type:o,selectors:[["docs-dropdown"]],standalone:!0,features:[l],decls:156,vars:47,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[3,"files"],["markdown",""],["color","info",1,"bg-white:dark:bg-transparent"],["href","https://popper.js.org/","target","_blank"],[1,"api-table"],["href","https://popper.js.org/docs/v2/constructors/#options","target","_blank"]],template:function(i,v){i&1&&(t(0,"h1",0),n(1),e(),t(2,"p",1),n(3),e(),s(4,"docs-ads-carbon-loader"),t(5,"markdown"),n(6,` - ## Overview - Dropdowns are toggleable, contextual overlays for displaying lists of links and more. - - Dropdowns are built on a third party library, [Popper.js](https://popper.js.org/), which provides dynamic positioning - and viewport detection. Popper.js isn't used to position dropdowns in navbars though as dynamic positioning isn't - required. - - ## Examples - Bind the dropdown toggle and the dropdown menu inside \`c-dropdown\`, or different element that declares \`position: relative;\`. Dropdowns can be triggered from \`a\` or \`button\` elements to better fit your possible requirements. - - ### Single button - Here's how you can put them to work with either \`button\` elements: -`),e(),t(7,"docs-example",2),s(8,"docs-dropdown01"),e(),t(9,"markdown"),n(10," And with `a` elements:\n"),e(),t(11,"docs-example",2),s(12,"docs-dropdown02"),e(),t(13,"markdown"),n(14,` - The best part is you can do this with any button variant, too: -`),e(),t(15,"docs-example",2),s(16,"docs-dropdown03"),e(),t(17,"markdown"),n(18,` - ### Split button - -`),t(19,"p",3),n(20,"Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the\n addition of boolean prop `split` for proper spacing around the dropdown caret."),e(),n(21,` - -`),t(22,"p",3),n(23,"We use this extra class to reduce the horizontal `padding` on either side of the caret by 25% and remove the\n `margin-left` that's attached for normal button dropdowns. Those additional changes hold the caret centered in the\n split button and implement a more properly sized hit area next to the main button."),e(),n(24,` -`),e(),t(25,"docs-example",2),s(26,"docs-dropdown04"),e(),t(27,"markdown"),n(28,` - ### Sizing - `),t(29,"p"),n(30,"Button dropdowns work with buttons of all sizes, including default and split dropdown buttons."),e(),n(31,` -`),e(),t(32,"docs-example",2),s(33,"docs-dropdown05"),e(),t(34,"docs-example",2),s(35,"docs-dropdown06"),e(),t(36,"markdown"),n(37,` - ### Dark dropdowns - `),t(38,"p",3),n(39,"Opt into darker dropdowns to match a dark navbar or custom style by set `dark` property. No changes are required to the dropdown items."),e(),n(40,` -`),e(),t(41,"docs-example",2),s(42,"docs-dropdown07"),e(),t(43,"p"),n(44,"And putting it to use in a navbar:"),e(),t(45,"docs-example",2),s(46,"docs-dropdown08"),e(),t(47,"markdown"),n(48,` ## Directions -`),e(),t(49,"c-callout",4)(50,"h5"),n(51,"RTL"),e(),t(52,"p",3),n(53,"Directions are mirrored when using CoreUI in RTL, meaning `dropstart` will appear on the right side."),e()(),t(54,"markdown"),n(55,'\n ### Centered\n\n Trigger dropdown menus centered below the toggle by adding `direction="center"` to the `c-dropdown`component.\n'),e(),t(56,"docs-example",2),s(57,"docs-dropdown21"),e(),t(58,"markdown"),n(59,'\n ### Dropup\n\n Trigger dropdown menus above elements by adding `direction="dropup"` to the `c-dropdown` component.\n'),e(),t(60,"docs-example",2),s(61,"docs-dropdown09"),e(),t(62,"markdown"),n(63,'\n ### Dropup Centered\n\n Trigger dropup menu centered above the toggle by adding `direction="dropup-center"` to the `c-dropdown`component.\n'),e(),t(64,"docs-example",2),s(65,"docs-dropdown22"),e(),t(66,"markdown"),n(67,'\n ### Dropright\n\n Trigger dropdown menus at the right of the elements by adding `direction="dropend"` to the `c-dropdown`component.\n'),e(),t(68,"docs-example",2),s(69,"docs-dropdown10"),e(),t(70,"markdown"),n(71,'\n ### Dropleft\n\n Trigger dropdown menus at the left of the elements by adding `direction="dropstart"` to the `c-dropdown`component.\n'),e(),t(72,"docs-example",2),s(73,"docs-dropdown11"),e(),t(74,"markdown"),n(75,"\n ## Menu items\n\n Historically dropdown menu contents had to be links, but that's no longer the case with v4. Now you can optionally use `button` elements in your dropdowns instead of just `a`.\n"),e(),t(76,"docs-example",2),s(77,"docs-dropdown12"),e(),t(78,"markdown"),n(79,"\n You can also create non-interactive dropdown items with `cDropdownItemText`.\n"),e(),t(80,"docs-example",2),s(81,"docs-dropdown15"),e(),t(82,"markdown"),n(83,` - ### Active - Set boolean property \`active\` to style item as active. -`),e(),t(84,"docs-example",2),s(85,"docs-dropdown16"),e(),t(86,"markdown"),n(87,` - ### Disabled - Add \`disabled\` boolean property to items in the dropdown to style them as disabled. -`),e(),t(88,"docs-example",2),s(89,"docs-dropdown17"),e(),t(90,"markdown"),n(91,` - ## Menu alignment - - By default, a dropdown menu is automatically positioned 100% from the top and along the left side of its parent. Add \`aligment="end"\` to right align the dropdown menu. -`),e(),t(92,"c-callout",4)(93,"p",3)(94,"strong"),n(95,"Heads up!"),e(),n(96," Dropdowns are positioned thanks to "),t(97,"a",5),n(98,"Popper.js"),e(),n(99,". "),e()(),t(100,"docs-example",2),s(101,"docs-dropdown18"),e(),t(102,"markdown"),n(103,` - ## Menu content - - ### Headers - - Add a header to label sections of actions in any dropdown menu. - - In the following example we use div without \`cDropdownMenu\` to show dropdown menu content. - -`),e(),t(104,"docs-example",2),s(105,"docs-dropdown13"),e(),t(106,"markdown"),n(107,` - ### Dividers - - Separate groups of related menu items with a divider. - - In the following example we use div without \`cDropdownMenu\` to show dropdown menu content. -`),e(),t(108,"docs-example",2),s(109,"docs-dropdown14"),e(),t(110,"markdown"),n(111,` - ### Text - - Place any freeform text within a dropdown menu with text. Note that you'll likely need additional sizing styles to constrain the menu width. - -`),e(),t(112,"docs-example",2),s(113,"docs-dropdown19"),e(),t(114,"markdown"),n(115,` - ### Forms - - Put a form within a dropdown menu, or make it into a dropdown menu. - -`),e(),t(116,"docs-example",2),s(117,"docs-dropdown20"),e(),t(118,"markdown"),n(119),t(120,"div",6),n(121,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `alignment` | Set alignment of dropdown menu. | `string` | _undefined_ |\n | `dark` | Sets a darker color scheme to match a dark navbar. | `boolean` | _false_ |\n | `direction` | Sets a specified direction and location of the dropdown menu. | `center` \\| `dropup` \\| 'dropup-center' \\| `dropend` \\| `dropstart` |_undefined_|\n | `placement` | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. | `Placements` |_bottom-start_|\n | `popper` | If you want to disable dynamic positioning set this property to `false`. | `boolean` |_true_|\n | `variant` | Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item. | `btn-group` \\| `dropdown` \\| `input-group` \\| `nav-item` |_dropdown_|\n | `visible` | Toggle the visibility of dropdown menu component. | `boolean` |_false_|\n | `autoClose` |"),t(122,"p"),n(123,"Configure the auto close behavior of the dropdown:"),e(),t(124,"ul")(125,"li"),n(126," `true` - the dropdown will be closed by clicking outside or inside the dropdown menu."),e(),t(127,"li"),n(128," `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing "),t(129,"kbd"),n(130,"esc"),e(),n(131," key)"),e(),t(132,"li"),n(133," `inside` - the dropdown will be closed (only) by clicking inside the dropdown menu."),e(),t(134,"li"),n(135," `outside` - the dropdown will be closed (only) by clicking outside the dropdown menu."),e()(),n(136," |`boolean` \\| `string`|_true_|\n | `popperConfig` | To change dropdown default Popper config, see "),t(137,"a",7),n(138,"Popper configuration"),e(),n(139," | `Options` |_default_|\n\n "),e(),n(140,` - - ##### Outputs - `),t(141,"div",6),n(142,"\n\n | name | description | type |\n | ---- | ----------- | ---- |\n | `visibleChange` | Event emitted on `visible` change. | `boolean` |\n\n "),e(),n(143,` - - ### cDropdownClose - _directive_ - - ##### Inputs - `),t(144,"div",6),n(145,` - - | name | description | type | default | - | ---- | ----------- | ---- | ------- | - | \`disabled\` | Toggle the disabled state for the cDropdownClose host element. | \`boolean\` | _undefined_ | - - `),e(),n(146,` - - ### cDropdownDivider - _directive_ - - ### cDropdownHeader - _directive_ - - ### cDropdownItem - _directive_ - - ##### Inputs - `),t(147,"div",6),n(148,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `active` | Toggle the active state for the dropdown item. | `boolean` | _undefined_ |\n | `autoClose` | Close dropdown menu on cDropdownItem click. | `boolean` | _true_ |\n | `disabled` | Toggle the disabled state for the dropdown item. | `boolean` | _undefined_ |\n\n "),e(),n(149,` - - - ### cDropdownItemPlain - _directive_ - - ### cDropdownMenu - _directive_ - - ##### Inputs - `),t(150,"div",6),n(151,` - - | name | description | type | default | - | ---- | ----------- | ---- | ------- | - | \`dark\` | Sets a darker color scheme to match a dark navbar. | \`boolean\` | _true_ | - - `),e(),n(152,` - - ### cDropdownToggle - _directive_ - - ##### Inputs - `),t(153,"div",6),n(154,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `caret` | Enables pseudo element caret on toggler. | `boolean` | _true_ |\n | `split` | Create split button dropdowns. | `boolean` | _undefined_ |\n\n "),e(),n(155,` - -`),e()),i&2&&(r(),T(v.title),r(2),T(v.description),r(4),d("files",a(25,ze)),r(4),d("files",a(26,je)),r(4),d("files",a(27,Oe)),r(10),d("files",a(28,He)),r(7),d("files",a(29,qe)),r(2),d("files",a(30,We)),r(7),d("files",a(31,$e)),r(4),d("files",a(32,Ge)),r(11),d("files",a(33,Ue)),r(4),d("files",a(34,Ye)),r(4),d("files",a(35,Je)),r(4),d("files",a(36,Ke)),r(4),d("files",a(37,Qe)),r(4),d("files",a(38,Ve)),r(4),d("files",a(39,Xe)),r(4),d("files",a(40,Ze)),r(4),d("files",a(41,et)),r(12),d("files",a(42,tt)),r(4),d("files",a(43,nt)),r(4),d("files",a(44,ot)),r(4),d("files",a(45,it)),r(4),d("files",a(46,rt)),r(3),x(` - --- - - ## API reference - - ### Dropdown Module - - `,v.usage,` - - --- - - ### c-dropdown - _component_ - - ##### Inputs - `))},dependencies:[ne,z,oe,te,Fe,Ce,Ee,ye,be,Se,xe,he,ge,ve,fe,De,we,ue,se,ce,le,me,ae,de,re,ie],encapsulation:2,changeDetection:0})}}return o})();export{no as DropdownComponent}; diff --git a/angular/docs/chunk-5PB2YHT5.js b/angular/docs/chunk-5PB2YHT5.js deleted file mode 100644 index e2f34fa72d7..00000000000 --- a/angular/docs/chunk-5PB2YHT5.js +++ /dev/null @@ -1,89 +0,0 @@ -import{a as I}from"./chunk-GOOL7UHW.js";import{F as C,L as g,Qb as d,Tc as s,Uc as v,ha as M,i as b,ja as T,ka as F,pa as k,ta as A,ua as B}from"./chunk-CIRO6JJS.js";import"./chunk-HEV2ZGEM.js";import"./chunk-QWX5SKOU.js";import"./chunk-DPZ7BZKP.js";import{a as z}from"./chunk-KJYCQPQX.js";import{r as _}from"./chunk-R2AYP265.js";import{h as D,i as E}from"./chunk-ADVPX5JT.js";import"./chunk-2XBJPMNA.js";import"./chunk-TJ5BOBQA.js";import{Ca as y,Cc as l,Da as w,Dc as x,Ec as S,Rb as h,Sc as c,Tc as u,ac as e,bc as t,cc as i,mb as m,na as r,nb as P}from"./chunk-W26A3BQN.js";import"./chunk-JKOY2XUY.js";var L=(()=>{class n{static{this.\u0275fac=function(o){return new(o||n)}}static{this.\u0275cmp=r({type:n,selectors:[["docs-placeholders06"]],standalone:!0,features:[c],decls:4,vars:0,consts:[["cPlaceholderAnimation","glow"],["cCol","12","cPlaceholder",""],["cPlaceholderAnimation","wave"],["cCol","12","cPlaceholder","","cBgColor","dark"]],template:function(o,p){o&1&&(e(0,"p",0),i(1,"span",1),t(),e(2,"p",2),i(3,"span",3),t())},dependencies:[v,d,s,g]})}}return n})();var j=(()=>{class n{static{this.\u0275fac=function(o){return new(o||n)}}static{this.\u0275cmp=r({type:n,selectors:[["docs-placeholders05"]],standalone:!0,features:[c],decls:4,vars:0,consts:[["cCol","12","cPlaceholder","","cPlaceholderSize","lg"],["cCol","12","cPlaceholder",""],["cCol","12","cPlaceholder","","cPlaceholderSize","sm"],["cCol","12","cPlaceholder","","cPlaceholderSize","xs"]],template:function(o,p){o&1&&i(0,"span",0)(1,"span",1)(2,"span",2)(3,"span",3)},dependencies:[d,s]})}}return n})();var G=(()=>{class n{static{this.\u0275fac=function(o){return new(o||n)}}static{this.\u0275cmp=r({type:n,selectors:[["docs-placeholders04"]],standalone:!0,features:[c],decls:9,vars:0,consts:[["cCol","12","cPlaceholder",""],["cBgColor","primary","cCol","12","cPlaceholder",""],["cBgColor","secondary","cCol","12","cPlaceholder",""],["cBgColor","success","cCol","12","cPlaceholder",""],["cBgColor","danger","cCol","12","cPlaceholder",""],["cBgColor","warning","cCol","12","cPlaceholder",""],["cBgColor","info","cCol","12","cPlaceholder",""],["cBgColor","light","cCol","12","cPlaceholder",""],["cBgColor","dark","cCol","12","cPlaceholder",""]],template:function(o,p){o&1&&i(0,"span",0)(1,"span",1)(2,"span",2)(3,"span",3)(4,"span",4)(5,"span",5)(6,"span",6)(7,"span",7)(8,"span",8)},dependencies:[d,s,g]})}}return n})();var U=(()=>{class n{static{this.\u0275fac=function(o){return new(o||n)}}static{this.\u0275cmp=r({type:n,selectors:[["docs-placeholders03"]],standalone:!0,features:[c],decls:3,vars:0,consts:[["cCol","6","cPlaceholder",""],["cPlaceholder","",1,"w-75"],["cPlaceholder","",2,"width","30%"]],template:function(o,p){o&1&&i(0,"span",0)(1,"span",1)(2,"span",2)},dependencies:[d,s]})}}return n})();var Y=(()=>{class n{static{this.\u0275fac=function(o){return new(o||n)}}static{this.\u0275cmp=r({type:n,selectors:[["docs-placeholders02"]],standalone:!0,features:[c],decls:3,vars:0,consts:[["aria-hidden","true"],["cCol","6","cPlaceholder",""],["cButton","","cCol","4","cPlaceholder","","disabled",""]],template:function(o,p){o&1&&(e(0,"p",0),i(1,"span",1),t(),i(2,"button",2))},dependencies:[d,s,C]})}}return n})();var H=(()=>{class n{static{this.\u0275fac=function(o){return new(o||n)}}static{this.\u0275cmp=r({type:n,selectors:[["docs-placeholders01"]],standalone:!0,features:[c],decls:26,vars:0,consts:[[2,"width","18rem"],["cCardImg","top","loading","lazy","src","./assets/img/angular.jpg"],["cCardTitle",""],["cCardText",""],["cButton","","cCol","7","routerLink","./"],["cPlaceholderAnimation","glow"],["aria-label","Placeholder","cCardImg","top","cPlaceholder","","focusable","false","height","162","preserveAspectRatio","xMidYMid slice","role","img","width","100%","xmlns","http://www.w3.org/2000/svg"],["fill","#868e96","height","100%","width","100%"],["cCol","6","cPlaceholder",""],["cCol","","cPlaceholder","","xs","7",1,"me-1"],["cCol","4","cPlaceholder","",1,"me-1"],["cCol","6","cPlaceholder","",1,"me-1"],["cCol","8","cPlaceholder","",1,"me-1"],["cButton","","cCol","7","cPlaceholder","","color","primary","disabled","","routerLink","./"]],template:function(o,p){o&1&&(e(0,"c-card",0),i(1,"img",1),e(2,"c-card-body")(3,"h5",2),l(4,"Card title"),t(),e(5,"p",3),l(6," Some quick example text to build on the card title and make up the bulk of the card's content. "),t(),e(7,"a",4),l(8,"Go somewhere"),t()()(),e(9,"c-card",0)(10,"div",5),y(),e(11,"svg",6)(12,"title"),l(13,"Placeholder"),t(),i(14,"rect",7),t()(),w(),e(15,"c-card-body",5)(16,"h5",2),i(17,"span",8),t(),e(18,"p",3),i(19,"span",9)(20,"span",10)(21,"span",10)(22,"span",11)(23,"span",12),t(),e(24,"p"),i(25,"a",13),t()()())},dependencies:[T,k,F,B,A,C,d,b,v,s],encapsulation:2})}}return n})();var R=`\`\`\`typescript -import { PlaceholderModule, GridModule, UtilitiesModule } from '@coreui/angular'; - -@NgModule({ - imports: [ - PlaceholderModule, - GridModule, - UtilitiesModule - ] -}) -export class AppModule() { } -\`\`\` -`;var N=()=>["components/placeholder/examples/placeholders01.component.html"],O=()=>["components/placeholder/examples/placeholders02.component.html"],V=()=>["components/placeholder/examples/placeholders03.component.html"],W=()=>["components/placeholder/examples/placeholders04.component.html"],J=()=>["components/placeholder/examples/placeholders05.component.html"],K=()=>["components/placeholder/examples/placeholders06.component.html"],Se=(()=>{class n{constructor(a,o){this.metaService=a,this.titleService=o,this.usage=R,this.title="Angular Placeholder Component",this.description="Use Angular placeholders for your components or pages to indicate something may still be loading."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(o){return new(o||n)(P(D),P(E))}}static{this.\u0275cmp=r({type:n,selectors:[["docs-placeholders"]],standalone:!0,features:[c],decls:52,vars:15,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"d-flex","justify-content-around","p-3"],["color","primary"],[1,"api-table"]],template:function(o,p){o&1&&(e(0,"h1",0),l(1),t(),e(2,"p",1),l(3),t(),i(4,"docs-ads-carbon-loader"),e(5,"markdown"),l(6,` - - ## About - - Placeholders can be used to enhance the experience of your application. You will, need set some custom widths to - toggle their visibility. Their appearance, color, and sizing can be easily customized with our utility classes. - - ## Example - - In the example below, we take a typical card component and recreate it with placeholders applied to create a "loading - card". Size and proportions are the same between the two. - -`),t(),e(7,"docs-example",2),i(8,"docs-placeholders01",3),t(),e(9,"markdown"),l(10,` - - ## How it works - - Create placeholders with the `),e(11,"code"),l(12,"cPlaceholder"),t(),l(13,` directive and a grid - column cCol directive (e.g., `),e(14,"code"),l(15,'cCol="6"'),t(),l(16,") to set the "),e(17,"code"),l(18,"width"),t(),l(19,`. They can - replace the text inside an element or be added as a modifier to an existing - component. - -`),t(),e(20,"docs-example",2),i(21,"docs-placeholders02"),t(),e(22,"c-callout",4)(23,"markdown"),l(24,` - The use \`of aria-hidden="true"\` only indicates that the element should be hidden to screen readers. The **loading** - behavior of the placeholder depends on how authors will actually use the placeholder styles, how they plan to update - things, etc. Some code may be needed to *swap* the state of the placeholder and inform users of the - update. - `),t()(),e(25,"markdown"),l(26,` - - ### Width - - You can change the \`width\` through grid column classes, width utilities, or inline styles. - -`),t(),e(27,"docs-example",2),i(28,"docs-placeholders03"),t(),e(29,"markdown"),l(30,` - - ### Color - - By default, the \`cPlaceholder\` uses \`currentColor\`. This can be overridden with a custom color or utility class. - -`),t(),e(31,"docs-example",2),i(32,"docs-placeholders04"),t(),e(33,"markdown"),l(34,"\n\n ### Sizing\n\n The size of `cPlaceholder` are based on the typographic style of\n the parent element. Customize them with `size` prop: `lg`, `sm`, or `xs`.\n\n"),t(),e(35,"docs-example",2),i(36,"docs-placeholders05"),t(),e(37,"markdown"),l(38,` - - ### Animation - - Animate placeholders with \`cPlaceholderAnimation="glow"\` or - \`cPlaceholderAnimation="wave"\` to better convey the perception of something - being `),e(39,"em"),l(40,"actively"),t(),l(41,` loaded. - -`),t(),e(42,"docs-example",2),i(43,"docs-placeholders06"),t(),e(44,"markdown"),l(45),e(46,"div",5),l(47,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `cPlaceholder` | Toggle placeholder visibility. | `boolean` | `true` |\n | `size` | Size the component small or large. | `xs \\| sm \\| lg` | _undefined_ |\n\n "),t(),l(48,` - - ### cPlaceholderAnimation - _directive_ - - `),e(49,"div",5),l(50,` - - | name | description | type | default | - | ---- | ----------- | ---- | ------- | - | \`cPlaceholderAnimation\` | Animation type for placeholder. | \`glow \\| wave\` | _undefined_ | - - `),t(),l(51,` - - --- - -`),t()),o&2&&(m(),x(p.title),m(2),x(p.description),m(4),h("files",u(9,N)),m(13),h("files",u(10,O)),m(7),h("files",u(11,V)),m(4),h("files",u(12,W)),m(4),h("files",u(13,J)),m(7),h("files",u(14,K)),m(3),S(` - - --- - - ## API - - ### Placeholder Module - - `,p.usage,` - - --- - - ### cPlaceholder - _directive_ - - `))},dependencies:[z,_,I,H,Y,M,U,G,j,L],encapsulation:2,changeDetection:0})}}return n})();export{Se as PlaceholdersComponent}; diff --git a/angular/docs/chunk-63XHX563.js b/angular/docs/chunk-63XHX563.js deleted file mode 100644 index 08632ebd27b..00000000000 --- a/angular/docs/chunk-63XHX563.js +++ /dev/null @@ -1,390 +0,0 @@ -import{s as N}from"./chunk-5JTM7ME4.js";import"./chunk-R4BQTGW3.js";import{a as me}from"./chunk-Q2HVSKUJ.js";import{a as ae}from"./chunk-GOOL7UHW.js";import{Na as w,Oa as C,Pa as j,Ra as te,Sa as z,Ua as ie,Va as M,Ya as R,Za as B,eb as ne,fb as E,ic as oe,jc as u,kc as L,lc as f,p as V}from"./chunk-CIRO6JJS.js";import"./chunk-HEV2ZGEM.js";import"./chunk-QWX5SKOU.js";import"./chunk-DPZ7BZKP.js";import{a as re}from"./chunk-KJYCQPQX.js";import{r as le}from"./chunk-R2AYP265.js";import{h as X,i as ee}from"./chunk-ADVPX5JT.js";import{r as P,u as v}from"./chunk-2XBJPMNA.js";import"./chunk-TJ5BOBQA.js";import{$b as D,$c as y,Bc as Q,Ca as I,Cc as n,Da as Y,Dc as K,Ec as h,Hb as g,Lb as J,Mb as W,Rb as m,Rc as G,Sc as p,Tc as _,_b as T,_c as $,ac as e,bc as t,ca as H,cc as a,cd as x,f as q,g as A,mb as r,na as d,nb as k,nc as Z,pc as O}from"./chunk-W26A3BQN.js";import"./chunk-JKOY2XUY.js";var se=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=d({type:i,selectors:[["docs-multi-select16"]],standalone:!0,features:[p],decls:13,vars:0,consts:[["multiple","","clearSearchOnSelect",""],["selected",""]],template:function(o,s){o&1&&(e(0,"c-multi-select",0)(1,"c-multi-select-option",1),n(2,"Angular"),t(),e(3,"c-multi-select-option"),n(4,"Bootstrap"),t(),e(5,"c-multi-select-option"),n(6,"React.js"),t(),e(7,"c-multi-select-option"),n(8,"Vue.js"),t(),e(9,"c-multi-select-option"),n(10,"Svelte"),t(),e(11,"c-multi-select-option"),n(12,"Astro"),t()())},dependencies:[f,u],encapsulation:2})}}return i})();var ce=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=d({type:i,selectors:[["docs-multi-select15"]],standalone:!0,features:[p],decls:9,vars:0,consts:[["multiple","","allowCreateOptions",""],["selected",""]],template:function(o,s){o&1&&(e(0,"c-multi-select",0)(1,"c-multi-select-option",1),n(2,"Angular"),t(),e(3,"c-multi-select-option"),n(4,"Bootstrap"),t(),e(5,"c-multi-select-option"),n(6,"React.js"),t(),e(7,"c-multi-select-option"),n(8,"Vue.js"),t()())},dependencies:[f,u],encapsulation:2})}}return i})();var F=(()=>{class i{constructor(){this.users=[{id:"1",first_name:"Rowland",last_name:"Jumont",email:"rjumont0@dmoz.org",country:"China",ip_address:"248.90.215.202",registered:"2019-04-27"},{id:"2",first_name:"Melloney",last_name:"Swindon",email:"mswindon0@canalblog.com",country:"Tunisia",ip_address:"64.28.239.34",registered:"2017-09-09"},{id:"3",first_name:"Martica",last_name:"Farfolomeev",email:"mfarfolomeev1@bluehost.com",country:"Philippines",ip_address:"135.56.179.89",registered:"2021-02-26"},{id:"4",first_name:"Modestia",last_name:"Batten",email:"mbatten2@epa.gov",country:"Philippines",ip_address:"119.63.79.34",registered:"2022-03-24"},{id:"5",first_name:"Peyter",last_name:"Andrusov",email:"pandrusov3@a8.net",country:"Sweden",ip_address:"127.179.144.121",registered:"2017-09-15"},{id:"6",first_name:"Brandise",last_name:"Lygoe",email:"blygoe4@linkedin.com",country:"Norway",ip_address:"7.28.40.151",registered:"2022-04-08"},{id:"7",first_name:"Zitella",last_name:"Renshall",email:"zrenshall5@hugedomains.com",country:"Brazil",ip_address:"191.192.158.32",registered:"2020-10-23"},{id:"8",first_name:"Cynthy",last_name:"Vaan",email:"cvaan6@psu.edu",country:"Indonesia",ip_address:"80.142.100.40",registered:"2017-05-08"},{id:"9",first_name:"Nicky",last_name:"Elgy",email:"nelgy7@acquirethisname.com",country:"China",ip_address:"233.139.91.55",registered:"2020-08-01"},{id:"10",first_name:"Portie",last_name:"Van der Brugge",email:"pvanderbrugge8@google.cn",country:"Netherlands",ip_address:"77.3.161.172",registered:"2020-11-25"},{id:"11",first_name:"Melessa",last_name:"Burgill",email:"mburgill9@phpbb.com",country:"China",ip_address:"233.167.158.162",registered:"2023-01-22"},{id:"12",first_name:"Roman",last_name:"Tomowicz",email:"rtomowicza@nydailynews.com",country:"United States",ip_address:"85.13.181.7",registered:"2021-06-23"},{id:"13",first_name:"Velvet",last_name:"Swafford",email:"vswaffordb@sitemeter.com",country:"Indonesia",ip_address:"34.148.241.247",registered:"2018-03-25"},{id:"14",first_name:"Benoite",last_name:"Langelaan",email:"blangelaanc@sakura.ne.jp",country:"Albania",ip_address:"138.86.125.234",registered:"2021-06-29"},{id:"15",first_name:"Chantalle",last_name:"Enriques",email:"cenriquesd@smugmug.com",country:"Brazil",ip_address:"24.210.20.220",registered:"2017-04-18"},{id:"16",first_name:"Enid",last_name:"Dulin",email:"eduline@cocolog-nifty.com",country:"China",ip_address:"209.211.189.165",registered:"2022-07-13"},{id:"17",first_name:"Vasilis",last_name:"Shew",email:"vshewf@canalblog.com",country:"Pakistan",ip_address:"84.141.13.86",registered:"2021-07-30"},{id:"18",first_name:"Felice",last_name:"Lawrence",email:"flawrenceg@sogou.com",country:"China",ip_address:"212.53.202.73",registered:"2019-03-11"},{id:"19",first_name:"Tilly",last_name:"Goodin",email:"tgoodinh@ucla.edu",country:"France",ip_address:"155.213.172.112",registered:"2021-05-13"},{id:"20",first_name:"Linda",last_name:"Lent",email:"llenti@1und1.de",country:"Brazil",ip_address:"148.179.11.167",registered:"2017-09-24"},{id:"21",first_name:"Laina",last_name:"Carbry",email:"lcarbryj@wired.com",country:"China",ip_address:"193.84.239.208",registered:"2017-05-14"},{id:"22",first_name:"Tremayne",last_name:"Wilcot",email:"twilcotk@weebly.com",country:"Indonesia",ip_address:"177.192.189.51",registered:"2019-05-01"},{id:"23",first_name:"Lisha",last_name:"Casacchia",email:"lcasacchial@bloglovin.com",country:"Iran",ip_address:"140.229.23.132",registered:"2018-05-11"},{id:"24",first_name:"Christean",last_name:"Donaghy",email:"cdonaghym@bigcartel.com",country:"Indonesia",ip_address:"194.150.3.107",registered:"2017-11-09"},{id:"25",first_name:"Rabbi",last_name:"Commings",email:"rcommingsn@mlb.com",country:"China",ip_address:"170.102.59.120",registered:"2017-09-14"},{id:"26",first_name:"Lazar",last_name:"Brightman",email:"lbrightmano@samsung.com",country:"China",ip_address:"96.169.177.183",registered:"2019-03-12"},{id:"27",first_name:"Fara",last_name:"Pixton",email:"fpixtonp@miibeian.gov.cn",country:"China",ip_address:"125.192.244.33",registered:"2020-07-02"},{id:"28",first_name:"Frankie",last_name:"Symmers",email:"fsymmersq@archive.org",country:"United Kingdom",ip_address:"15.95.185.50",registered:"2017-05-06"},{id:"29",first_name:"Sullivan",last_name:"Duchant",email:"sduchantr@wikipedia.org",country:"Thailand",ip_address:"52.69.63.4",registered:"2020-09-21"},{id:"30",first_name:"Gale",last_name:"Yggo",email:"gyggos@amazon.com",country:"Luxembourg",ip_address:"10.147.136.158",registered:"2017-03-01"},{id:"31",first_name:"Daphne",last_name:"Moscone",email:"dmosconet@harvard.edu",country:"Poland",ip_address:"240.179.82.48",registered:"2019-01-25"},{id:"32",first_name:"Ainslie",last_name:"Piperley",email:"apiperleyu@guardian.co.uk",country:"China",ip_address:"212.140.73.147",registered:"2018-08-16"},{id:"33",first_name:"Esme",last_name:"Trousdell",email:"etrousdellv@woothemes.com",country:"Mexico",ip_address:"120.60.206.157",registered:"2022-01-25"},{id:"34",first_name:"Aurelia",last_name:"Salway",email:"asalwayw@sogou.com",country:"China",ip_address:"126.162.115.255",registered:"2020-11-11"},{id:"35",first_name:"Terry",last_name:"McKern",email:"tmckernx@vinaora.com",country:"United States",ip_address:"112.238.5.241",registered:"2017-08-22"},{id:"36",first_name:"Alphonse",last_name:"Osgodby",email:"aosgodbyy@hostgator.com",country:"France",ip_address:"190.137.124.53",registered:"2019-10-20"},{id:"37",first_name:"Boonie",last_name:"Gytesham",email:"bgyteshamz@ameblo.jp",country:"Germany",ip_address:"139.137.15.193",registered:"2017-04-07"},{id:"38",first_name:"Robinette",last_name:"Denisyuk",email:"rdenisyuk10@blog.com",country:"Guatemala",ip_address:"39.59.210.232",registered:"2021-12-24"},{id:"39",first_name:"Kerby",last_name:"Walden",email:"kwalden11@mtv.com",country:"China",ip_address:"52.147.135.77",registered:"2019-09-04"},{id:"40",first_name:"Goldie",last_name:"MacMoyer",email:"gmacmoyer12@flavors.me",country:"Greece",ip_address:"200.8.237.147",registered:"2019-10-21"},{id:"41",first_name:"Clemence",last_name:"Tyrie",email:"ctyrie13@goo.ne.jp",country:"Sweden",ip_address:"180.56.118.209",registered:"2019-06-30"},{id:"42",first_name:"Stormy",last_name:"Grog",email:"sgrog14@xinhuanet.com",country:"Japan",ip_address:"80.0.4.237",registered:"2017-10-11"},{id:"43",first_name:"Loutitia",last_name:"Andreev",email:"landreev15@myspace.com",country:"Japan",ip_address:"105.113.159.240",registered:"2022-11-19"},{id:"44",first_name:"Ashla",last_name:"Farrer",email:"afarrer16@slashdot.org",country:"Philippines",ip_address:"108.41.116.114",registered:"2017-06-30"},{id:"45",first_name:"Gaye",last_name:"Gwilym",email:"ggwilym17@ustream.tv",country:"Peru",ip_address:"108.147.41.3",registered:"2017-11-02"},{id:"46",first_name:"Harley",last_name:"Vecard",email:"hvecard18@weebly.com",country:"Russia",ip_address:"166.123.164.35",registered:"2021-11-08"},{id:"47",first_name:"Chadwick",last_name:"Francke",email:"cfrancke19@hp.com",country:"Canada",ip_address:"106.228.188.3",registered:"2019-05-16"},{id:"48",first_name:"Chrisse",last_name:"Watkin",email:"cwatkin1a@auda.org.au",country:"Poland",ip_address:"104.5.101.18",registered:"2020-03-23"},{id:"49",first_name:"Denyse",last_name:"Freeman",email:"dfreeman1b@constantcontact.com",country:"China",ip_address:"57.23.133.66",registered:"2021-03-23"},{id:"50",first_name:"Justine",last_name:"Conibere",email:"jconibere1c@elpais.com",country:"Jamaica",ip_address:"98.77.41.3",registered:"2021-10-05"},{id:"51",first_name:"Kalila",last_name:"Mongenot",email:"kmongenot1d@berkeley.edu",country:"Panama",ip_address:"110.15.203.86",registered:"2020-07-31"},{id:"52",first_name:"Claresta",last_name:"Monahan",email:"cmonahan1e@uol.com.br",country:"Indonesia",ip_address:"26.246.210.121",registered:"2021-10-01"},{id:"53",first_name:"Lindsey",last_name:"Huchot",email:"lhuchot1f@home.pl",country:"Azerbaijan",ip_address:"167.199.9.177",registered:"2022-05-12"},{id:"54",first_name:"Luciano",last_name:"Ollerearnshaw",email:"lollerearnshaw1g@thetimes.co.uk",country:"Peru",ip_address:"232.123.57.3",registered:"2022-05-18"},{id:"55",first_name:"Artie",last_name:"Focke",email:"afocke1h@google.com.au",country:"Poland",ip_address:"141.229.245.46",registered:"2021-11-06"},{id:"56",first_name:"Francyne",last_name:"Gravestone",email:"fgravestone1i@psu.edu",country:"Indonesia",ip_address:"60.151.142.197",registered:"2017-07-27"},{id:"57",first_name:"Kare",last_name:"Mayling",email:"kmayling1j@examiner.com",country:"Indonesia",ip_address:"179.31.176.197",registered:"2018-11-14"},{id:"58",first_name:"Tonya",last_name:"Cressor",email:"tcressor1k@xinhuanet.com",country:"China",ip_address:"215.203.39.111",registered:"2018-06-16"},{id:"59",first_name:"Cindee",last_name:"Reddington",email:"creddington1l@blogtalkradio.com",country:"South Korea",ip_address:"63.234.142.163",registered:"2021-07-07"},{id:"60",first_name:"Felice",last_name:"Sneezum",email:"fsneezum1m@uiuc.edu",country:"Indonesia",ip_address:"225.218.11.88",registered:"2019-03-31"},{id:"61",first_name:"Aluin",last_name:"Braben",email:"abraben1n@arstechnica.com",country:"Japan",ip_address:"138.199.112.47",registered:"2017-05-30"},{id:"62",first_name:"Gerome",last_name:"Rowlinson",email:"growlinson1o@ycombinator.com",country:"Ireland",ip_address:"205.131.176.187",registered:"2020-12-05"},{id:"63",first_name:"Ly",last_name:"Roze",email:"lroze1p@springer.com",country:"Czech Republic",ip_address:"53.186.166.82",registered:"2017-08-22"},{id:"64",first_name:"Fan",last_name:"Bente",email:"fbente1q@sitemeter.com",country:"Bulgaria",ip_address:"208.170.126.232",registered:"2020-09-06"},{id:"65",first_name:"Stephanus",last_name:"Deverson",email:"sdeverson1r@sciencedaily.com",country:"Portugal",ip_address:"79.162.137.0",registered:"2019-12-23"},{id:"66",first_name:"Julienne",last_name:"Brydell",email:"jbrydell1s@xing.com",country:"Azerbaijan",ip_address:"87.32.218.94",registered:"2019-06-12"},{id:"67",first_name:"Brit",last_name:"Choules",email:"bchoules1t@bloglovin.com",country:"Portugal",ip_address:"122.153.96.157",registered:"2018-01-05"},{id:"68",first_name:"Rawley",last_name:"Tiebe",email:"rtiebe1u@prweb.com",country:"Jamaica",ip_address:"46.39.61.102",registered:"2019-08-22"},{id:"69",first_name:"Morley",last_name:"Mellmer",email:"mmellmer1v@goo.ne.jp",country:"Portugal",ip_address:"76.235.54.184",registered:"2019-07-14"},{id:"70",first_name:"Reinaldos",last_name:"Fernandes",email:"rfernandes1w@usda.gov",country:"Indonesia",ip_address:"175.71.20.28",registered:"2021-03-03"},{id:"71",first_name:"Aron",last_name:"Marsie",email:"amarsie1x@soup.io",country:"Philippines",ip_address:"163.5.128.113",registered:"2021-12-12"},{id:"72",first_name:"Mignon",last_name:"MacLeod",email:"mmacleod1y@wsj.com",country:"Peru",ip_address:"73.76.76.203",registered:"2018-12-28"},{id:"73",first_name:"Jobina",last_name:"Antonijevic",email:"jantonijevic1z@senate.gov",country:"Sweden",ip_address:"235.102.55.226",registered:"2021-08-17"},{id:"74",first_name:"Fredric",last_name:"Tuke",email:"ftuke20@google.es",country:"Angola",ip_address:"224.210.197.236",registered:"2019-11-06"},{id:"75",first_name:"Ron",last_name:"Cacacie",email:"rcacacie21@ameblo.jp",country:"Philippines",ip_address:"219.250.115.66",registered:"2020-06-01"},{id:"76",first_name:"Natassia",last_name:"Whisker",email:"nwhisker22@woothemes.com",country:"Brazil",ip_address:"129.209.182.96",registered:"2019-07-06"},{id:"77",first_name:"Laurena",last_name:"Yemm",email:"lyemm23@latimes.com",country:"Ukraine",ip_address:"234.36.49.108",registered:"2019-04-26"},{id:"78",first_name:"Brett",last_name:"Bundey",email:"bbundey24@chicagotribune.com",country:"China",ip_address:"147.107.165.124",registered:"2017-03-15"},{id:"79",first_name:"Gwendolyn",last_name:"Aleevy",email:"galeevy25@thetimes.co.uk",country:"Indonesia",ip_address:"236.170.159.101",registered:"2021-11-24"},{id:"80",first_name:"Marice",last_name:"Corston",email:"mcorston26@comsenz.com",country:"Guadeloupe",ip_address:"137.95.107.239",registered:"2022-10-06"},{id:"81",first_name:"Porty",last_name:"Pembry",email:"ppembry27@mit.edu",country:"China",ip_address:"124.228.125.51",registered:"2019-12-03"},{id:"82",first_name:"Kenyon",last_name:"Banker",email:"kbanker28@zimbio.com",country:"Russia",ip_address:"45.23.186.203",registered:"2019-08-12"},{id:"83",first_name:"Friedrich",last_name:"Phettis",email:"fphettis29@tiny.cc",country:"Comoros",ip_address:"123.55.170.241",registered:"2018-12-03"},{id:"84",first_name:"Dennie",last_name:"Rickwood",email:"drickwood2a@businessweek.com",country:"Vietnam",ip_address:"195.208.216.82",registered:"2020-05-07"},{id:"85",first_name:"Stafford",last_name:"Jendrich",email:"sjendrich2b@pbs.org",country:"China",ip_address:"127.23.207.10",registered:"2019-11-16"},{id:"86",first_name:"Weston",last_name:"Westcarr",email:"wwestcarr2c@redcross.org",country:"Peru",ip_address:"244.140.106.99",registered:"2018-01-08"},{id:"87",first_name:"Karole",last_name:"Cumberledge",email:"kcumberledge2d@answers.com",country:"Macedonia",ip_address:"5.178.26.46",registered:"2017-06-15"},{id:"88",first_name:"Fanchon",last_name:"Alenshev",email:"falenshev2e@surveymonkey.com",country:"Indonesia",ip_address:"135.228.36.1",registered:"2018-11-17"},{id:"89",first_name:"Kele",last_name:"Beech",email:"kbeech2f@gov.uk",country:"Russia",ip_address:"157.92.244.151",registered:"2020-10-19"},{id:"90",first_name:"Crystal",last_name:"Westgate",email:"cwestgate2g@liveinternet.ru",country:"Greece",ip_address:"69.12.109.157",registered:"2019-05-04"},{id:"91",first_name:"Robinet",last_name:"Pargent",email:"rpargent2h@macromedia.com",country:"Indonesia",ip_address:"105.176.209.246",registered:"2020-11-06"},{id:"92",first_name:"Ritchie",last_name:"Dealey",email:"rdealey2i@time.com",country:"Tanzania",ip_address:"11.217.187.232",registered:"2021-07-07"},{id:"93",first_name:"Karyl",last_name:"Bischop",email:"kbischop2j@aol.com",country:"Thailand",ip_address:"220.178.23.247",registered:"2020-03-31"},{id:"94",first_name:"Lemmie",last_name:"Tatterton",email:"ltatterton2k@delicious.com",country:"Indonesia",ip_address:"252.191.234.163",registered:"2022-04-13"},{id:"95",first_name:"Ladonna",last_name:"Deverille",email:"ldeverille2l@netlog.com",country:"Dominican Republic",ip_address:"25.248.243.242",registered:"2018-01-27"},{id:"96",first_name:"Austin",last_name:"Girk",email:"agirk2m@opera.com",country:"China",ip_address:"180.82.151.113",registered:"2020-05-24"},{id:"97",first_name:"Letisha",last_name:"Groveham",email:"lgroveham2n@senate.gov",country:"Sweden",ip_address:"95.159.112.187",registered:"2019-06-23"},{id:"98",first_name:"Leonerd",last_name:"Hollingby",email:"lhollingby2o@ihg.com",country:"Indonesia",ip_address:"109.27.62.206",registered:"2018-04-13"},{id:"99",first_name:"Ally",last_name:"Chadwin",email:"achadwin2p@typepad.com",country:"Lebanon",ip_address:"168.77.72.236",registered:"2022-07-15"}]}static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275prov=H({token:i,factory:i.\u0275fac})}}return i})();var Ee=(i,c)=>c.value;function Fe(i,c){if(i&1&&(e(0,"c-multi-select-option",2),I(),a(1,"svg",3),n(2),t()),i&2){let l=c.$implicit,o=O();m("value",l.value),r(),m("cIcon",o.icons.cilPaperclip),r(),h(" ",l.label," ")}}var pe=(()=>{class i{constructor(l){this.optionsService=l,this.icons={cilPaperclip:N},this.options$=new A([]),this.formGroup=new j({sampleSelect:new z(["4"])}),this.searchFn=(o,s)=>o.label?.toLowerCase().startsWith(s.trimStart().toLowerCase())??!0,this.options=l.users.map(o=>({value:o.id,label:o.last_name})),this.options$.next([...this.options])}static{this.\u0275fac=function(o){return new(o||i)(k(F))}}static{this.\u0275cmp=d({type:i,selectors:[["docs-multi-select12"]],standalone:!0,features:[G([F]),p],decls:9,vars:7,consts:[[3,"formGroup"],["formControlName","sampleSelect","multiple","true","visibleItems","8",3,"search"],[3,"value"],[1,"me-1",3,"cIcon"]],template:function(o,s){o&1&&(e(0,"form",0)(1,"p"),n(2),$(3,"json"),t(),a(4,"hr"),e(5,"c-multi-select",1),T(6,Fe,3,3,"c-multi-select-option",2,Ee),$(8,"async"),t()()),o&2&&(m("formGroup",s.formGroup),r(2),h("Form value: ",y(3,3,s.formGroup.value),""),r(3),m("search",s.searchFn),r(),D(y(8,5,s.options$)))},dependencies:[E,M,w,C,R,B,f,u,V,P,v],encapsulation:2})}}return i})();var ke=(i,c)=>c.value,Te=()=>[];function De(i,c){if(i&1&&(e(0,"c-multi-select-option",2),I(),a(1,"svg",3),n(2),t()),i&2){let l=c.$implicit,o=O();m("value",l.value),r(),m("cIcon",o.icons.cilPaperclip),r(),h(" ",l.label," ")}}var ue=(()=>{class i{constructor(l){this.optionsService=l,this.icons={cilPaperclip:N},this.filteredOptions$=new A([]),this.searchValue$=new q,this.formGroup=new j({sampleSelect:new z(["4"])}),this.options=l.users.map(o=>({value:o.id,label:o.last_name})),this.filteredOptions$.next([...this.options]),this.searchValue$.subscribe(o=>{let s=this.options.filter(S=>S.label.toLowerCase().startsWith(o.trimStart().toLowerCase()));this.filteredOptions$.next([...s])})}static{this.\u0275fac=function(o){return new(o||i)(k(F))}}static{this.\u0275cmp=d({type:i,selectors:[["docs-multi-select11"]],standalone:!0,features:[G([F]),p],decls:10,vars:10,consts:[[3,"formGroup"],["formControlName","sampleSelect","multiple","true","search","external","visibleItems","8",3,"searchValueChange","options"],[3,"value"],[1,"me-1",3,"cIcon"]],template:function(o,s){if(o&1&&(e(0,"form",0)(1,"p"),n(2),$(3,"json"),t(),a(4,"hr"),e(5,"c-multi-select",1),$(6,"async"),Z("searchValueChange",function(Me){return s.searchValue$.next(Me)}),T(7,De,3,3,"c-multi-select-option",2,ke),$(9,"async"),t()()),o&2){let S;m("formGroup",s.formGroup),r(2),h("Form value: ",y(3,3,s.formGroup.value),""),r(3),m("options",(S=y(6,5,s.filteredOptions$))!==null&&S!==void 0?S:_(9,Te)),r(2),D(y(9,7,s.filteredOptions$))}},dependencies:[E,M,w,C,R,B,f,u,V,P,v],encapsulation:2})}}return i})();var fe=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=d({type:i,selectors:[["docs-multi-select10"]],standalone:!0,features:[p],decls:9,vars:0,consts:[["multiple","","disabled",""],["selected",""]],template:function(o,s){o&1&&(e(0,"c-multi-select",0)(1,"c-multi-select-option",1),n(2,"Angular"),t(),e(3,"c-multi-select-option"),n(4,"Bootstrap"),t(),e(5,"c-multi-select-option",1),n(6,"React.js"),t(),e(7,"c-multi-select-option"),n(8,"Vue.js"),t()())},dependencies:[f,u],encapsulation:2})}}return i})();var ge=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=d({type:i,selectors:[["docs-multi-select09"]],standalone:!0,features:[p],decls:9,vars:0,consts:[["selectionType","text"],["disabled",""]],template:function(o,s){o&1&&(e(0,"c-multi-select",0)(1,"c-multi-select-option"),n(2,"Angular"),t(),e(3,"c-multi-select-option",1),n(4,"Bootstrap"),t(),e(5,"c-multi-select-option"),n(6,"React.js"),t(),e(7,"c-multi-select-option"),n(8,"Vue.js"),t()())},dependencies:[f,u],encapsulation:2})}}return i})();var _e=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=d({type:i,selectors:[["docs-multi-select08"]],standalone:!0,features:[p],decls:29,vars:0,consts:[["multiple","","size","lg"],["selected",""],["multiple",""],["multiple","","size","sm"]],template:function(o,s){o&1&&(e(0,"c-multi-select",0)(1,"c-multi-select-option",1),n(2,"Angular"),t(),e(3,"c-multi-select-option"),n(4,"Bootstrap"),t(),e(5,"c-multi-select-option"),n(6,"React.js"),t(),e(7,"c-multi-select-option"),n(8,"Vue.js"),t()(),a(9,"br"),e(10,"c-multi-select",2)(11,"c-multi-select-option",1),n(12,"Angular"),t(),e(13,"c-multi-select-option"),n(14,"Bootstrap"),t(),e(15,"c-multi-select-option"),n(16,"React.js"),t(),e(17,"c-multi-select-option"),n(18,"Vue.js"),t()(),a(19,"br"),e(20,"c-multi-select",3)(21,"c-multi-select-option",1),n(22,"Angular"),t(),e(23,"c-multi-select-option"),n(24,"Bootstrap"),t(),e(25,"c-multi-select-option"),n(26,"React.js"),t(),e(27,"c-multi-select-option"),n(28,"Vue.js"),t()())},dependencies:[f,u],encapsulation:2})}}return i})();var he=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=d({type:i,selectors:[["docs-multi-select07"]],standalone:!0,features:[p],decls:15,vars:5,consts:[["form","ngForm"],["multiple","","name","multiSelect","ngModel",""],[3,"selected"],["value","react",3,"selected"],["value","vue"]],template:function(o,s){if(o&1&&(e(0,"form",null,0)(2,"c-multi-select",1)(3,"c-multi-select-option",2),n(4,"Angular"),t(),e(5,"c-multi-select-option"),n(6,"Bootstrap"),t(),e(7,"c-multi-select-option",3),n(8,"React.js"),t(),e(9,"c-multi-select-option",4),n(10,"Vue.js"),t()()(),a(11,"br"),e(12,"p"),n(13),$(14,"json"),t()),o&2){let S=Q(1);r(3),m("selected",!0),r(4),m("selected",!0),r(6),h(" Form value: ",y(14,3,S.value),"")}},dependencies:[E,M,w,C,ne,ie,te,f,u,v],encapsulation:2})}}return i})();var xe=(()=>{class i{constructor(){this.formGroup=new j({multiSelect:new z(["Angular","Bootstrap"])})}static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=d({type:i,selectors:[["docs-multi-select06"]],standalone:!0,features:[p],decls:14,vars:4,consts:[[3,"formGroup"],["formControlName","multiSelect","multiple",""]],template:function(o,s){o&1&&(e(0,"form",0)(1,"c-multi-select",1)(2,"c-multi-select-option"),n(3,"Angular"),t(),e(4,"c-multi-select-option"),n(5,"Bootstrap"),t(),e(6,"c-multi-select-option"),n(7,"React.js"),t(),e(8,"c-multi-select-option"),n(9,"Vue.js"),t()()(),a(10,"br"),e(11,"p"),n(12),$(13,"json"),t()),o&2&&(m("formGroup",s.formGroup),r(12),h(" Form value: ",y(13,2,s.formGroup.value),""))},dependencies:[E,M,w,C,R,B,f,u,v],encapsulation:2})}}return i})();var be=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=d({type:i,selectors:[["docs-multi-select05"]],standalone:!0,features:[p],decls:9,vars:0,consts:[["multiple","","selectionType","text"],["selected",""]],template:function(o,s){o&1&&(e(0,"c-multi-select",0)(1,"c-multi-select-option",1),n(2,"Angular"),t(),e(3,"c-multi-select-option"),n(4,"Bootstrap"),t(),e(5,"c-multi-select-option"),n(6,"React.js"),t(),e(7,"c-multi-select-option"),n(8,"Vue.js"),t()())},dependencies:[f,u],encapsulation:2})}}return i})();var $e=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=d({type:i,selectors:[["docs-multi-select04"]],standalone:!0,features:[p],decls:9,vars:0,consts:[["multiple","","selectionType","tags"],["selected",""]],template:function(o,s){o&1&&(e(0,"c-multi-select",0)(1,"c-multi-select-option",1),n(2,"Angular"),t(),e(3,"c-multi-select-option"),n(4,"Bootstrap"),t(),e(5,"c-multi-select-option"),n(6,"React.js"),t(),e(7,"c-multi-select-option"),n(8,"Vue.js"),t()())},dependencies:[f,u],encapsulation:2})}}return i})();var ye=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=d({type:i,selectors:[["docs-multi-select03"]],standalone:!0,features:[p],decls:9,vars:0,consts:[["multiple","","selectionType","counter"],["selected",""]],template:function(o,s){o&1&&(e(0,"c-multi-select",0)(1,"c-multi-select-option",1),n(2,"Angular"),t(),e(3,"c-multi-select-option"),n(4,"Bootstrap"),t(),e(5,"c-multi-select-option"),n(6,"React.js"),t(),e(7,"c-multi-select-option"),n(8,"Vue.js"),t()())},dependencies:[f,u],encapsulation:2})}}return i})();var Se=(i,c)=>c.value;function Ie(i,c){if(i&1&&(e(0,"c-multi-select-option",1),n(1),t()),i&2){let l,o=c.$implicit;m("value",o.value)("selected",(l=o.selected)!==null&&l!==void 0?l:!1)("disabled",o.disabled),r(),h(" ",o.value," ")}}function je(i,c){if(i&1&&(e(0,"c-multi-select-option",3),n(1),t()),i&2){let l,o=c.$implicit;m("value",o.value)("selected",(l=o.selected)!==null&&l!==void 0?l:!1),r(),h(" ",o.label," ")}}var ve=(()=>{class i{constructor(){this.frontend=[{value:"Angular",selected:!0},{value:"Bootstrap",disabled:!0},{value:"React.js"},{value:"Vue.js"}],this.backend=[{value:"b1",label:"Django"},{value:"b2",label:"Laravel",selected:!0},{value:"b3",label:"Node.js"}]}static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=d({type:i,selectors:[["docs-multi-select02"]],standalone:!0,features:[p],decls:6,vars:0,consts:[["multiple",""],[3,"value","selected","disabled"],["label","Backend"],[3,"value","selected"]],template:function(o,s){o&1&&(e(0,"c-multi-select",0),T(1,Ie,2,4,"c-multi-select-option",1,Se),e(3,"c-multi-select-optgroup",2),T(4,je,2,3,"c-multi-select-option",3,Se),t()()),o&2&&(r(),D(s.frontend),r(3),D(s.backend))},dependencies:[f,u,L],encapsulation:2})}}return i})();var we=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=d({type:i,selectors:[["docs-multi-select01"]],standalone:!0,features:[p],decls:18,vars:0,consts:[["multiple",""],["selected",""]],template:function(o,s){o&1&&(e(0,"c-multi-select",0)(1,"c-multi-select-option",1),n(2,"Angular"),t(),e(3,"c-multi-select-option"),n(4,"Bootstrap"),t(),e(5,"c-multi-select-option",1),n(6,"React.js"),t(),e(7,"c-multi-select-option"),n(8,"Vue.js"),t(),e(9,"c-multi-select-optgroup")(10,"c-multi-select-optgroup-label"),n(11,"Backend"),t(),e(12,"c-multi-select-option"),n(13,"Django"),t(),e(14,"c-multi-select-option"),n(15,"Laravel"),t(),e(16,"c-multi-select-option"),n(17,"Node.js"),t()()())},dependencies:[f,u,L,oe],encapsulation:2})}}return i})();var Ce=`\`\`\`typescript -import { MultiSelectModule, SharedModule } from '@coreui/angular'; - -@NgModule({ - imports: [ - MultiSelectModule, - SharedModule - ] -}) -export class AppModule(){} -\`\`\` -`;var Re=()=>[import("./chunk-GAZXQGVY.js").then(i=>i.MultiSelect13Component)],Be=()=>[import("./chunk-N2U2BYSP.js").then(i=>i.MultiSelect14Component)],Ae=()=>["forms/multi-select/examples/multi-select01.component.html"],Oe=()=>["forms/multi-select/examples/multi-select02.component.html","forms/multi-select/examples/multi-select02.component.ts"],Ge=()=>["forms/multi-select/examples/multi-select15.component.html","forms/multi-select/examples/multi-select15.component.ts"],Pe=()=>["forms/multi-select/examples/multi-select16.component.html","forms/multi-select/examples/multi-select16.component.ts"],Ve=()=>["forms/multi-select/examples/multi-select03.component.html"],Le=()=>["forms/multi-select/examples/multi-select04.component.html"],Ne=()=>["forms/multi-select/examples/multi-select05.component.html"],Je=()=>["forms/multi-select/examples/multi-select09.component.html"],We=()=>["forms/multi-select/examples/multi-select10.component.html"],Ke=()=>["forms/multi-select/examples/multi-select08.component.html"],Ue=()=>["forms/multi-select/examples/multi-select11.component.html","forms/multi-select/examples/multi-select11.component.ts","forms/multi-select/examples/options.service.ts"],qe=()=>["forms/multi-select/examples/multi-select12.component.html","forms/multi-select/examples/multi-select12.component.ts"],He=()=>["forms/multi-select/examples/multi-select13.component.html","forms/multi-select/examples/multi-select13.component.ts","forms/multi-select/examples/optionsRemote.service.ts"],Ye=()=>["forms/multi-select/examples/multi-select14.component.html","forms/multi-select/examples/multi-select14.component.ts"],Ze=()=>["forms/multi-select/examples/multi-select06.component.html","forms/multi-select/examples/multi-select06.component.ts"],Qe=()=>["forms/multi-select/examples/multi-select07.component.html"];function Xe(i,c){i&1&&(e(0,"div",11),a(1,"docs-multi-select01"),t())}function et(i,c){i&1&&(e(0,"div",11),a(1,"docs-multi-select02"),t())}function tt(i,c){i&1&&(e(0,"div",11),a(1,"docs-multi-select15"),t())}function it(i,c){i&1&&(e(0,"div",11),a(1,"docs-multi-select16"),t())}function nt(i,c){i&1&&(e(0,"div",11),a(1,"docs-multi-select03"),t())}function ot(i,c){i&1&&(e(0,"div",11),a(1,"docs-multi-select04"),t())}function lt(i,c){i&1&&(e(0,"div",11),a(1,"docs-multi-select05"),t())}function rt(i,c){i&1&&(e(0,"div",11),a(1,"docs-multi-select09"),t())}function at(i,c){i&1&&(e(0,"div",11),a(1,"docs-multi-select10"),t())}function mt(i,c){i&1&&(e(0,"div",11),a(1,"docs-multi-select08"),t())}function st(i,c){i&1&&(e(0,"div",11),a(1,"docs-multi-select11"),t())}function ct(i,c){i&1&&(e(0,"div",11),a(1,"docs-multi-select12"),t())}function dt(i,c){i&1&&a(0,"docs-multi-select13")}function pt(i,c){i&1&&(e(0,"div",11),g(1,dt,1,0),J(2,1,Re),W(),t())}function ut(i,c){i&1&&a(0,"docs-multi-select14")}function ft(i,c){i&1&&(e(0,"div",11),g(1,ut,1,0),J(2,1,Be),W(),t())}function gt(i,c){i&1&&(e(0,"div",11),a(1,"docs-multi-select06"),t())}function _t(i,c){i&1&&(e(0,"div",11),a(1,"docs-multi-select07"),t())}var Ti=(()=>{class i{constructor(l,o){this.metaService=l,this.titleService=o,this.usage=Ce,this.title="Angular Multi Select Component",this.description="Customize the native `select` with a powerful CoreUI **Multi-Select** component that changes initial element appearance and brings some new functionalities."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(o){return new(o||i)(k(X),k(ee))}}static{this.\u0275cmp=d({type:i,selectors:[["docs-multi-select-docs"]],standalone:!0,features:[p],decls:143,vars:38,consts:[["docsExample",""],["id","getting-started"],["markdown","",1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"docs-callout","docs-callout-info"],["xmlns","http://www.w3.org/2000/svg","viewBox","0 0 16 16","fill","#000"],["d","M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z"],["xmlns","http://www.w3.org/2000/svg","viewBox","0 0 512 512","fill","#000"],["d","M256.045 416.136.717 160.807l29.579-29.579 225.749 225.748 225.749-225.748 29.579 29.579-255.328 255.329z"],[1,"api-table"],[1,"badge","bg-primary","badge-sm"],[1,"docs-example","p-3"]],template:function(o,s){o&1&&(a(0,"docs-banner-pro"),e(1,"h1",1),n(2),t(),e(3,"p",2),n(4),t(),a(5,"docs-ads-carbon-loader"),e(6,"markdown"),n(7,` - ## Examples -`),t(),e(8,"docs-example",3),g(9,Xe,2,0,"ng-template",null,0,x),t(),e(11,"docs-example",3),g(12,et,2,0,"ng-template",null,0,x),t(),e(14,"markdown"),n(15,` - ## Modes - - ### Allow create options - - The \`allowCreateOptions\` property allows users to create new options in addition to selecting pre-existing ones from a - list. - - When this property is set to true, the user can type in a new option in the search input field of the multiselect - component. If the option does not exist in the list, it will be created and added to the list of available options. - This can be useful when the list of available options is not comprehensive or when the user needs to add and select an - option that is not already available. -`),t(),e(16,"div",4)(17,"p"),n(18," It's worth noting that this feature may not always be relevant, depending on the specific use case of the multiselect component. In some cases, it may be preferable to restrict the user to selecting only pre-existing options, while in other cases, allowing for the creation of new options may be essential. It's important to consider the specific requirements of your application when deciding whether to enable this feature. "),t()(),e(19,"docs-example",3),g(20,tt,2,0,"ng-template",null,0,x),t(),e(22,"markdown"),n(23,"\n ### Clear search on select\n\n The `clearSearchOnSelect` property is a Boolean attribute that can be used with the MultiSelect component in the CoreUI Angular library.\n\n When `clearSearchOnSelect` is set to `true`, the search input field in the MultiSelect component will be cleared as soon as the user selects an option from the dropdown list. This means that the search query will be reset and the user will be able to start a new search immediately.\n\n By default, `clearSearchOnSelect` is set to `false`, which means that the search input field will retain the user's search query even after an option has been selected. This can be useful in situations where the user needs to select multiple options from the dropdown list that match the same search query.\n\n To use the `clearSearchOnSelect` property with the MultiSelect component in the CoreUI Angular library, you simply need to set it to `true` or `false` as appropriate in your code.\n\n In the following example, the `clearSearchOnSelect` property is set to `true`. The search input field will be cleared as soon as the user selects an option from the dropdown list.\n"),t(),e(24,"docs-example",3),g(25,it,2,0,"ng-template",null,0,x),t(),e(27,"markdown"),n(28,` - ## Selection types - - ### Counter -`),t(),e(29,"docs-example",3),g(30,nt,2,0,"ng-template",null,0,x),t(),e(32,"markdown"),n(33,` - ### Tags -`),t(),e(34,"docs-example",3),g(35,ot,2,0,"ng-template",null,0,x),t(),e(37,"markdown"),n(38,` - ### Text -`),t(),e(39,"docs-example",3),g(40,lt,2,0,"ng-template",null,0,x),t(),e(42,"markdown"),n(43,"\n ## Single selection\n\n Set the `multiple` boolean property to `false` and allow select only one element.\n"),t(),e(44,"docs-example",3),g(45,rt,2,0,"ng-template",null,0,x),t(),e(47,"markdown"),n(48,` - ## Disabled - - Add the \`disabled\` boolean property to give it a grayed out appearance, remove pointer events, and prevent focusing. -`),t(),e(49,"docs-example",3),g(50,at,2,0,"ng-template",null,0,x),t(),e(52,"markdown"),n(53,` - ## Sizing - - You may also choose from small and large multi selects to match our similarly sized text inputs. -`),t(),e(54,"docs-example",3),g(55,mt,2,0,"ng-template",null,0,x),t(),e(57,"markdown"),n(58,` - ## External search - - Use \`(searchValueChange)\` to handle external search. - -`),t(),e(59,"docs-example",3),g(60,st,2,0,"ng-template",null,0,x),t(),e(62,"markdown"),n(63,` - ## Custom search - - Pass \`SearchFn\` callback to the \`search\` prop for search customization. - -`),t(),e(64,"docs-example",3),g(65,ct,2,0,"ng-template",null,0,x),t(),e(67,"markdown"),n(68,` - ## Virtual scroller - - Display large selection lists in a performant way by only rendering the options in view. - -`),t(),e(69,"docs-example",3),g(70,pt,4,0,"ng-template",null,0,x),t(),e(72,"markdown"),n(73),t(),e(74,"docs-example",3),g(75,ft,4,0,"ng-template",null,0,x),t(),e(77,"markdown"),n(78,` - ## Forms - - CoreUI MultiSelect component works with native html form method as is. - - Angular handles user input through reactive and template-driven forms. - CoreUI MultiSelect supports both approaches. - - If no \`value\` prop is included for \`c-multi-select-option\`, the value defaults to the text contained inside the - element. - - ### Reactive -`),t(),e(79,"docs-example",3),g(80,gt,2,0,"ng-template",null,0,x),t(),e(82,"markdown"),n(83,` - ### Template-driven -`),t(),e(84,"docs-example",3),g(85,_t,2,0,"ng-template",null,0,x),t(),e(87,"markdown"),n(88),I(),e(89,"svg",5),a(90,"path",6),t(),n(91,`"); - $form-multi-select-tag-delete-icon-color: var(--#{$prefix}secondary-color); - $form-multi-select-tag-delete-icon-hover-color: var(--#{$prefix}body-color); - $form-multi-select-tag-delete-icon-size: .5rem; - - $form-multi-select-cleaner-width: 1.5rem; - $form-multi-select-cleaner-height: 1.5rem; - $form-multi-select-cleaner-padding-x: 0; - $form-multi-select-cleaner-padding-y: 0; - $form-multi-select-cleaner-icon: url("data:image/svg+xml,`),e(92,"svg",5),a(93,"path",6),t(),n(94,`"); - $form-multi-select-cleaner-icon-color: var(--#{$prefix}tertiary-color); - $form-multi-select-cleaner-icon-hover-color: var(--#{$prefix}body-color); - $form-multi-select-cleaner-icon-size: .625rem; - - $form-multi-select-indicator-width: 1.5rem; - $form-multi-select-indicator-height: 1.5rem; - $form-multi-select-indicator-padding-x: 0; - $form-multi-select-indicator-padding-y: 0; - $form-multi-select-indicator-icon: url("data:image/svg+xml,`),e(95,"svg",7),a(96,"path",8),t(),n(97,`"); - $form-multi-select-indicator-icon-color: var(--#{$prefix}tertiary-color); - $form-multi-select-indicator-icon-hover-color: var(--#{$prefix}body-color); - $form-multi-select-indicator-icon-size: .75rem; - - $form-multi-select-dropdown-min-width: 100%; - $form-multi-select-dropdown-bg: var(--#{$prefix}body-bg); - $form-multi-select-dropdown-border-color: var(--#{$prefix}border-color); - $form-multi-select-dropdown-border-width: var(--#{$prefix}border-width); - $form-multi-select-dropdown-border-radius: var(--#{$prefix}border-radius); - $form-multi-select-dropdown-box-shadow: var(--#{$prefix}box-shadow); - - $form-multi-select-select-all-padding-y: .5rem; - $form-multi-select-select-all-padding-x: .75rem; - $form-multi-select-select-all-color: var(--#{$prefix}body-secondary-color); - $form-multi-select-select-all-bg: transparent; - $form-multi-select-select-all-hover-color: var(--#{$prefix}body-color); - $form-multi-select-select-all-hover-bg: transparent; - $form-multi-select-select-all-border-width: $input-border-width; - $form-multi-select-select-all-border-color: $input-border-color; - - $form-multi-select-options-padding-y: .5rem; - $form-multi-select-options-padding-x: .75rem; - $form-multi-select-options-font-size: $font-size-base; - $form-multi-select-options-font-weight: $font-weight-normal; - $form-multi-select-options-color: var(--#{$prefix}body-color); - - $form-multi-select-optgroup-label-padding-y: .5rem; - $form-multi-select-optgroup-label-padding-x: .625rem; - $form-multi-select-optgroup-label-font-size: 80%; - $form-multi-select-optgroup-label-font-weight: $font-weight-bold; - $form-multi-select-optgroup-label-color: var(--#{$prefix}tertiary-color); - $form-multi-select-optgroup-label-text-transform: uppercase; - - $form-multi-select-option-padding-y: .5rem; - $form-multi-select-option-padding-x: 1.25rem; - $form-multi-select-option-margin-y: 1px; - $form-multi-select-option-margin-x: 0; - $form-multi-select-option-border-width: $input-border-width; - $form-multi-select-option-border-color: transparent; - $form-multi-select-option-border-radius: var(--#{$prefix}border-radius); - $form-multi-select-option-box-shadow: $box-shadow-inset; - - $form-multi-select-option-hover-color: var(--#{$prefix}body-color); - $form-multi-select-option-hover-bg: var(--#{$prefix}tertiary-bg); - - $form-multi-select-option-focus-box-shadow: $input-btn-focus-box-shadow; - - $form-multi-select-option-indicator-width: 1em; - $form-multi-select-option-indicator-bg: $form-check-input-bg; - $form-multi-select-option-indicator-border: $form-check-input-border; - $form-multi-select-option-indicator-border-radius: .25em; - - $form-multi-select-option-selected-bg: var(--#{$prefix}secondary-bg); - $form-multi-select-option-selected-indicator-bg: $form-check-input-checked-bg-color; - $form-multi-select-option-selected-indicator-bg-image: $form-check-input-checked-bg-image; - $form-multi-select-option-selected-indicator-border-color: $form-multi-select-option-selected-indicator-bg; - - $form-multi-select-option-disabled-color: var(--#{$prefix}secondary-color); - - $form-multi-select-font-size-lg: $input-font-size-lg; - $form-multi-select-selection-padding-y-lg: $input-padding-y-lg; - $form-multi-select-selection-padding-x-lg: $input-padding-x-lg; - $form-multi-select-selection-tags-gap-lg: .25rem; - $form-multi-select-selection-tags-padding-y-lg: .25rem; - $form-multi-select-selection-tags-padding-x-lg: .25rem; - $form-multi-select-tag-padding-y-lg: .175rem; - $form-multi-select-tag-padding-x-lg: .5rem; - - $form-multi-select-font-size-sm: $input-font-size-sm; - $form-multi-select-selection-padding-y-sm: $input-padding-y-sm; - $form-multi-select-selection-padding-x-sm: $input-padding-x-sm; - $form-multi-select-selection-tags-gap-sm: .125rem; - $form-multi-select-selection-tags-padding-y-sm: .0625rem; - $form-multi-select-selection-tags-padding-x-sm: .125rem; - $form-multi-select-tag-padding-y-sm: .075rem; - $form-multi-select-tag-padding-x-sm: .5rem; - \`\`\` -`),t(),Y(),e(98,"markdown"),n(99),e(100,"div",9),n(101,` - - | name | description | type | default | - | ---- | ----------- | ---- | ------- | - | \`allowCreateOptions\` `),a(102,"br"),n(103,` - `),e(104,"div",10),n(105,"4.5.15+"),t(),n(106,"\n | Allow users to create options if they are not in the list of options | `boolean` | _false_ |\n | `cleaner` | Enables selection cleaner element "),a(107,"br"),n(108,"`'active'`\n "),e(109,"div",10),n(110,"4.7.4+"),t(),n(111,"\n makes cleaner always active | `boolean \\| 'active'` |_true_|\n | `clearSearchOnSelect` "),a(112,"br"),n(113,` - `),e(114,"div",10),n(115,"4.5.15+"),t(),n(116,"\n | Clear current search on selecting an item | `boolean` |_false_|\n | `disabled` | Disables multi-select component | `boolean` |_false_|\n | `loading` "),a(117,"br"),n(118,` - `),e(119,"div",10),n(120,"4.5.5+"),t(),n(121),a(122,"br"),e(123,"div",10),n(124,"4.4.12+"),t(),n(125," | Enable virtual scroller for options list | `boolean` |_false_|\n | `options` | List of option elements for virtualScroller | `IOption` |_[]_|\n\n\n "),t(),n(126,` - - `),n(127,` - `),n(128,` - - - ##### Outputs - `),e(129,"div",9),n(130,"\n\n | name | description | type |\n | ---- | ----------- | ---- |\n | `valueChange` | Event emitted on `value` change | `string \\| number \\| (string \\| number)[]` |\n | `visibleChange` | Event emitted on `visible` change | `boolean` |\n | `searchValueChange` | Event emitted on `searchValue` change | `string` |\n\n "),t(),n(131,` - - --- - - ### c-multi-select-option - _component_ - - ##### Inputs - `),e(132,"div",9),n(133,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `disabled` | Disables option element | `boolean` |_false_|\n | `id` | Html id attribute for option | `string` |_autogenerated_|\n | `label` | Option label | `string` |_undefined_|\n | `optionsStyle` | Option style | `checkbox` \\| `text` |_checkbox_|\n | `role` | Role for option element | `string` |_option_|\n | `selected` | Selects option element | `boolean` |_false_|\n | `value` | Option value "),a(134,"br"),n(135," `number` type allowed since"),e(136,"div",10),n(137,"4.7.5+"),t(),n(138,"| `string \\| number` |_undefined_|\n\n "),t(),n(139,` - - --- - - ### c-multi-select-optgroup - _component_ - - ##### Inputs - `),e(140,"div",9),n(141,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `disabled` | Disables all options in optgroup | `boolean` |_false_|\n | `label` | Options group label | `string` |_undefined_|\n\n "),t(),n(142,` - -`),t()),o&2&&(r(2),K(s.title),r(2),K(s.description),r(4),m("files",_(22,Ae)),r(3),m("files",_(23,Oe)),r(8),m("files",_(24,Ge)),r(5),m("files",_(25,Pe)),r(5),m("files",_(26,Ve)),r(5),m("files",_(27,Le)),r(5),m("files",_(28,Ne)),r(5),m("files",_(29,Je)),r(5),m("files",_(30,We)),r(5),m("files",_(31,Ke)),r(5),m("files",_(32,Ue)),r(5),m("files",_(33,qe)),r(5),m("files",_(34,He)),r(4),h(` - **Virtual scroller with ng-template and external search.** - - You can pass an ng-template with \`cTemplateId="multiSelectOptionTemplate"\` as a c-multi-select content. - - To use \`multiSelectOptionTemplate\` template you have to: - - \`import `,"{","SharedModule} from '@coreui/angular'`;\n - pass it as a string to `[cTemplateId]` directive\n\n"),r(),m("files",_(35,Ye)),r(5),m("files",_(36,Ze)),r(5),m("files",_(37,Qe)),r(4),h(` - - ## Customizing - - ### CSS variables - Angular multi selects use local CSS variables on \`.form-multi-select\` for enhanced real-time customization. Values for - the CSS variables are set via Sass, so Sass customization is still supported, too. - - \`\`\`css - --#{$prefix}form-multi-select-zindex: #{$form-multi-select-zindex}; - --#{$prefix}form-multi-select-font-family: #{$form-multi-select-font-family}; - --#{$prefix}form-multi-select-font-size: #{$form-multi-select-font-size}; - --#{$prefix}form-multi-select-font-weight: #{$form-multi-select-font-weight}; - --#{$prefix}form-multi-select-line-height: #{$form-multi-select-line-height}; - --#{$prefix}form-multi-select-color: #{$form-multi-select-color}; - --#{$prefix}form-multi-select-bg: #{$form-multi-select-bg}; - --#{$prefix}form-multi-select-box-shadow: #{$form-multi-select-box-shadow}; - --#{$prefix}form-multi-select-border-width: #{$form-multi-select-border-width}; - --#{$prefix}form-multi-select-border-color: #{$form-multi-select-border-color}; - --#{$prefix}form-multi-select-border-radius: #{$form-multi-select-border-radius}; - --#{$prefix}form-multi-select-disabled-color: #{$form-multi-select-disabled-color}; - --#{$prefix}form-multi-select-disabled-bg: #{$form-multi-select-disabled-bg}; - --#{$prefix}form-multi-select-disabled-border-color: #{$form-multi-select-disabled-border-color}; - --#{$prefix}form-multi-select-focus-color: #{$form-multi-select-focus-color}; - --#{$prefix}form-multi-select-focus-bg: #{$form-multi-select-focus-bg}; - --#{$prefix}form-multi-select-focus-border-color: #{$form-multi-select-focus-border-color}; - --#{$prefix}form-multi-select-focus-box-shadow: #{$form-multi-select-focus-box-shadow}; - --#{$prefix}form-multi-select-placeholder-color: #{$form-multi-select-placeholder-color}; - --#{$prefix}form-multi-select-selection-padding-y: #{$form-multi-select-selection-padding-y}; - --#{$prefix}form-multi-select-selection-padding-x: #{$form-multi-select-selection-padding-x}; - --#{$prefix}form-multi-select-cleaner-width: #{$form-multi-select-cleaner-width}; - --#{$prefix}form-multi-select-cleaner-height: #{$form-multi-select-cleaner-height}; - --#{$prefix}form-multi-select-cleaner-padding-y: #{$form-multi-select-cleaner-padding-y}; - --#{$prefix}form-multi-select-cleaner-padding-x: #{$form-multi-select-cleaner-padding-x}; - --#{$prefix}form-multi-select-cleaner-icon: #{escape-svg($form-multi-select-cleaner-icon)}; - --#{$prefix}form-multi-select-cleaner-icon-color: #{$form-multi-select-cleaner-icon-color}; - --#{$prefix}form-multi-select-cleaner-icon-hover-color: #{$form-multi-select-cleaner-icon-hover-color}; - --#{$prefix}form-multi-select-cleaner-icon-size: #{$form-multi-select-cleaner-icon-size}; - --#{$prefix}form-multi-select-indicator-width: #{$form-multi-select-indicator-width}; - --#{$prefix}form-multi-select-indicator-height: #{$form-multi-select-indicator-height}; - --#{$prefix}form-multi-select-indicator-padding-y: #{$form-multi-select-indicator-padding-y}; - --#{$prefix}form-multi-select-indicator-padding-x: #{$form-multi-select-indicator-padding-x}; - --#{$prefix}form-multi-select-indicator-icon: #{escape-svg($form-multi-select-indicator-icon)}; - --#{$prefix}form-multi-select-indicator-icon-color: #{$form-multi-select-indicator-icon-color}; - --#{$prefix}form-multi-select-indicator-icon-hover-color: #{$form-multi-select-indicator-icon-hover-color}; - --#{$prefix}form-multi-select-indicator-icon-size: #{$form-multi-select-indicator-icon-size}; - --#{$prefix}form-multi-select-select-all-padding-y: #{$form-multi-select-select-all-padding-y}; - --#{$prefix}form-multi-select-select-all-padding-x: #{$form-multi-select-select-all-padding-x}; - --#{$prefix}form-multi-select-select-all-color: #{$form-multi-select-select-all-color}; - --#{$prefix}form-multi-select-select-all-bg: #{$form-multi-select-select-all-bg}; - --#{$prefix}form-multi-select-select-all-border-width: #{$form-multi-select-select-all-border-width}; - --#{$prefix}form-multi-select-select-all-border-color: #{$form-multi-select-select-all-border-color}; - --#{$prefix}form-multi-select-select-all-hover-color: #{$form-multi-select-select-all-hover-color}; - --#{$prefix}form-multi-select-select-all-hover-bg: #{$form-multi-select-select-all-hover-bg}; - --#{$prefix}form-multi-select-dropdown-min-width: #{$form-multi-select-dropdown-min-width}; - --#{$prefix}form-multi-select-dropdown-bg: #{$form-multi-select-dropdown-bg}; - --#{$prefix}form-multi-select-dropdown-border-width: #{$form-multi-select-dropdown-border-width}; - --#{$prefix}form-multi-select-dropdown-border-color: #{$form-multi-select-dropdown-border-color}; - --#{$prefix}form-multi-select-dropdown-border-radius: #{$form-multi-select-dropdown-border-radius}; - --#{$prefix}form-multi-select-dropdown-box-shadow: #{$form-multi-select-dropdown-box-shadow}; - --#{$prefix}form-multi-select-options-padding-y: #{$form-multi-select-options-padding-y}; - --#{$prefix}form-multi-select-options-padding-x: #{$form-multi-select-options-padding-x}; - --#{$prefix}form-multi-select-options-font-size: #{$form-multi-select-options-font-size}; - --#{$prefix}form-multi-select-options-font-weight: #{$form-multi-select-options-font-weight}; - --#{$prefix}form-multi-select-options-color: #{$form-multi-select-options-color}; - --#{$prefix}form-multi-select-optgroup-label-padding-y: #{$form-multi-select-optgroup-label-padding-y}; - --#{$prefix}form-multi-select-optgroup-label-padding-x: #{$form-multi-select-optgroup-label-padding-x}; - --#{$prefix}form-multi-select-optgroup-label-font-size: #{$form-multi-select-optgroup-label-font-size}; - --#{$prefix}form-multi-select-optgroup-label-font-weight: #{$form-multi-select-optgroup-label-font-weight}; - --#{$prefix}form-multi-select-optgroup-label-color: #{$form-multi-select-optgroup-label-color}; - --#{$prefix}form-multi-select-optgroup-label-text-transform: #{$form-multi-select-optgroup-label-text-transform}; - --#{$prefix}form-multi-select-option-padding-y: #{$form-multi-select-option-padding-y}; - --#{$prefix}form-multi-select-option-padding-x: #{$form-multi-select-option-padding-x}; - --#{$prefix}form-multi-select-option-margin-y: #{$form-multi-select-option-margin-y}; - --#{$prefix}form-multi-select-option-margin-x: #{$form-multi-select-option-margin-x}; - --#{$prefix}form-multi-select-option-border-width: #{$form-multi-select-option-border-width}; - --#{$prefix}form-multi-select-option-border-color: #{$form-multi-select-option-border-color}; - --#{$prefix}form-multi-select-option-border-radius: #{$form-multi-select-option-border-radius}; - --#{$prefix}form-multi-select-option-box-shadow: #{$form-multi-select-option-box-shadow}; - --#{$prefix}form-multi-select-option-hover-color: #{$form-multi-select-option-hover-color}; - --#{$prefix}form-multi-select-option-hover-bg: #{$form-multi-select-option-hover-bg}; - --#{$prefix}form-multi-select-option-focus-box-shadow: #{$form-multi-select-option-focus-box-shadow}; - --#{$prefix}form-multi-select-option-disabled-color: #{$form-multi-select-option-disabled-color}; - --#{$prefix}form-multi-select-option-indicator-width: #{$form-multi-select-option-indicator-width}; - --#{$prefix}form-multi-select-option-indicator-bg: #{$form-multi-select-option-indicator-bg}; - --#{$prefix}form-multi-select-option-indicator-border: #{$form-multi-select-option-indicator-border}; - --#{$prefix}form-multi-select-option-indicator-border-radius: #{$form-multi-select-option-indicator-border-radius}; - --#{$prefix}form-multi-select-option-selected-bg: #{$form-multi-select-option-selected-bg}; - --#{$prefix}form-multi-select-option-selected-indicator-bg: #{$form-multi-select-option-selected-indicator-bg}; - --#{$prefix}form-multi-select-option-selected-indicator-bg-image: #{escape-svg($form-multi-select-option-selected-indicator-bg-image)}; - --#{$prefix}form-multi-select-option-selected-indicator-border-color: #{$form-multi-select-option-selected-indicator-border-color}; - --#{$prefix}form-multi-select-tag-padding-y: #{$form-multi-select-tag-padding-y}; - --#{$prefix}form-multi-select-tag-padding-x: #{$form-multi-select-tag-padding-x}; - --#{$prefix}form-multi-select-tag-bg: #{$form-multi-select-tag-bg}; - --#{$prefix}form-multi-select-tag-border-width: #{$form-multi-select-tag-border-width}; - --#{$prefix}form-multi-select-tag-border-color: #{$form-multi-select-tag-border-color}; - --#{$prefix}form-multi-select-tag-border-radius: #{$form-multi-select-tag-border-radius}; - --#{$prefix}form-multi-select-tag-delete-width: #{$form-multi-select-tag-delete-width}; - --#{$prefix}form-multi-select-tag-delete-height: #{$form-multi-select-tag-delete-height}; - --#{$prefix}form-multi-select-tag-delete-icon: #{escape-svg($form-multi-select-tag-delete-icon)}; - --#{$prefix}form-multi-select-tag-delete-icon-color: #{$form-multi-select-tag-delete-icon-color}; - --#{$prefix}form-multi-select-tag-delete-icon-hover-color: #{$form-multi-select-tag-delete-icon-hover-color}; - --#{$prefix}form-multi-select-tag-delete-icon-size: #{$form-multi-select-tag-delete-icon-size}; - --#{$prefix}form-multi-select-selection-tags-gap: #{$form-multi-select-selection-tags-gap}; - --#{$prefix}form-multi-select-selection-tags-padding-y: #{$form-multi-select-selection-tags-padding-y}; - --#{$prefix}form-multi-select-selection-tags-padding-x: #{$form-multi-select-selection-tags-padding-x}; - \`\`\` - - #### How to use CSS variables - - \`\`\`ts - const vars = `,"{",` - '--my-css-var': 10, - '--my-another-css-var': "red" - } - \`\`\` - - \`\`\`html -
- \`\`\` - - ### SASS variables - - \`\`\`scss - $form-multi-select-zindex: 1000; - $form-multi-select-font-family: $input-font-family; - $form-multi-select-font-size: $input-font-size; - $form-multi-select-font-weight: $input-font-weight; - $form-multi-select-line-height: $input-line-height; - $form-multi-select-color: $input-color; - $form-multi-select-bg: $input-bg; - $form-multi-select-box-shadow: $box-shadow-inset; - - $form-multi-select-border-width: $input-border-width; - $form-multi-select-border-color: $input-border-color; - $form-multi-select-border-radius: $input-border-radius; - $form-multi-select-border-radius-sm: $input-border-radius-sm; - $form-multi-select-border-radius-lg: $input-border-radius-lg; - - $form-multi-select-disabled-color: $input-disabled-color; - $form-multi-select-disabled-bg: $input-disabled-bg; - $form-multi-select-disabled-border-color: $input-disabled-border-color; - - $form-multi-select-focus-color: $input-focus-color; - $form-multi-select-focus-bg: $input-focus-bg; - $form-multi-select-focus-border-color: $input-focus-border-color; - $form-multi-select-focus-box-shadow: $input-btn-focus-box-shadow; - - $form-multi-select-invalid-border-color: var(--#{$prefix}form-invalid-border-color); - $form-multi-select-valid-border-color: var(--#{$prefix}form-valid-border-color); - - $form-multi-select-placeholder-color: var(--#{$prefix}secondary-color); - - $form-multi-select-selection-padding-y: $input-padding-y; - $form-multi-select-selection-padding-x: $input-padding-x; - $form-multi-select-selection-tags-gap: .25rem; - $form-multi-select-selection-tags-padding-y: .25rem; - $form-multi-select-selection-tags-padding-x: .25rem; - - $form-multi-select-tag-bg: var(--#{$prefix}secondary-bg); - $form-multi-select-tag-border-width: var(--#{$prefix}border-width); - $form-multi-select-tag-border-color: var(--#{$prefix}border-color); - $form-multi-select-tag-border-radius: .25rem; - $form-multi-select-tag-border-radius-sm: .125rem; - $form-multi-select-tag-border-radius-lg: .375rem; - $form-multi-select-tag-padding-y: .0625rem; - $form-multi-select-tag-padding-x: .5rem; - - $form-multi-select-tag-delete-width: .75rem; - $form-multi-select-tag-delete-height: .75rem; - $form-multi-select-tag-delete-icon: url("data:image/svg+xml,`),r(11),h(` - --- - - ## API reference - - ### MultiSelect Module - - `,s.usage,` - - --- - - ### c-multi-select - _component_ - - ##### Inputs - `),r(22),h("\n | When set, the options list will have a loading style: loading spinner and reduced opacity. | `boolean` |_false_|\n | `multiple` | Specifies that multiple options can be selected at once | `boolean` |_false_|\n | `optionsMaxHeight` | Sets maxHeight of options list | `number` \\| `string` |_auto_|\n | `optionsStyle` | Sets option style | `checkbox` \\| `text` |_checkbox_|\n | `placeholder` | Specifies a short hint that is visible in the search input | `string` |_Select..._|\n | `search` | Enables search input element | `boolean \\| 'external' \\| SearchFn` |_true_|\n | `searchValue` | Search value | `string` |_''_|\n | `searchNoResultsLabel` | Sets the label for no results when filtering | `string` |_no items_|\n | `selectAll` | Enables select all button | `boolean` |_true_|\n | `selectAllLabel` | Sets the select all button label | `string` |_Select all options_|\n | `selectionType` | Sets the selection style | `counter` \\| `tags` \\| `text` |_tags_|\n | `selectionTypeCounterText` | Sets the counter selection label | `string` |_item(s) selected_|\n | `selectionTypeCounterTextPluralMap` | Counter selection label plural map for `I18nPluralPipe` | `","{"," '=1': 'item selected', 'other': 'items selected' }`|\n | `size` | Size the component | `sm \\| lg` |_undefined_|\n | `valid` | Set input validation visual feedback. | `boolean` | _undefined_ |\n | `visible` | Toggle the visibility of multi select dropdown | `boolean` |_false_|\n | `visibleItems` | Visible options count, overwrites `optionsMaxHeight` | `number` |_10_|\n | `virtualScroller`"))},dependencies:[le,re,ae,we,ve,ye,$e,be,xe,he,_e,ge,fe,ue,pe,ce,se,me]})}}return i})();export{Ti as MultiSelectDocsComponent}; diff --git a/angular/docs/chunk-6J7IPYW2.js b/angular/docs/chunk-6J7IPYW2.js new file mode 100644 index 00000000000..d083b3f891a --- /dev/null +++ b/angular/docs/chunk-6J7IPYW2.js @@ -0,0 +1,96 @@ +import{a as v}from"./chunk-IWRSONFO.js";import{Pb as p,Qb as O,Rb as d,Tb as u}from"./chunk-N5CLKGXI.js";import"./chunk-W2HQYSLN.js";import"./chunk-XGTGYVNY.js";import"./chunk-DPZ7BZKP.js";import{a as b}from"./chunk-YCMO5GD4.js";import{s as _}from"./chunk-6RP7HPDL.js";import{h as M,i as y}from"./chunk-NR6O7NQI.js";import"./chunk-XQ2JSG7T.js";import"./chunk-4P7KQCRI.js";import{Ab as c,Gc as t,Hc as h,Ic as w,Vb as l,Wc as s,ec as e,fc as n,gc as a,kb as r,lb as C}from"./chunk-GYQMS5FR.js";import"./chunk-JKOY2XUY.js";var P=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-columns13"]],decls:11,vars:0,consts:[[1,"clearfix"],["cCol","","md","6","src","assets/img/angular.jpg","alt","CoreUI for Angular",1,"float-md-end","mb-3","ms-md-3"]],template:function(i,f){i&1&&(e(0,"div",0),a(1,"img",1),e(2,"p"),t(3," Notice the use of "),e(4,"code"),t(5,'cCol md="6"'),n(),t(6," directive. We're using it here to show the use of the clearfix class. We're adding quite a few meaningless phrases here to demonstrate how the columns interact here with the floated image. "),n(),e(7,"p"),t(8," As you can see the paragraphs gracefully wrap around the floated image. Now imagine how this would look with some actual content in here, rather than just this boring placeholder text that goes on and on, but actually conveys no tangible information at. It simply takes up space and should not really be read. "),n(),e(9,"p"),t(10," And yet, here you are, still persevering in reading this placeholder text, hoping for some more insights, or some hidden easter egg of content. A joke, perhaps. Unfortunately, there's none of that here. "),n()())},dependencies:[O],encapsulation:2})}}return o})();var S=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-columns12"]],decls:4,vars:0,consts:[["xs","3",1,"bg-light","p-3","border"],["sm","9",1,"bg-light","p-3","border"]],template:function(i,f){i&1&&(e(0,"c-col",0),t(1,` .col-3: width of 25% +`),n(),e(2,"c-col",1),t(3,` .col-sm-9: width of 75% above sm breakpoint +`),n())},dependencies:[d],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var E=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-columns11"]],decls:16,vars:0,consts:[["md","4"],["md","4",1,"ms-auto"],["md","3",1,"ms-md-auto"],["xs","auto",1,"me-auto"],["xs","auto"]],template:function(i,f){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col",0),t(3,".col-md-4"),n(),e(4,"c-col",1),t(5,".col-md-4 .ms-auto"),n()(),e(6,"c-row")(7,"c-col",2),t(8,".col-md-3 .ms-md-auto"),n(),e(9,"c-col",2),t(10,".col-md-3 .ms-md-auto"),n()(),e(11,"c-row")(12,"c-col",3),t(13,".col-auto .me-auto"),n(),e(14,"c-col",4),t(15,".col-auto"),n()()())},dependencies:[p,u,d],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] c-col[_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var W=()=>({sm:2,md:0}),G=()=>({md:2,lg:0}),k=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-columns10"]],decls:11,vars:4,consts:[["sm","5","md","6"],["sm","5","md","6",3,"offset"],["sm","6","md","5","lg","6"],["sm","6","md","5","lg","6",3,"offset"]],template:function(i,f){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col",0),t(3," .col-sm-5 .col-md-6 "),n(),e(4,"c-col",1),t(5," .col-sm-5 .offset-sm-2 .col-md-6 .offset-md-0 "),n()(),e(6,"c-row")(7,"c-col",2),t(8," .col-sm-6 .col-md-5 .col-lg-6 "),n(),e(9,"c-col",3),t(10," .col-sm-6 .col-md-5 .offset-md-2 .col-lg-6 .offset-lg-0 "),n()()()),i&2&&(r(4),l("offset",s(2,W)),r(5),l("offset",s(3,G)))},dependencies:[p,u,d],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var N=()=>({md:4}),x=()=>({md:3}),F=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-columns09"]],decls:14,vars:8,consts:[["md","4"],["md","4",3,"offset"],["md","3",3,"offset"],["md","6",3,"offset"]],template:function(i,f){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col",0),t(3,".col-md-4"),n(),e(4,"c-col",1),t(5,".col-md-4 .offset-md-4"),n()(),e(6,"c-row")(7,"c-col",2),t(8,".col-md-3 .offset-md-3"),n(),e(9,"c-col",2),t(10,".col-md-3 .offset-md-3"),n()(),e(11,"c-row")(12,"c-col",3),t(13,".col-md-6 .offset-md-3"),n()()()),i&2&&(r(4),l("offset",s(4,N)),r(3),l("offset",s(5,x)),r(2),l("offset",s(6,x)),r(3),l("offset",s(7,x)))},dependencies:[p,u,d],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var Y=()=>({xs:"first"}),D=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-columns08"]],decls:8,vars:2,consts:[["order","last"],[3,"order"]],template:function(i,f){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col",0),t(3," First in DOM, ordered last "),n(),e(4,"c-col"),t(5," Second in DOM, unordered "),n(),e(6,"c-col",1),t(7," Third in DOM, ordered first "),n()()()),i&2&&(r(6),l("order",s(1,Y)))},dependencies:[p,u,d],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var H=()=>({xs:1}),T=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-columns07"]],decls:8,vars:3,consts:[[3,"order"]],template:function(i,f){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col"),t(3," First in DOM, no order applied "),n(),e(4,"c-col",0),t(5," Second in DOM, with a larger order "),n(),e(6,"c-col",0),t(7," Third in DOM, with an order of 1 "),n()()()),i&2&&(r(4),l("order",5),r(2),l("order",s(2,H)))},dependencies:[p,u,d],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var I=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-columns06"]],decls:11,vars:0,consts:[["xs","6","sm","4"],[1,"w-100","d-none","d-md-block"]],template:function(i,f){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col",0),t(3," .col-6 .col-sm-4 "),n(),e(4,"c-col",0),t(5," .col-6 .col-sm-4 "),n(),a(6,"div",1),e(7,"c-col",0),t(8," .col-6 .col-sm-4 "),n(),e(9,"c-col",0),t(10," .col-6 .col-sm-4 "),n()()())},dependencies:[p,u,d],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var R=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-columns05"]],decls:11,vars:0,consts:[["xs","6","sm","3"],[1,"w-100"]],template:function(i,f){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col",0),t(3,".col-6 .col-sm-3"),n(),e(4,"c-col",0),t(5,".col-6 .col-sm-3"),n(),a(6,"div",1),e(7,"c-col",0),t(8,".col-6 .col-sm-3"),n(),e(9,"c-col",0),t(10,".col-6 .col-sm-3"),n()()())},dependencies:[p,u,d],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var j=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-columns04"]],decls:12,vars:0,consts:[["xs","9"],["xs","4"],["xs","6"]],template:function(i,f){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col",0),t(3,".col-9"),n(),e(4,"c-col",1),t(5," .col-4 "),a(6,"br"),t(7," Since 9 + 4 = 13 > 12, this 4-column-wide div gets wrapped onto a new line as one contiguous unit. "),n(),e(8,"c-col",2),t(9," .col-6 "),a(10,"br"),t(11," Subsequent columns continue along the new line. "),n()()())},dependencies:[p,u,d],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var A=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-columns03"]],decls:31,vars:0,consts:[[1,"justify-content-start"],["xs","4"],[1,"justify-content-center"],[1,"justify-content-end"],[1,"justify-content-around"],[1,"justify-content-between"],[1,"justify-content-evenly"]],template:function(i,f){i&1&&(e(0,"c-container")(1,"c-row",0)(2,"c-col",1),t(3," One of two columns "),n(),e(4,"c-col",1),t(5," One of two columns "),n()(),e(6,"c-row",2)(7,"c-col",1),t(8," One of two columns "),n(),e(9,"c-col",1),t(10," One of two columns "),n()(),e(11,"c-row",3)(12,"c-col",1),t(13," One of two columns "),n(),e(14,"c-col",1),t(15," One of two columns "),n()(),e(16,"c-row",4)(17,"c-col",1),t(18," One of two columns "),n(),e(19,"c-col",1),t(20," One of two columns "),n()(),e(21,"c-row",5)(22,"c-col",1),t(23," One of two columns "),n(),e(24,"c-col",1),t(25," One of two columns "),n()(),e(26,"c-row",6)(27,"c-col",1),t(28," One of two columns "),n(),e(29,"c-col",1),t(30," One of two columns "),n()()())},dependencies:[p,u,d],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var U=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-columns02"]],decls:8,vars:0,consts:[[1,"align-self-start"],[1,"align-self-center"],[1,"align-self-end"]],template:function(i,f){i&1&&(e(0,"c-container")(1,"c-row")(2,"c-col",0),t(3,"One of three columns"),n(),e(4,"c-col",1),t(5,"One of three columns"),n(),e(6,"c-col",2),t(7,"One of three columns"),n()()())},dependencies:[p,u,d],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%]{background-color:#ff00001a;min-height:10rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var q=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=c({type:o,selectors:[["docs-columns01"]],decls:22,vars:0,consts:[[1,"align-items-start"],[1,"align-items-center"],[1,"align-items-end"]],template:function(i,f){i&1&&(e(0,"c-container")(1,"c-row",0)(2,"c-col"),t(3,"One of three columns"),n(),e(4,"c-col"),t(5,"One of three columns"),n(),e(6,"c-col"),t(7,"One of three columns"),n()(),e(8,"c-row",1)(9,"c-col"),t(10,"One of three columns"),n(),e(11,"c-col"),t(12,"One of three columns"),n(),e(13,"c-col"),t(14,"One of three columns"),n()(),e(15,"c-row",2)(16,"c-col"),t(17,"One of three columns"),n(),e(18,"c-col"),t(19,"One of three columns"),n(),e(20,"c-col"),t(21,"One of three columns"),n()()())},dependencies:[p,u,d],styles:["[_nghost-%COMP%] .row[_ngcontent-%COMP%]{background-color:#ff00001a;min-height:10rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] + .row[_ngcontent-%COMP%]{margin-top:1rem}[_nghost-%COMP%] .row[_ngcontent-%COMP%] > .col[_ngcontent-%COMP%], [_nghost-%COMP%] .row[_ngcontent-%COMP%] > [class^=col-][_ngcontent-%COMP%]{background-color:#27292b08;border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}"]})}}return o})();var z=`\`\`\`typescript +import { GridModule } from '@coreui/angular'; + +@NgModule({ + imports: [GridModule,] +}) +export class AppModule() { } +\`\`\` +`;var B=()=>["layout/columns/examples/columns01.component.html"],V=()=>["layout/columns/examples/columns02.component.html"],J=()=>["layout/columns/examples/columns03.component.html"],K=()=>["layout/columns/examples/columns04.component.html"],Q=()=>["layout/columns/examples/columns05.component.html"],X=()=>["layout/columns/examples/columns06.component.html"],Z=()=>["layout/columns/examples/columns07.component.html"],$=()=>["layout/columns/examples/columns08.component.html"],ee=()=>["layout/columns/examples/columns09.component.html"],ne=()=>["layout/columns/examples/columns10.component.html"],te=()=>["layout/columns/examples/columns11.component.html"],oe=()=>["layout/columns/examples/columns12.component.html"],ie=()=>["layout/columns/examples/columns13.component.html"],Qe=(()=>{class o{constructor(m,i){this.metaService=m,this.titleService=i,this.usage=z,this.title="Angular Columns",this.description="Learn how to modify columns with a handful of options for alignment, ordering, and offsetting thanks to flexbox grid system."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(i){return new(i||o)(C(M),C(y))}}static{this.\u0275cmp=c({type:o,selectors:[["docs-columns"]],decls:58,vars:29,consts:[["id","getting-started"],["markdown","",1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"table-responsive","api-table"]],template:function(i,f){i&1&&(e(0,"h1",0),t(1),n(),e(2,"p",1),t(3),n(),a(4,"docs-ads-carbon-loader"),e(5,"markdown"),t(6,` + + ## How they work + + - **Columns build on the grid's flexbox architecture**. Flexbox means we have options for changing individual columns + and [modifying groups of columns at the row level](https://coreui.io/angular/docs/layout/grid#row-columns). You + choose how columns grow, shrink, or otherwise change. + + - **When building grid layouts, all content goes in columns**. The hierarchy of CoreUI grid goes from + [container](https://coreui.io/angular/docs/layout/containers) to + row to column to your content. On rare occasions, you may combine content and column, but be aware there can be + unintended consequences. + + - **CoreUI for Angular includes predefined components for creating fast, responsive layouts**. With [six + breakpoints](https://coreui.io/angular/docs/layout/breakpoints) + and a dozen columns at each grid tier, we have dozens of components already built for you to create your desired + layouts. This can be disabled via Sass if you wish. + + --- + + ## Alignment + Use flexbox alignment utilities to vertically and horizontally align columns. + + ### Vertical alignment + +`),n(),e(7,"docs-example",2),a(8,"docs-columns01"),n(),e(9,"docs-example",2),a(10,"docs-columns02"),n(),e(11,"markdown"),t(12,` + --- + + ### Horizontal alignment +`),n(),e(13,"docs-example",2),a(14,"docs-columns03"),n(),e(15,"markdown"),t(16,` + --- + + ### Column wrapping + If more than 12 columns are placed within a single row, each group of extra columns will, as one unit, wrap onto a new + line. +`),n(),e(17,"docs-example",2),a(18,"docs-columns04"),n(),e(19,"markdown"),t(20,` + --- + + ### Column breaks + Breaking columns to a new line in flexbox requires a small hack - add an element with \`width: 100%\` wherever you want + to wrap your columns to a new line. Normally this is accomplished with multiple \`c-row\`s, but not every implementation + method can account for this. +`),n(),e(21,"docs-example",2),a(22,"docs-columns05"),n(),e(23,"markdown"),t(24,` + --- + + You may also apply this break at specific breakpoints with our [responsive display utilities](https://coreui.io/docs/utilities/display). +`),n(),e(25,"docs-example",2),a(26,"docs-columns06"),n(),e(27,"markdown"),t(28,'\n ---\n\n ## Reordering\n\n ### Order props\n\n Use `order="1"` (`first`, `1..5`, `last`) props for controlling the visual order of your content. These props are\n responsive, so you can set the order by breakpoint (e.g., `order="{xs: 1, md: 2}"`).\n Includes support for 1 through 5 across all six grid tiers.\n'),n(),e(29,"docs-example",2),a(30,"docs-columns07"),n(),e(31,"markdown"),t(32,'\n ---\n\n There are also responsive props `order="first"` and `order="last"` with responsive variations\n `order={xs: "last", sm: "first"}` that change the order of an element by applying order: `-1` and order: `6`,\n respectively. These values can also be intermixed with the numbered `1..5` values as needed.\n'),n(),e(33,"docs-example",2),a(34,"docs-columns08"),n(),e(35,"markdown"),t(36,'\n ---\n\n ## Offsetting columns\n You can offset grid columns in two ways: our col props `offset="0..12"` with responsive variations\n `offset={md: 2, lg: 3}` col props and our [margin utilities](https://coreui.io/docs/utilities/spacing).\n Grid props are sized to match columns while margins are more useful for quick layouts where the width of the offset is variable.\n\n ### Offset prop\n Move columns to the right using `offset={ md: * }` props. These props increase the left margin of a column by `*` columns.\n For example, `offset={ md: 4 }` moves .col-md-4 over four columns.'),n(),e(37,"docs-example",2),a(38,"docs-columns09"),n(),e(39,"docs-example",2),a(40,"docs-columns10"),n(),e(41,"markdown"),t(42,` + --- + + ### Margin utilities + You can use margin utilities like \`.me-auto\` to force sibling columns away from one another. + +`),n(),e(43,"docs-example",2),a(44,"docs-columns11"),n(),e(45,"markdown"),t(46,` + --- + + ## Standalone columns + The \`c-col\` component can also be used outside a \`c-row\` to give an element a specific width. Whenever column + component are used as non direct children of a row, the paddings are omitted. + +`),n(),e(47,"docs-example",2),a(48,"docs-columns12"),n(),e(49,"markdown"),t(50,` + --- + + The classes can be used together with utilities to create responsive floated images. Make sure to wrap the content in + a \`.clearfix\` wrapper to clear the float if the text is shorter. + +`),n(),e(51,"docs-example",2),a(52,"docs-columns13"),n(),e(53,"markdown"),t(54),e(55,"div",3),t(56,'\n\n |prop|description|type|default|notes|\n |:---|:---|:---|:---:|---|\n |`xs`|The number of columns on extra small devices (<576px).|`auto \\| number \\| boolean`|_undefined_|\n |`sm`|The number of columns on extra small devices (<768px).|`auto \\| number \\| boolean`|_undefined_|\n |`md`|The number of columns on extra small devices (<992px).|`auto \\| number \\| boolean`|_undefined_|\n |`lg`|The number of columns on extra small devices (<1200px).|`auto \\| number \\| boolean`|_undefined_|\n |`xl`|The number of columns on extra small devices (<1400px).|`auto \\| number \\| boolean`|_undefined_|\n |`xxl`|The number of columns on extra small devices (\u22651400px).|`auto \\| number \\| boolean`|_undefined_|\n |`offset`|Offset grid columns|`number\\|{sm\\|md\\|lg\\|xl\\|xxl}:number`|_undefined_|\n |`order`|Controls the visual order of your columns. Includes support for `1` through `5` across all six grid tiers.|`"first"\\|"last"\\|number\\|{sm\\|md\\|lg\\|xl\\|xxl}:number`|_undefined_|\n\n'),n(),t(57,` + + + +`),n()),i&2&&(r(),h(f.title),r(2),h(f.description),r(4),l("files",s(16,B)),r(2),l("files",s(17,V)),r(4),l("files",s(18,J)),r(4),l("files",s(19,K)),r(4),l("files",s(20,Q)),r(4),l("files",s(21,X)),r(4),l("files",s(22,Z)),r(4),l("files",s(23,$)),r(4),l("files",s(24,ee)),r(2),l("files",s(25,ne)),r(4),l("files",s(26,te)),r(4),l("files",s(27,oe)),r(4),l("files",s(28,ie)),r(3),w(` + --- + + ## API reference + + ### Grid Module + + `,f.usage,` + + --- + + ### c-col cCol + _component_ _directive_ + + ##### Inputs + +`))},dependencies:[_,b,v,q,U,A,j,R,I,T,D,F,k,E,S,P],encapsulation:2,changeDetection:0})}}return o})();export{Qe as ColumnsComponent}; diff --git a/angular/docs/chunk-6N3NIFJN.js b/angular/docs/chunk-6N3NIFJN.js deleted file mode 100644 index ee882d91e3c..00000000000 --- a/angular/docs/chunk-6N3NIFJN.js +++ /dev/null @@ -1,96 +0,0 @@ -import{a as G}from"./chunk-GOOL7UHW.js";import{Pb as f,Rb as m,Tb as u,Ub as p}from"./chunk-CIRO6JJS.js";import"./chunk-HEV2ZGEM.js";import"./chunk-QWX5SKOU.js";import"./chunk-DPZ7BZKP.js";import{a as E}from"./chunk-KJYCQPQX.js";import{r as _}from"./chunk-R2AYP265.js";import{h as y,i as S}from"./chunk-ADVPX5JT.js";import"./chunk-2XBJPMNA.js";import"./chunk-TJ5BOBQA.js";import{Cc as n,Dc as w,Ec as C,Rb as s,Sc as c,Tc as d,Uc as b,ac as e,bc as t,cc as v,mb as r,na as l,nb as h}from"./chunk-W26A3BQN.js";import"./chunk-JKOY2XUY.js";var F=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=l({type:o,selectors:[["docs-gutters06"]],standalone:!0,features:[c],decls:5,vars:1,consts:[[3,"gutter"],["sm","6","md","8"],["xs","6","md","4"]],template:function(i,g){i&1&&(e(0,"c-row",0)(1,"c-col",1),n(2,".col-sm-6 .col-md-8"),t(),e(3,"c-col",2),n(4,".col-6 .col-md-4"),t()()),i&2&&s("gutter",0)},dependencies:[u,p,m],encapsulation:2})}}return o})();var z=()=>({g:3}),A=o=>({g:2,lg:o}),T=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=l({type:o,selectors:[["docs-gutters05"]],standalone:!0,features:[c],decls:32,vars:6,consts:[[3,"xs","lg","gutter"],[1,"p-3","border","bg-light"]],template:function(i,g){i&1&&(e(0,"c-container")(1,"c-row",0)(2,"c-col")(3,"div",1),n(4,"Row column"),t()(),e(5,"c-col")(6,"div",1),n(7,"Row column"),t()(),e(8,"c-col")(9,"div",1),n(10,"Row column"),t()(),e(11,"c-col")(12,"div",1),n(13,"Row column"),t()(),e(14,"c-col")(15,"div",1),n(16,"Row column"),t()(),e(17,"c-col")(18,"div",1),n(19,"Row column"),t()(),e(20,"c-col")(21,"div",1),n(22,"Row column"),t()(),e(23,"c-col")(24,"div",1),n(25,"Row column"),t()(),e(26,"c-col")(27,"div",1),n(28,"Row column"),t()(),e(29,"c-col")(30,"div",1),n(31,"Row column"),t()()()()),i&2&&(r(),s("xs",2)("lg",5)("gutter",b(4,A,d(3,z))))},dependencies:[f,u,p,m],encapsulation:2})}}return o})();var D=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=l({type:o,selectors:[["docs-gutters04"]],standalone:!0,features:[c],decls:14,vars:1,consts:[[1,"overflow-hidden"],[3,"gutter"],["xs","6"],[1,"p-3","border","bg-light"]],template:function(i,g){i&1&&(e(0,"c-container",0)(1,"c-row",1)(2,"c-col",2)(3,"div",3),n(4,"Custom column padding"),t()(),e(5,"c-col",2)(6,"div",3),n(7,"Custom column padding"),t()(),e(8,"c-col",2)(9,"div",3),n(10,"Custom column padding"),t()(),e(11,"c-col",2)(12,"div",3),n(13,"Custom column padding"),t()()()()),i&2&&(r(),s("gutter",2))},dependencies:[f,u,p,m],encapsulation:2})}}return o})();var j=()=>({gy:5}),M=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=l({type:o,selectors:[["docs-gutters03"]],standalone:!0,features:[c],decls:14,vars:2,consts:[[1,"overflow-hidden"],[3,"gutter"],["xs","6"],[1,"p-3","border","bg-light"]],template:function(i,g){i&1&&(e(0,"c-container",0)(1,"c-row",1)(2,"c-col",2)(3,"div",3),n(4,"Custom column padding"),t()(),e(5,"c-col",2)(6,"div",3),n(7,"Custom column padding"),t()(),e(8,"c-col",2)(9,"div",3),n(10,"Custom column padding"),t()(),e(11,"c-col",2)(12,"div",3),n(13,"Custom column padding"),t()()()()),i&2&&(r(),s("gutter",d(1,j)))},dependencies:[f,u,p,m],encapsulation:2})}}return o})();var N=()=>({gx:5}),R=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=l({type:o,selectors:[["docs-gutters02"]],standalone:!0,features:[c],decls:8,vars:2,consts:[[1,"overflow-hidden"],[3,"gutter"],[1,"p-3","border","bg-light"]],template:function(i,g){i&1&&(e(0,"c-container",0)(1,"c-row",1)(2,"c-col")(3,"div",2),n(4,"Custom column padding"),t()(),e(5,"c-col")(6,"div",2),n(7,"Custom column padding"),t()()()()),i&2&&(r(),s("gutter",d(1,N)))},dependencies:[f,u,p,m],encapsulation:2})}}return o})();var H=()=>({gx:5}),I=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=l({type:o,selectors:[["docs-gutters01"]],standalone:!0,features:[c],decls:8,vars:2,consts:[[1,"px-4"],[3,"gutter"],[1,"p-3","border","bg-light"]],template:function(i,g){i&1&&(e(0,"c-container",0)(1,"c-row",1)(2,"c-col")(3,"div",2),n(4,"Custom column padding"),t()(),e(5,"c-col")(6,"div",2),n(7,"Custom column padding"),t()()()()),i&2&&(r(),s("gutter",d(1,H)))},dependencies:[f,u,p,m],encapsulation:2})}}return o})();var k=`\`\`\`typescript -import { GridModule } from '@coreui/angular'; - -@NgModule({ - imports: [GridModule,] -}) -export class AppModule() { } -\`\`\` -`;var B=()=>["layout/gutters/examples/gutters01.component.html"],L=()=>["layout/gutters/examples/gutters02.component.html"],U=()=>["layout/gutters/examples/gutters03.component.html"],P=()=>["layout/gutters/examples/gutters04.component.html"],V=()=>["layout/gutters/examples/gutters05.component.html"],W=()=>["layout/gutters/examples/gutters06.component.html"],ve=(()=>{class o{constructor(a,i){this.metaService=a,this.titleService=i,this.usage=k,this.title="Angular Gutters",this.description="Gutters are the padding between your columns, used to responsively space and align content in the CoreUI for Angular grid system."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(i){return new(i||o)(h(y),h(S))}}static{this.\u0275cmp=l({type:o,selectors:[["docs-gutters"]],standalone:!0,features:[c],decls:43,vars:15,consts:[["id","getting-started"],["markdown","",1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"table-responsive","api-table"]],template:function(i,g){i&1&&(e(0,"h1",0),n(1),t(),e(2,"p",1),n(3),t(),v(4,"docs-ads-carbon-loader"),e(5,"markdown"),n(6,` - - ## How they work - - - **Gutters are the gaps between column content**, created by horizontal padding. We set \`padding-right\` and \`padding-left\` on each column, and use negative margin to offset that at the start and end of each row to align content. - - - **Gutters start at \`1.5rem (24px)\` wide**. This allows us to match our grid to the [padding and margin spacers](https://coreui.io/docs/utilities/spacing) scale. - - - **Gutters can be responsively adjusted**. Use breakpoint-specific gutter props to modify horizontal gutters, vertical gutters, and all gutters. - - ## Horizontal gutters - - \`c-row [gutter]={gx: *}\` directive can be used to control the horizontal gutter widths. The \`c-container\` or - \`c-container fluid\` parent may need to be adjusted if larger gutters are used too to avoid unwanted overflow, using a - matching padding utility. For example, in the following example we\u2019ve increased the padding with \`.px-4\`: -`),t(),e(7,"docs-example",2),v(8,"docs-gutters01"),t(),e(9,"markdown"),n(10,"\n\n An alternative solution is to add a wrapper around the `c-row` with the `.overflow-hidden` class:\n"),t(),e(11,"docs-example",2),v(12,"docs-gutters02"),t(),e(13,"markdown"),n(14,"\n\n ## Vertical gutters\n\n `c-row [gutter]={gy: *}` directive can be used to control the vertical gutter widths. Like the horizontal gutters,\n the vertical gutters can cause some overflow below the `c-row` at the end of a page. If this occurs, add a wrapper\n around `c-row` with the `.overflow-hidden` class:\n\n"),t(),e(15,"docs-example",2),v(16,"docs-gutters03"),t(),e(17,"markdown"),n(18,` - - ## Horizontal and vertical gutters - - \`c-row [gutter]="2"\` directive can be used to control the horizontal gutter widths, for the following example we use - a smaller gutter width, so there won't be a need to add the \`.overflow-hidden\` wrapper class. - -`),t(),e(19,"docs-example",2),v(20,"docs-gutters04"),t(),e(21,"markdown"),n(22,` - - ## Row columns gutters - - Gutter props can also be added to row columns. In the following example, we use responsive row columns and responsive gutter props. - -`),t(),e(23,"docs-example",2),v(24,"docs-gutters05"),t(),e(25,"markdown"),n(26,` - - ## No gutters - - The gutters between columns in our predefined grid props can be removed with [gutter]="{g: 0}". - This removes the negative margins from \`c-row\` and the horizontal padding from all immediate children columns. - - **Need an edge-to-edge design**? Drop the parent \`c-container\` or \`c-container fluid\`. - - In practice, here's how it looks. Note you can continue to use this with all other predefined grid props (including column widths, responsive tiers, reorders, and more). - -`),t(),e(27,"docs-example",2),v(28,"docs-gutters06"),t(),e(29,"markdown"),n(30),e(31,"div",3),n(32,"\n\n |prop|description|type|default|notes|\n |:---|:---|:---|:---:|---|\n |`fluid`|Set container 100% wide, spanning the entire width of the viewport.|`boolean`|_undefined_|\n |`breakpoint`|Set container 100% wide until `{sm\\|md\\|lg\\|xl\\|xxl}` breakpoint.|`string`|_undefined_|\n\n "),t(),n(33,` - - --- - - ### c-row cRow - _component_ _directive_ - - ##### Inputs - `),e(34,"div",3),n(35,"\n\n |prop|description|type|default|notes|\n |:---|:---|:---|:---:|---|\n |`xs`|The number of columns/offset/order on extra small devices (<576px).|`auto \\| number \\| boolean`|_undefined_|\n |`sm`|The number of columns/offset/order on extra small devices (<768px).|`auto \\| number \\| boolean`|_undefined_|\n |`md`|The number of columns/offset/order on extra small devices (<992px).|`auto \\| number \\| boolean`|_undefined_|\n |`lg`|The number of columns/offset/order on extra small devices (<1200px).|`auto \\| number \\| boolean`|_undefined_|\n |`xl`|The number of columns/offset/order on extra small devices (<1400px).|`auto \\| number \\| boolean`|_undefined_|\n |`xxl`|The number of columns/offset/order on extra small devices (\u22651400px).|`auto \\| number \\| boolean`|_undefined_|\n\n "),t(),n(36,` - - --- - - ### gutter - _directive_ for c-row - - ##### Inputs -`),e(37,"div",3),n(38,` - - |prop|description|type|default|notes| - |:---|:---|:---|:---:|---| - |\`gutter\`|Define padding between columns to space and align content responsively in the Bootstrap grid system.|(IGutterObject | GutterBreakpoints | Gutters)|_undefined_| - -`),t(),n(39,` - - - --- - - ### c-col cCol - _component_ _directive_ - - ##### Inputs -`),e(40,"div",3),n(41,'\n\n |prop|description|type|default|notes|\n |:---|:---|:---|:---:|---|\n |`xs`|The number of columns/offset/order on extra small devices (<576px).|`auto \\| number`|_undefined_|\n |`sm`|The number of columns/offset/order on extra small devices (<768px).|`auto \\| number`|_undefined_|\n |`md`|The number of columns/offset/order on extra small devices (<992px).|`auto \\| number`|_undefined_|\n |`lg`|The number of columns/offset/order on extra small devices (<1200px).|`auto \\| number `|_undefined_|\n |`xl`|The number of columns/offset/order on extra small devices (<1400px).|`auto \\| number `|_undefined_|\n |`xxl`|The number of columns/offset/order on extra small devices (\u22651400px).|`auto \\| number`|_undefined_|\n |`offset`|Offset grid columns|`number\\|{sm\\|md\\|lg\\|xl\\|xxl}:number`|_undefined_|\n |`order`|Controls the visual order of your columns. Includes support for `1` through `5` across all six grid tiers.|`"first"\\|"last"\\|number\\|{sm\\|md\\|lg\\|xl\\|xxl}:number`|_undefined_|\n\n'),t(),n(42,` - -`),t()),i&2&&(r(),w(g.title),r(2),w(g.description),r(4),s("files",d(9,B)),r(4),s("files",d(10,L)),r(4),s("files",d(11,U)),r(4),s("files",d(12,P)),r(4),s("files",d(13,V)),r(4),s("files",d(14,W)),r(3),C(` - --- - - ## API reference - - ### Grid Module - - `,g.usage,` - - --- - - ### c-container - _component_ - - ##### Inputs - `))},dependencies:[_,E,G,I,R,M,D,T,F],encapsulation:2,changeDetection:0})}}return o})();export{ve as GuttersComponent}; diff --git a/angular/docs/chunk-6QC5SWGA.js b/angular/docs/chunk-6QC5SWGA.js new file mode 100644 index 00000000000..96f3d9389eb --- /dev/null +++ b/angular/docs/chunk-6QC5SWGA.js @@ -0,0 +1,55 @@ +import{a as w}from"./chunk-IWRSONFO.js";import{F as f,Jb as a}from"./chunk-N5CLKGXI.js";import"./chunk-W2HQYSLN.js";import"./chunk-XGTGYVNY.js";import"./chunk-DPZ7BZKP.js";import{a as x}from"./chunk-YCMO5GD4.js";import{s as C}from"./chunk-6RP7HPDL.js";import{h as S,i as y}from"./chunk-NR6O7NQI.js";import"./chunk-XQ2JSG7T.js";import"./chunk-4P7KQCRI.js";import{Ab as p,Gc as r,Hc as g,Ic as v,Vb as l,Wc as d,ec as t,fc as i,gc as o,kb as c,lb as h}from"./chunk-GYQMS5FR.js";import"./chunk-JKOY2XUY.js";var b=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-spinner07"]],decls:5,vars:0,consts:[["cButton","","disabled","",1,"m-1"],["aria-hidden","true","size","sm","variant","grow"]],template:function(n,m){n&1&&(t(0,"button",0),o(1,"c-spinner",1),i(),t(2,"button",0),o(3,"c-spinner",1),r(4,` Loading... +`),i())},dependencies:[f,a],encapsulation:2})}}return e})();var E=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-spinner06"]],decls:5,vars:0,consts:[["cButton","","disabled","",1,"m-1"],["aria-hidden","true","size","sm"]],template:function(n,m){n&1&&(t(0,"button",0),o(1,"c-spinner",1),i(),t(2,"button",0),o(3,"c-spinner",1),r(4,` Loading... +`),i())},dependencies:[f,a],encapsulation:2})}}return e})();var M=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-spinner05"]],decls:2,vars:0,consts:[["size","sm"],["size","sm","variant","grow"]],template:function(n,m){n&1&&o(0,"c-spinner",0)(1,"c-spinner",1)},dependencies:[a],encapsulation:2})}}return e})();var D=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-spinner04"]],decls:8,vars:0,consts:[["color","primary","variant","grow"],["color","secondary","variant","grow"],["color","success","variant","grow"],["color","danger","variant","grow"],["color","warning","variant","grow"],["color","info","variant","grow"],["color","light","variant","grow"],["color","dark","variant","grow"]],template:function(n,m){n&1&&o(0,"c-spinner",0)(1,"c-spinner",1)(2,"c-spinner",2)(3,"c-spinner",3)(4,"c-spinner",4)(5,"c-spinner",5)(6,"c-spinner",6)(7,"c-spinner",7)},dependencies:[a],encapsulation:2})}}return e})();var _=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-spinner03"]],decls:1,vars:0,consts:[["variant","grow"]],template:function(n,m){n&1&&o(0,"c-spinner",0)},dependencies:[a],encapsulation:2})}}return e})();var F=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-spinner02"]],decls:8,vars:0,consts:[["color","primary"],["color","secondary"],["color","success"],["color","danger"],["color","warning"],["color","info"],["color","light"],["color","dark"]],template:function(n,m){n&1&&o(0,"c-spinner",0)(1,"c-spinner",1)(2,"c-spinner",2)(3,"c-spinner",3)(4,"c-spinner",4)(5,"c-spinner",5)(6,"c-spinner",6)(7,"c-spinner",7)},dependencies:[a],encapsulation:2})}}return e})();var T=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=p({type:e,selectors:[["docs-spinner01"]],decls:4,vars:0,consts:[[1,"visually-hidden"]],template:function(n,m){n&1&&(o(0,"c-spinner"),t(1,"c-spinner")(2,"span",0),r(3,"Loading status..."),i()())},dependencies:[a],encapsulation:2})}}return e})();var k=`\`\`\`typescript +import { SpinnerModule } from '@coreui/angular'; + +@NgModule({ + imports: [SpinnerModule,] +}) +export class AppModule() { } +\`\`\` +`;var z=()=>["components/spinner/examples/spinner01.component.html"],A=()=>["components/spinner/examples/spinner02.component.html"],L=()=>["components/spinner/examples/spinner03.component.html"],B=()=>["components/spinner/examples/spinner04.component.html"],U=()=>["components/spinner/examples/spinner05.component.html"],j=()=>["components/spinner/examples/spinner06.component.html"],Y=()=>["components/spinner/examples/spinner07.component.html"],de=(()=>{class e{constructor(s,n){this.metaService=s,this.titleService=n,this.usage=k,this.title="Angular Spinner Component",this.description="Indicate the loading state of a component or page with CoreUI Angular spinners."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(n){return new(n||e)(h(S),h(y))}}static{this.\u0275cmp=p({type:e,selectors:[["docs-spinner"]],decls:39,vars:17,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[1,"visually-hidden"],[3,"files"],[1,"api-table"]],template:function(n,m){n&1&&(t(0,"h1",0),r(1),i(),t(2,"p",1),r(3),i(),o(4,"docs-ads-carbon-loader"),t(5,"markdown"),r(6,` + ## About + + CoreUI "spinners" can be used to show the loading state in your projects. They're built only with HTML and CSS, meaning you don't need any JavaScript to create them. You will, however, need some custom JavaScript to toggle their visibility. Their appearance, alignment, and sizing can be easily customized with our amazing utility classes. + + For accessibility purposes, each loader here includes \`role="status"\` and a nested + \`\`\`html + `),t(7,"span",2),r(8,"Loading..."),i(),r(9,` + \`\`\` + + --- + ## Examples + + ### Border spinner + + Use the border spinners for a lightweight loading indicator. + +`),i(),t(10,"docs-example",3),o(11,"docs-spinner01"),i(),t(12,"markdown"),r(13,"\n ### Colors\n\n The border spinner uses `currentColor` for its `border-color`. You can use any of our text color utilities on the standard spinner.\n"),i(),t(14,"docs-example",3),o(15,"docs-spinner02"),i(),t(16,"markdown"),r(17,` + ### Growing spinner + + If you don't fancy a border spinner, switch to the grow spinner. While it doesn't technically spin, it does repeatedly grow!. +`),i(),t(18,"docs-example",3),o(19,"docs-spinner03"),i(),t(20,"markdown"),r(21,"\n Once again, this spinner is built with `currentColor`, so you can easily change its appearance. Here it is with supported variants.\n"),i(),t(22,"docs-example",3),o(23,"docs-spinner04"),i(),t(24,"markdown"),r(25,` + ### Size + + Add \`size="sm"\` property to make a smaller spinner that can quickly be used within other components. +`),i(),t(26,"docs-example",3),o(27,"docs-spinner05"),i(),t(28,"markdown"),r(29,` + ### Buttons + + Use spinners within buttons to indicate an action is currently processing or taking place. You may also swap the text out of the spinner element and utilize button text as needed. +`),i(),t(30,"docs-example",3),o(31,"docs-spinner06"),i(),t(32,"docs-example",3),o(33,"docs-spinner07"),i(),t(34,"markdown"),r(35),t(36,"div",4),r(37,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `color` | Sets the color context of the spinner to one of CoreUI\u2019s themed colors. | `Colors` | _undefined_ |\n | `label` | Visually hidden label for accessibility. | `string` | _Loading..._ |\n | `size` | Size the component small. | `sm` | _undefined_ |\n | `role` | Role html attribute | `string` |_status_|\n | `variant` | Type of spinner. | `border` \\| `grow` |_border_|\n\n "),i(),r(38,` + +`),i()),n&2&&(c(),g(m.title),c(2),g(m.description),c(7),l("files",d(10,z)),c(4),l("files",d(11,A)),c(4),l("files",d(12,L)),c(4),l("files",d(13,B)),c(4),l("files",d(14,U)),c(4),l("files",d(15,j)),c(2),l("files",d(16,Y)),c(3),v(` + --- + + ## API reference + + ### Spinner Module + + `,m.usage,` + + ### c-spinner + _component_ + + ##### Inputs + `))},dependencies:[x,C,w,T,F,_,D,M,E,b],encapsulation:2,changeDetection:0})}}return e})();export{de as SpinnerComponent}; diff --git a/angular/docs/chunk-6RP7HPDL.js b/angular/docs/chunk-6RP7HPDL.js new file mode 100644 index 00000000000..6429a360eef --- /dev/null +++ b/angular/docs/chunk-6RP7HPDL.js @@ -0,0 +1,60 @@ +import{b as We,j as ne}from"./chunk-NR6O7NQI.js";import{r as Ue,v as Ze,x as C}from"./chunk-XQ2JSG7T.js";import{Ab as J,Bb as ve,Db as Y,Fa as F,Ga as Oe,Gc as qe,Hc as He,I as ye,K as Te,Ka as K,M as Se,Pa as Pe,S as Re,U as Ee,V as $e,W as Ce,Xb as Me,bd as ee,ca as _e,cd as te,da as Ae,eb as ze,ec as De,f as j,fa as O,fc as Ne,ha as E,kb as Le,lb as $,m as be,q as G,qb as V,rc as Be,sa as Ie,uc as je,vc as Fe,y as xe,z as we}from"./chunk-GYQMS5FR.js";import{a as g,b as I,e as Q}from"./chunk-JKOY2XUY.js";function se(){return{async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null}}var A=se();function Je(l){A=l}var D={exec:()=>null};function m(l,n=""){let e=typeof l=="string"?l:l.source,t={replace:(i,r)=>{let s=typeof r=="string"?r:r.source;return s=s.replace(x.caret,"$1"),e=e.replace(i,s),t},getRegex:()=>new RegExp(e,n)};return t}var x={codeRemoveIndent:/^(?: {1,4}| {0,3}\t)/gm,outputLinkReplace:/\\([\[\]])/g,indentCodeCompensation:/^(\s+)(?:```)/,beginningSpace:/^\s+/,endingHash:/#$/,startingSpaceChar:/^ /,endingSpaceChar:/ $/,nonSpaceChar:/[^ ]/,newLineCharGlobal:/\n/g,tabCharGlobal:/\t/g,multipleSpaceGlobal:/\s+/g,blankLine:/^[ \t]*$/,doubleBlankLine:/\n[ \t]*\n[ \t]*$/,blockquoteStart:/^ {0,3}>/,blockquoteSetextReplace:/\n {0,3}((?:=+|-+) *)(?=\n|$)/g,blockquoteSetextReplace2:/^ {0,3}>[ \t]?/gm,listReplaceTabs:/^\t+/,listReplaceNesting:/^ {1,4}(?=( {4})*[^ ])/g,listIsTask:/^\[[ xX]\] /,listReplaceTask:/^\[[ xX]\] +/,anyLine:/\n.*\n/,hrefBrackets:/^<(.*)>$/,tableDelimiter:/[:|]/,tableAlignChars:/^\||\| *$/g,tableRowBlankLine:/\n[ \t]*$/,tableAlignRight:/^ *-+: *$/,tableAlignCenter:/^ *:-+: *$/,tableAlignLeft:/^ *:-+ *$/,startATag:/^/i,startPreScriptTag:/^<(pre|code|kbd|script)(\s|>)/i,endPreScriptTag:/^<\/(pre|code|kbd|script)(\s|>)/i,startAngleBracket:/^$/,pedanticHrefTitle:/^([^'"]*[^\s])\s+(['"])(.*)\2/,unicodeAlphaNumeric:/[\p{L}\p{N}]/u,escapeTest:/[&<>"']/,escapeReplace:/[&<>"']/g,escapeTestNoEncode:/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/,escapeReplaceNoEncode:/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/g,unescapeTest:/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig,caret:/(^|[^\[])\^/g,percentDecode:/%25/g,findPipe:/\|/g,splitPipe:/ \|/,slashPipe:/\\\|/g,carriageReturn:/\r\n|\r/g,spaceLine:/^ +$/gm,notSpaceStart:/^\S*/,endingNewline:/\n$/,listItemRegex:l=>new RegExp(`^( {0,3}${l})((?:[ ][^\\n]*)?(?:\\n|$))`),nextBulletRegex:l=>new RegExp(`^ {0,${Math.min(3,l-1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ ][^\\n]*)?(?:\\n|$))`),hrRegex:l=>new RegExp(`^ {0,${Math.min(3,l-1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`),fencesBeginRegex:l=>new RegExp(`^ {0,${Math.min(3,l-1)}}(?:\`\`\`|~~~)`),headingBeginRegex:l=>new RegExp(`^ {0,${Math.min(3,l-1)}}#`),htmlBeginRegex:l=>new RegExp(`^ {0,${Math.min(3,l-1)}}<(?:[a-z].*>|!--)`,"i")},ut=/^(?:[ \t]*(?:\n|$))+/,dt=/^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/,ft=/^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/,B=/^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/,gt=/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,Ye=/(?:[*+-]|\d{1,9}[.)])/,et=m(/^(?!bull |blockCode|fences|blockquote|heading|html)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html))+?)\n {0,3}(=+|-+) *(?:\n+|$)/).replace(/bull/g,Ye).replace(/blockCode/g,/(?: {4}| {0,3}\t)/).replace(/fences/g,/ {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g,/ {0,3}>/).replace(/heading/g,/ {0,3}#{1,6}/).replace(/html/g,/ {0,3}<[^\n>]+>\n/).getRegex(),oe=/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/,mt=/^[^\n]+/,le=/(?!\s*\])(?:\\.|[^\[\]\\])+/,kt=m(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label",le).replace("title",/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(),bt=m(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g,Ye).getRegex(),U="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",ae=/|$))/,xt=m("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|\\n*|$)|\\n*|$)|)[\\s\\S]*?(?:(?:\\n[ ]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ ]*)+\\n|$)|(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ ]*)+\\n|$))","i").replace("comment",ae).replace("tag",U).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),tt=m(oe).replace("hr",B).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("|table","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html",")|<(?:script|pre|style|textarea|!--)").replace("tag",U).getRegex(),wt=m(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph",tt).getRegex(),ce={blockquote:wt,code:dt,def:kt,fences:ft,heading:gt,hr:B,html:xt,lheading:et,list:bt,newline:ut,paragraph:tt,table:D,text:mt},Xe=m("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr",B).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("blockquote"," {0,3}>").replace("code","(?: {4}| {0,3} )[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html",")|<(?:script|pre|style|textarea|!--)").replace("tag",U).getRegex(),yt=I(g({},ce),{table:Xe,paragraph:m(oe).replace("hr",B).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("table",Xe).replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html",")|<(?:script|pre|style|textarea|!--)").replace("tag",U).getRegex()}),Tt=I(g({},ce),{html:m(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+? *(?:\\n{2,}|\\s*$)|\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment",ae).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:D,lheading:/^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,paragraph:m(oe).replace("hr",B).replace("heading",` *#{1,6} *[^ +]`).replace("lheading",et).replace("|table","").replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").replace("|tag","").getRegex()}),nt=/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,St=/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,it=/^( {2,}|\\)\n(?!\s*$)/,Rt=/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\]*?>/g,Ct=m(/^(?:\*+(?:((?!\*)punct)|[^\s*]))|^_+(?:((?!_)punct)|([^\s_]))/,"u").replace(/punct/g,Z).getRegex(),_t=m("^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)","gu").replace(/notPunctSpace/g,rt).replace(/punctSpace/g,he).replace(/punct/g,Z).getRegex(),At=m("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)","gu").replace(/notPunctSpace/g,rt).replace(/punctSpace/g,he).replace(/punct/g,Z).getRegex(),It=m(/\\(punct)/,"gu").replace(/punct/g,Z).getRegex(),Ot=m(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme",/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email",/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(),Pt=m(ae).replace("(?:-->|$)","-->").getRegex(),zt=m("^comment|^|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^|^").replace("comment",Pt).replace("attribute",/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(),H=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,Lt=m(/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/).replace("label",H).replace("href",/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/).replace("title",/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(),st=m(/^!?\[(label)\]\[(ref)\]/).replace("label",H).replace("ref",le).getRegex(),ot=m(/^!?\[(ref)\](?:\[\])?/).replace("ref",le).getRegex(),vt=m("reflink|nolink(?!\\()","g").replace("reflink",st).replace("nolink",ot).getRegex(),pe={_backpedal:D,anyPunctuation:It,autolink:Ot,blockSkip:$t,br:it,code:St,del:D,emStrongLDelim:Ct,emStrongRDelimAst:_t,emStrongRDelimUnd:At,escape:nt,link:Lt,nolink:ot,punctuation:Et,reflink:st,reflinkSearch:vt,tag:zt,text:Rt,url:D},Mt=I(g({},pe),{link:m(/^!?\[(label)\]\((.*?)\)/).replace("label",H).getRegex(),reflink:m(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",H).getRegex()}),ie=I(g({},pe),{escape:m(nt).replace("])","~|])").getRegex(),url:m(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,"i").replace("email",/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),_backpedal:/(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])((?:\\.|[^\\])*?(?:\\.|[^\s~\\]))\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\":">",'"':""","'":"'"},Qe=l=>Nt[l];function R(l,n){if(n){if(x.escapeTest.test(l))return l.replace(x.escapeReplace,Qe)}else if(x.escapeTestNoEncode.test(l))return l.replace(x.escapeReplaceNoEncode,Qe);return l}function Ge(l){try{l=encodeURI(l).replace(x.percentDecode,"%")}catch{return null}return l}function Ke(l,n){let e=l.replace(x.findPipe,(r,s,o)=>{let a=!1,c=s;for(;--c>=0&&o[c]==="\\";)a=!a;return a?"|":" |"}),t=e.split(x.splitPipe),i=0;if(t[0].trim()||t.shift(),t.length>0&&!t.at(-1)?.trim()&&t.pop(),n)if(t.length>n)t.splice(n);else for(;t.length{let s=r.match(e.other.beginningSpace);if(s===null)return r;let[o]=s;return o.length>=i.length?r.slice(i.length):r}).join(` +`)}var z=class{options;rules;lexer;constructor(n){this.options=n||A}space(n){let e=this.rules.block.newline.exec(n);if(e&&e[0].length>0)return{type:"space",raw:e[0]}}code(n){let e=this.rules.block.code.exec(n);if(e){let t=e[0].replace(this.rules.other.codeRemoveIndent,"");return{type:"code",raw:e[0],codeBlockStyle:"indented",text:this.options.pedantic?t:M(t,` +`)}}}fences(n){let e=this.rules.block.fences.exec(n);if(e){let t=e[0],i=jt(t,e[3]||"",this.rules);return{type:"code",raw:t,lang:e[2]?e[2].trim().replace(this.rules.inline.anyPunctuation,"$1"):e[2],text:i}}}heading(n){let e=this.rules.block.heading.exec(n);if(e){let t=e[2].trim();if(this.rules.other.endingHash.test(t)){let i=M(t,"#");(this.options.pedantic||!i||this.rules.other.endingSpaceChar.test(i))&&(t=i.trim())}return{type:"heading",raw:e[0],depth:e[1].length,text:t,tokens:this.lexer.inline(t)}}}hr(n){let e=this.rules.block.hr.exec(n);if(e)return{type:"hr",raw:M(e[0],` +`)}}blockquote(n){let e=this.rules.block.blockquote.exec(n);if(e){let t=M(e[0],` +`).split(` +`),i="",r="",s=[];for(;t.length>0;){let o=!1,a=[],c;for(c=0;c1,r={type:"list",raw:"",ordered:i,start:i?+t.slice(0,-1):"",loose:!1,items:[]};t=i?`\\d{1,9}\\${t.slice(-1)}`:`\\${t}`,this.options.pedantic&&(t=i?t:"[*+-]");let s=this.rules.other.listItemRegex(t),o=!1;for(;n;){let c=!1,h="",p="";if(!(e=s.exec(n))||this.rules.block.hr.test(n))break;h=e[0],n=n.substring(h.length);let f=e[2].split(` +`,1)[0].replace(this.rules.other.listReplaceTabs,W=>" ".repeat(3*W.length)),u=n.split(` +`,1)[0],k=!f.trim(),b=0;if(this.options.pedantic?(b=2,p=f.trimStart()):k?b=e[1].length+1:(b=e[2].search(this.rules.other.nonSpaceChar),b=b>4?1:b,p=f.slice(b),b+=e[1].length),k&&this.rules.other.blankLine.test(u)&&(h+=u+` +`,n=n.substring(u.length+1),c=!0),!c){let W=this.rules.other.nextBulletRegex(b),ge=this.rules.other.hrRegex(b),me=this.rules.other.fencesBeginRegex(b),ke=this.rules.other.headingBeginRegex(b),pt=this.rules.other.htmlBeginRegex(b);for(;n;){let X=n.split(` +`,1)[0],L;if(u=X,this.options.pedantic?(u=u.replace(this.rules.other.listReplaceNesting," "),L=u):L=u.replace(this.rules.other.tabCharGlobal," "),me.test(u)||ke.test(u)||pt.test(u)||W.test(u)||ge.test(u))break;if(L.search(this.rules.other.nonSpaceChar)>=b||!u.trim())p+=` +`+L.slice(b);else{if(k||f.replace(this.rules.other.tabCharGlobal," ").search(this.rules.other.nonSpaceChar)>=4||me.test(f)||ke.test(f)||ge.test(f))break;p+=` +`+u}!k&&!u.trim()&&(k=!0),h+=X+` +`,n=n.substring(X.length+1),f=L.slice(b)}}r.loose||(o?r.loose=!0:this.rules.other.doubleBlankLine.test(h)&&(o=!0));let w=null,fe;this.options.gfm&&(w=this.rules.other.listIsTask.exec(p),w&&(fe=w[0]!=="[ ] ",p=p.replace(this.rules.other.listReplaceTask,""))),r.items.push({type:"list_item",raw:h,task:!!w,checked:fe,loose:!1,text:p,tokens:[]}),r.raw+=h}let a=r.items.at(-1);a&&(a.raw=a.raw.trimEnd(),a.text=a.text.trimEnd()),r.raw=r.raw.trimEnd();for(let c=0;cf.type==="space"),p=h.length>0&&h.some(f=>this.rules.other.anyLine.test(f.raw));r.loose=p}if(r.loose)for(let c=0;c({text:a,tokens:this.lexer.inline(a),header:!1,align:s.align[c]})));return s}}lheading(n){let e=this.rules.block.lheading.exec(n);if(e)return{type:"heading",raw:e[0],depth:e[2].charAt(0)==="="?1:2,text:e[1],tokens:this.lexer.inline(e[1])}}paragraph(n){let e=this.rules.block.paragraph.exec(n);if(e){let t=e[1].charAt(e[1].length-1)===` +`?e[1].slice(0,-1):e[1];return{type:"paragraph",raw:e[0],text:t,tokens:this.lexer.inline(t)}}}text(n){let e=this.rules.block.text.exec(n);if(e)return{type:"text",raw:e[0],text:e[0],tokens:this.lexer.inline(e[0])}}escape(n){let e=this.rules.inline.escape.exec(n);if(e)return{type:"escape",raw:e[0],text:e[1]}}tag(n){let e=this.rules.inline.tag.exec(n);if(e)return!this.lexer.state.inLink&&this.rules.other.startATag.test(e[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&this.rules.other.endATag.test(e[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&this.rules.other.startPreScriptTag.test(e[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&this.rules.other.endPreScriptTag.test(e[0])&&(this.lexer.state.inRawBlock=!1),{type:"html",raw:e[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,block:!1,text:e[0]}}link(n){let e=this.rules.inline.link.exec(n);if(e){let t=e[2].trim();if(!this.options.pedantic&&this.rules.other.startAngleBracket.test(t)){if(!this.rules.other.endAngleBracket.test(t))return;let s=M(t.slice(0,-1),"\\");if((t.length-s.length)%2===0)return}else{let s=Bt(e[2],"()");if(s>-1){let a=(e[0].indexOf("!")===0?5:4)+e[1].length+s;e[2]=e[2].substring(0,s),e[0]=e[0].substring(0,a).trim(),e[3]=""}}let i=e[2],r="";if(this.options.pedantic){let s=this.rules.other.pedanticHrefTitle.exec(i);s&&(i=s[1],r=s[3])}else r=e[3]?e[3].slice(1,-1):"";return i=i.trim(),this.rules.other.startAngleBracket.test(i)&&(this.options.pedantic&&!this.rules.other.endAngleBracket.test(t)?i=i.slice(1):i=i.slice(1,-1)),Ve(e,{href:i&&i.replace(this.rules.inline.anyPunctuation,"$1"),title:r&&r.replace(this.rules.inline.anyPunctuation,"$1")},e[0],this.lexer,this.rules)}}reflink(n,e){let t;if((t=this.rules.inline.reflink.exec(n))||(t=this.rules.inline.nolink.exec(n))){let i=(t[2]||t[1]).replace(this.rules.other.multipleSpaceGlobal," "),r=e[i.toLowerCase()];if(!r){let s=t[0].charAt(0);return{type:"text",raw:s,text:s}}return Ve(t,r,t[0],this.lexer,this.rules)}}emStrong(n,e,t=""){let i=this.rules.inline.emStrongLDelim.exec(n);if(!i||i[3]&&t.match(this.rules.other.unicodeAlphaNumeric))return;if(!(i[1]||i[2]||"")||!t||this.rules.inline.punctuation.exec(t)){let s=[...i[0]].length-1,o,a,c=s,h=0,p=i[0][0]==="*"?this.rules.inline.emStrongRDelimAst:this.rules.inline.emStrongRDelimUnd;for(p.lastIndex=0,e=e.slice(-1*n.length+s);(i=p.exec(e))!=null;){if(o=i[1]||i[2]||i[3]||i[4]||i[5]||i[6],!o)continue;if(a=[...o].length,i[3]||i[4]){c+=a;continue}else if((i[5]||i[6])&&s%3&&!((s+a)%3)){h+=a;continue}if(c-=a,c>0)continue;a=Math.min(a,a+c+h);let f=[...i[0]][0].length,u=n.slice(0,s+i.index+f+a);if(Math.min(s,a)%2){let b=u.slice(1,-1);return{type:"em",raw:u,text:b,tokens:this.lexer.inlineTokens(b)}}let k=u.slice(2,-2);return{type:"strong",raw:u,text:k,tokens:this.lexer.inlineTokens(k)}}}}codespan(n){let e=this.rules.inline.code.exec(n);if(e){let t=e[2].replace(this.rules.other.newLineCharGlobal," "),i=this.rules.other.nonSpaceChar.test(t),r=this.rules.other.startingSpaceChar.test(t)&&this.rules.other.endingSpaceChar.test(t);return i&&r&&(t=t.substring(1,t.length-1)),{type:"codespan",raw:e[0],text:t}}}br(n){let e=this.rules.inline.br.exec(n);if(e)return{type:"br",raw:e[0]}}del(n){let e=this.rules.inline.del.exec(n);if(e)return{type:"del",raw:e[0],text:e[2],tokens:this.lexer.inlineTokens(e[2])}}autolink(n){let e=this.rules.inline.autolink.exec(n);if(e){let t,i;return e[2]==="@"?(t=e[1],i="mailto:"+t):(t=e[1],i=t),{type:"link",raw:e[0],text:t,href:i,tokens:[{type:"text",raw:t,text:t}]}}}url(n){let e;if(e=this.rules.inline.url.exec(n)){let t,i;if(e[2]==="@")t=e[0],i="mailto:"+t;else{let r;do r=e[0],e[0]=this.rules.inline._backpedal.exec(e[0])?.[0]??"";while(r!==e[0]);t=e[0],e[1]==="www."?i="http://"+e[0]:i=e[0]}return{type:"link",raw:e[0],text:t,href:i,tokens:[{type:"text",raw:t,text:t}]}}}inlineText(n){let e=this.rules.inline.text.exec(n);if(e){let t=this.lexer.state.inRawBlock;return{type:"text",raw:e[0],text:e[0],escaped:t}}}},y=class l{tokens;options;state;tokenizer;inlineQueue;constructor(n){this.tokens=[],this.tokens.links=Object.create(null),this.options=n||A,this.options.tokenizer=this.options.tokenizer||new z,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};let e={other:x,block:q.normal,inline:v.normal};this.options.pedantic?(e.block=q.pedantic,e.inline=v.pedantic):this.options.gfm&&(e.block=q.gfm,this.options.breaks?e.inline=v.breaks:e.inline=v.gfm),this.tokenizer.rules=e}static get rules(){return{block:q,inline:v}}static lex(n,e){return new l(e).lex(n)}static lexInline(n,e){return new l(e).inlineTokens(n)}lex(n){n=n.replace(x.carriageReturn,` +`),this.blockTokens(n,this.tokens);for(let e=0;e(i=s.call({lexer:this},n,e))?(n=n.substring(i.raw.length),e.push(i),!0):!1))continue;if(i=this.tokenizer.space(n)){n=n.substring(i.raw.length);let s=e.at(-1);i.raw.length===1&&s!==void 0?s.raw+=` +`:e.push(i);continue}if(i=this.tokenizer.code(n)){n=n.substring(i.raw.length);let s=e.at(-1);s?.type==="paragraph"||s?.type==="text"?(s.raw+=` +`+i.raw,s.text+=` +`+i.text,this.inlineQueue.at(-1).src=s.text):e.push(i);continue}if(i=this.tokenizer.fences(n)){n=n.substring(i.raw.length),e.push(i);continue}if(i=this.tokenizer.heading(n)){n=n.substring(i.raw.length),e.push(i);continue}if(i=this.tokenizer.hr(n)){n=n.substring(i.raw.length),e.push(i);continue}if(i=this.tokenizer.blockquote(n)){n=n.substring(i.raw.length),e.push(i);continue}if(i=this.tokenizer.list(n)){n=n.substring(i.raw.length),e.push(i);continue}if(i=this.tokenizer.html(n)){n=n.substring(i.raw.length),e.push(i);continue}if(i=this.tokenizer.def(n)){n=n.substring(i.raw.length);let s=e.at(-1);s?.type==="paragraph"||s?.type==="text"?(s.raw+=` +`+i.raw,s.text+=` +`+i.raw,this.inlineQueue.at(-1).src=s.text):this.tokens.links[i.tag]||(this.tokens.links[i.tag]={href:i.href,title:i.title});continue}if(i=this.tokenizer.table(n)){n=n.substring(i.raw.length),e.push(i);continue}if(i=this.tokenizer.lheading(n)){n=n.substring(i.raw.length),e.push(i);continue}let r=n;if(this.options.extensions?.startBlock){let s=1/0,o=n.slice(1),a;this.options.extensions.startBlock.forEach(c=>{a=c.call({lexer:this},o),typeof a=="number"&&a>=0&&(s=Math.min(s,a))}),s<1/0&&s>=0&&(r=n.substring(0,s+1))}if(this.state.top&&(i=this.tokenizer.paragraph(r))){let s=e.at(-1);t&&s?.type==="paragraph"?(s.raw+=` +`+i.raw,s.text+=` +`+i.text,this.inlineQueue.pop(),this.inlineQueue.at(-1).src=s.text):e.push(i),t=r.length!==n.length,n=n.substring(i.raw.length);continue}if(i=this.tokenizer.text(n)){n=n.substring(i.raw.length);let s=e.at(-1);s?.type==="text"?(s.raw+=` +`+i.raw,s.text+=` +`+i.text,this.inlineQueue.pop(),this.inlineQueue.at(-1).src=s.text):e.push(i);continue}if(n){let s="Infinite loop on byte: "+n.charCodeAt(0);if(this.options.silent){console.error(s);break}else throw new Error(s)}}return this.state.top=!0,e}inline(n,e=[]){return this.inlineQueue.push({src:n,tokens:e}),e}inlineTokens(n,e=[]){let t=n,i=null;if(this.tokens.links){let o=Object.keys(this.tokens.links);if(o.length>0)for(;(i=this.tokenizer.rules.inline.reflinkSearch.exec(t))!=null;)o.includes(i[0].slice(i[0].lastIndexOf("[")+1,-1))&&(t=t.slice(0,i.index)+"["+"a".repeat(i[0].length-2)+"]"+t.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;(i=this.tokenizer.rules.inline.blockSkip.exec(t))!=null;)t=t.slice(0,i.index)+"["+"a".repeat(i[0].length-2)+"]"+t.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;(i=this.tokenizer.rules.inline.anyPunctuation.exec(t))!=null;)t=t.slice(0,i.index)+"++"+t.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);let r=!1,s="";for(;n;){r||(s=""),r=!1;let o;if(this.options.extensions?.inline?.some(c=>(o=c.call({lexer:this},n,e))?(n=n.substring(o.raw.length),e.push(o),!0):!1))continue;if(o=this.tokenizer.escape(n)){n=n.substring(o.raw.length),e.push(o);continue}if(o=this.tokenizer.tag(n)){n=n.substring(o.raw.length),e.push(o);continue}if(o=this.tokenizer.link(n)){n=n.substring(o.raw.length),e.push(o);continue}if(o=this.tokenizer.reflink(n,this.tokens.links)){n=n.substring(o.raw.length);let c=e.at(-1);o.type==="text"&&c?.type==="text"?(c.raw+=o.raw,c.text+=o.text):e.push(o);continue}if(o=this.tokenizer.emStrong(n,t,s)){n=n.substring(o.raw.length),e.push(o);continue}if(o=this.tokenizer.codespan(n)){n=n.substring(o.raw.length),e.push(o);continue}if(o=this.tokenizer.br(n)){n=n.substring(o.raw.length),e.push(o);continue}if(o=this.tokenizer.del(n)){n=n.substring(o.raw.length),e.push(o);continue}if(o=this.tokenizer.autolink(n)){n=n.substring(o.raw.length),e.push(o);continue}if(!this.state.inLink&&(o=this.tokenizer.url(n))){n=n.substring(o.raw.length),e.push(o);continue}let a=n;if(this.options.extensions?.startInline){let c=1/0,h=n.slice(1),p;this.options.extensions.startInline.forEach(f=>{p=f.call({lexer:this},h),typeof p=="number"&&p>=0&&(c=Math.min(c,p))}),c<1/0&&c>=0&&(a=n.substring(0,c+1))}if(o=this.tokenizer.inlineText(a)){n=n.substring(o.raw.length),o.raw.slice(-1)!=="_"&&(s=o.raw.slice(-1)),r=!0;let c=e.at(-1);c?.type==="text"?(c.raw+=o.raw,c.text+=o.text):e.push(o);continue}if(n){let c="Infinite loop on byte: "+n.charCodeAt(0);if(this.options.silent){console.error(c);break}else throw new Error(c)}}return e}},S=class{options;parser;constructor(n){this.options=n||A}space(n){return""}code({text:n,lang:e,escaped:t}){let i=(e||"").match(x.notSpaceStart)?.[0],r=n.replace(x.endingNewline,"")+` +`;return i?'
'+(t?r:R(r,!0))+`
+`:"
"+(t?r:R(r,!0))+`
+`}blockquote({tokens:n}){return`
+${this.parser.parse(n)}
+`}html({text:n}){return n}heading({tokens:n,depth:e}){return`${this.parser.parseInline(n)} +`}hr(n){return`
+`}list(n){let e=n.ordered,t=n.start,i="";for(let o=0;o +`+i+" +`}listitem(n){let e="";if(n.task){let t=this.checkbox({checked:!!n.checked});n.loose?n.tokens[0]?.type==="paragraph"?(n.tokens[0].text=t+" "+n.tokens[0].text,n.tokens[0].tokens&&n.tokens[0].tokens.length>0&&n.tokens[0].tokens[0].type==="text"&&(n.tokens[0].tokens[0].text=t+" "+R(n.tokens[0].tokens[0].text),n.tokens[0].tokens[0].escaped=!0)):n.tokens.unshift({type:"text",raw:t+" ",text:t+" ",escaped:!0}):e+=t+" "}return e+=this.parser.parse(n.tokens,!!n.loose),`
  • ${e}
    • +`}checkbox({checked:n}){return"'}paragraph({tokens:n}){return`

    ${this.parser.parseInline(n)}

    +`}table(n){let e="",t="";for(let r=0;r${i}`),` + +`+e+` +`+i+`
    +`}tablerow({text:n}){return` +${n} +`}tablecell(n){let e=this.parser.parseInline(n.tokens),t=n.header?"th":"td";return(n.align?`<${t} align="${n.align}">`:`<${t}>`)+e+` +`}strong({tokens:n}){return`${this.parser.parseInline(n)}`}em({tokens:n}){return`${this.parser.parseInline(n)}`}codespan({text:n}){return`${R(n,!0)}`}br(n){return"
    "}del({tokens:n}){return`${this.parser.parseInline(n)}`}link({href:n,title:e,tokens:t}){let i=this.parser.parseInline(t),r=Ge(n);if(r===null)return i;n=r;let s='    ",s}image({href:n,title:e,text:t}){let i=Ge(n);if(i===null)return R(t);n=i;let r=`${t}{let o=r[s].flat(1/0);t=t.concat(this.walkTokens(o,e))}):r.tokens&&(t=t.concat(this.walkTokens(r.tokens,e)))}}return t}use(...n){let e=this.defaults.extensions||{renderers:{},childTokens:{}};return n.forEach(t=>{let i=g({},t);if(i.async=this.defaults.async||i.async||!1,t.extensions&&(t.extensions.forEach(r=>{if(!r.name)throw new Error("extension name required");if("renderer"in r){let s=e.renderers[r.name];s?e.renderers[r.name]=function(...o){let a=r.renderer.apply(this,o);return a===!1&&(a=s.apply(this,o)),a}:e.renderers[r.name]=r.renderer}if("tokenizer"in r){if(!r.level||r.level!=="block"&&r.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");let s=e[r.level];s?s.unshift(r.tokenizer):e[r.level]=[r.tokenizer],r.start&&(r.level==="block"?e.startBlock?e.startBlock.push(r.start):e.startBlock=[r.start]:r.level==="inline"&&(e.startInline?e.startInline.push(r.start):e.startInline=[r.start]))}"childTokens"in r&&r.childTokens&&(e.childTokens[r.name]=r.childTokens)}),i.extensions=e),t.renderer){let r=this.defaults.renderer||new S(this.defaults);for(let s in t.renderer){if(!(s in r))throw new Error(`renderer '${s}' does not exist`);if(["options","parser"].includes(s))continue;let o=s,a=t.renderer[o],c=r[o];r[o]=(...h)=>{let p=a.apply(r,h);return p===!1&&(p=c.apply(r,h)),p||""}}i.renderer=r}if(t.tokenizer){let r=this.defaults.tokenizer||new z(this.defaults);for(let s in t.tokenizer){if(!(s in r))throw new Error(`tokenizer '${s}' does not exist`);if(["options","rules","lexer"].includes(s))continue;let o=s,a=t.tokenizer[o],c=r[o];r[o]=(...h)=>{let p=a.apply(r,h);return p===!1&&(p=c.apply(r,h)),p}}i.tokenizer=r}if(t.hooks){let r=this.defaults.hooks||new P;for(let s in t.hooks){if(!(s in r))throw new Error(`hook '${s}' does not exist`);if(["options","block"].includes(s))continue;let o=s,a=t.hooks[o],c=r[o];P.passThroughHooks.has(s)?r[o]=h=>{if(this.defaults.async)return Promise.resolve(a.call(r,h)).then(f=>c.call(r,f));let p=a.call(r,h);return c.call(r,p)}:r[o]=(...h)=>{let p=a.apply(r,h);return p===!1&&(p=c.apply(r,h)),p}}i.hooks=r}if(t.walkTokens){let r=this.defaults.walkTokens,s=t.walkTokens;i.walkTokens=function(o){let a=[];return a.push(s.call(this,o)),r&&(a=a.concat(r.call(this,o))),a}}this.defaults=g(g({},this.defaults),i)}),this}setOptions(n){return this.defaults=g(g({},this.defaults),n),this}lexer(n,e){return y.lex(n,e??this.defaults)}parser(n,e){return T.parse(n,e??this.defaults)}parseMarkdown(n){return(t,i)=>{let r=g({},i),s=g(g({},this.defaults),r),o=this.onError(!!s.silent,!!s.async);if(this.defaults.async===!0&&r.async===!1)return o(new Error("marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise."));if(typeof t>"u"||t===null)return o(new Error("marked(): input parameter is undefined or null"));if(typeof t!="string")return o(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(t)+", string expected"));s.hooks&&(s.hooks.options=s,s.hooks.block=n);let a=s.hooks?s.hooks.provideLexer():n?y.lex:y.lexInline,c=s.hooks?s.hooks.provideParser():n?T.parse:T.parseInline;if(s.async)return Promise.resolve(s.hooks?s.hooks.preprocess(t):t).then(h=>a(h,s)).then(h=>s.hooks?s.hooks.processAllTokens(h):h).then(h=>s.walkTokens?Promise.all(this.walkTokens(h,s.walkTokens)).then(()=>h):h).then(h=>c(h,s)).then(h=>s.hooks?s.hooks.postprocess(h):h).catch(o);try{s.hooks&&(t=s.hooks.preprocess(t));let h=a(t,s);s.hooks&&(h=s.hooks.processAllTokens(h)),s.walkTokens&&this.walkTokens(h,s.walkTokens);let p=c(h,s);return s.hooks&&(p=s.hooks.postprocess(p)),p}catch(h){return o(h)}}}onError(n,e){return t=>{if(t.message+=` +Please report this to https://github.com/markedjs/marked.`,n){let i="

    An error occurred:

    "+R(t.message+"",!0)+"
    ";return e?Promise.resolve(i):i}if(e)return Promise.reject(t);throw t}}},_=new re;function d(l,n){return _.parse(l,n)}d.options=d.setOptions=function(l){return _.setOptions(l),d.defaults=_.defaults,Je(d.defaults),d};d.getDefaults=se;d.defaults=A;d.use=function(...l){return _.use(...l),d.defaults=_.defaults,Je(d.defaults),d};d.walkTokens=function(l,n){return _.walkTokens(l,n)};d.parseInline=_.parseInline;d.Parser=T;d.parser=T.parse;d.Renderer=S;d.TextRenderer=N;d.Lexer=y;d.lexer=y.lex;d.Tokenizer=z;d.Hooks=P;d.parse=d;var tn=d.options,nn=d.setOptions,rn=d.use,sn=d.walkTokens,on=d.parseInline;var ln=T.parse,an=y.lex;var Ft=["*"],qt="Copy",Ht="Copied",Ut=(()=>{class l{constructor(){this._buttonClick$=new j,this.copied$=this._buttonClick$.pipe($e(()=>we(be(!0),xe(3e3).pipe(ye(!1)))),Te(),Re(1)),this.copiedText$=this.copied$.pipe(Ee(!1),G(e=>e?Ht:qt))}onCopyToClipboardClick(){this._buttonClick$.next()}static{this.\u0275fac=function(t){return new(t||l)}}static{this.\u0275cmp=J({type:l,selectors:[["markdown-clipboard"]],decls:4,vars:7,consts:[[1,"markdown-clipboard-button",3,"click"]],template:function(t,i){t&1&&(De(0,"button",0),ee(1,"async"),Be("click",function(){return i.onCopyToClipboardClick()}),qe(2),ee(3,"async"),Ne()),t&2&&(Me("copied",te(1,3,i.copied$)),Le(2),He(te(3,5,i.copiedText$)))},dependencies:[Ue],encapsulation:2,changeDetection:0})}}return l})(),Zt=new O("CLIPBOARD_OPTIONS"),lt=class{},_n=(()=>{class l{transform(e,t){return e==null&&(e=""),t==null&&(t=""),typeof e!="string"?(console.error(`LanguagePipe has been invoked with an invalid value type [${typeof e}]`),e):typeof t!="string"?(console.error(`LanguagePipe has been invoked with an invalid parameter [${typeof t}]`),e):"```"+t+` +`+e+"\n```"}static{this.\u0275fac=function(t){return new(t||l)}}static{this.\u0275pipe=Y({name:"language",type:l,pure:!0})}}return l})(),ue=function(l){return l.CommandLine="command-line",l.LineHighlight="line-highlight",l.LineNumbers="line-numbers",l}(ue||{}),ct=new O("MARKED_EXTENSIONS"),Wt=new O("MARKED_OPTIONS"),Xt=new O("MERMAID_OPTIONS"),Qt="[ngx-markdown] When using the `emoji` attribute you *have to* include Emoji-Toolkit files to `angular.json` or use imports. See README for more information",Gt="[ngx-markdown] When using the `katex` attribute you *have to* include KaTeX files to `angular.json` or use imports. See README for more information",Kt="[ngx-markdown] When using the `mermaid` attribute you *have to* include Mermaid files to `angular.json` or use imports. See README for more information",Vt="[ngx-markdown] When using the `clipboard` attribute you *have to* include Clipboard files to `angular.json` or use imports. See README for more information",Jt="[ngx-markdown] When using the `clipboard` attribute you *have to* provide the `viewContainerRef` parameter to `MarkdownService.render()` function",Yt="[ngx-markdown] When using the `src` attribute you *have to* pass the `HttpClient` as a parameter of the `forRoot` method. See README for more information",ht=new O("SECURITY_CONTEXT"),at=class extends S{constructor(){super(...arguments),this.\u0275NgxMarkdownRendererExtendedForExtensions=!1,this.\u0275NgxMarkdownRendererExtendedForMermaid=!1}},de=(()=>{class l{get options(){return this._options}set options(e){this._options=g(g({},this.DEFAULT_MARKED_OPTIONS),e)}get renderer(){return this.options.renderer}set renderer(e){this.options.renderer=e}constructor(e,t,i,r,s,o,a,c){this.clipboardOptions=e,this.extensions=t,this.mermaidOptions=r,this.platform=s,this.securityContext=o,this.http=a,this.sanitizer=c,this.DEFAULT_MARKED_OPTIONS={renderer:new S},this.DEFAULT_KATEX_OPTIONS={delimiters:[{left:"$$",right:"$$",display:!0},{left:"$",right:"$",display:!1},{left:"\\(",right:"\\)",display:!1},{left:"\\begin{equation}",right:"\\end{equation}",display:!0},{left:"\\begin{align}",right:"\\end{align}",display:!0},{left:"\\begin{alignat}",right:"\\end{alignat}",display:!0},{left:"\\begin{gather}",right:"\\end{gather}",display:!0},{left:"\\begin{CD}",right:"\\end{CD}",display:!0},{left:"\\[",right:"\\]",display:!0}]},this.DEFAULT_MERMAID_OPTIONS={startOnLoad:!1},this.DEFAULT_CLIPBOARD_OPTIONS={buttonComponent:void 0},this.DEFAULT_PARSE_OPTIONS={decodeHtml:!1,inline:!1,emoji:!1,mermaid:!1,markedOptions:void 0,disableSanitizer:!1},this.DEFAULT_RENDER_OPTIONS={clipboard:!1,clipboardOptions:void 0,katex:!1,katexOptions:void 0,mermaid:!1,mermaidOptions:void 0},this._reload$=new j,this.reload$=this._reload$.asObservable(),this.options=i}parse(e,t=this.DEFAULT_PARSE_OPTIONS){let{decodeHtml:i,inline:r,emoji:s,mermaid:o,disableSanitizer:a}=t,c=g(g({},this.options),t.markedOptions),h=c.renderer||this.renderer||new S;this.extensions&&(this.renderer=this.extendsRendererForExtensions(h)),o&&(this.renderer=this.extendsRendererForMermaid(h));let p=this.trimIndentation(e),f=i?this.decodeHtml(p):p,u=s?this.parseEmoji(f):f,k=this.parseMarked(u,c,r);return(a?k:this.sanitizer.sanitize(this.securityContext,k))||""}render(e,t=this.DEFAULT_RENDER_OPTIONS,i){let{clipboard:r,clipboardOptions:s,katex:o,katexOptions:a,mermaid:c,mermaidOptions:h}=t;o&&this.renderKatex(e,g(g({},this.DEFAULT_KATEX_OPTIONS),a)),c&&this.renderMermaid(e,g(g(g({},this.DEFAULT_MERMAID_OPTIONS),this.mermaidOptions),h)),r&&this.renderClipboard(e,i,g(g(g({},this.DEFAULT_CLIPBOARD_OPTIONS),this.clipboardOptions),s)),this.highlight(e)}reload(){this._reload$.next()}getSource(e){if(!this.http)throw new Error(Yt);return this.http.get(e,{responseType:"text"}).pipe(G(t=>this.handleExtension(e,t)))}highlight(e){if(!C(this.platform)||typeof Prism>"u"||typeof Prism.highlightAllUnder>"u")return;e||(e=document);let t=e.querySelectorAll('pre code:not([class*="language-"])');Array.prototype.forEach.call(t,i=>i.classList.add("language-none")),Prism.highlightAllUnder(e)}decodeHtml(e){if(!C(this.platform))return e;let t=document.createElement("textarea");return t.innerHTML=e,t.value}extendsRendererForExtensions(e){let t=e;return t.\u0275NgxMarkdownRendererExtendedForExtensions===!0||(this.extensions?.length>0&&d.use(...this.extensions),t.\u0275NgxMarkdownRendererExtendedForExtensions=!0),e}extendsRendererForMermaid(e){let t=e;if(t.\u0275NgxMarkdownRendererExtendedForMermaid===!0)return e;let i=e.code;return e.code=r=>r.lang==="mermaid"?`
    ${r.text}
    `:i(r),t.\u0275NgxMarkdownRendererExtendedForMermaid=!0,e}handleExtension(e,t){let i=e.lastIndexOf("://"),r=i>-1?e.substring(i+4):e,s=r.lastIndexOf("/"),o=s>-1?r.substring(s+1).split("?")[0]:"",a=o.lastIndexOf("."),c=a>-1?o.substring(a+1):"";return c&&c!=="md"?"```"+c+` +`+t+"\n```":t}parseMarked(e,t,i=!1){if(t.renderer){let r=g({},t.renderer);delete r.\u0275NgxMarkdownRendererExtendedForExtensions,delete r.\u0275NgxMarkdownRendererExtendedForMermaid,delete t.renderer,d.use({renderer:r})}return i?d.parseInline(e,t):d.parse(e,t)}parseEmoji(e){if(!C(this.platform))return e;if(typeof joypixels>"u"||typeof joypixels.shortnameToUnicode>"u")throw new Error(Qt);return joypixels.shortnameToUnicode(e)}renderKatex(e,t){if(C(this.platform)){if(typeof katex>"u"||typeof renderMathInElement>"u")throw new Error(Gt);renderMathInElement(e,t)}}renderClipboard(e,t,i){if(!C(this.platform))return;if(typeof ClipboardJS>"u")throw new Error(Vt);if(!t)throw new Error(Jt);let{buttonComponent:r,buttonTemplate:s}=i,o=e.querySelectorAll("pre");for(let a=0;ap.classList.add("hover"),h.onmouseleave=()=>p.classList.remove("hover");let f;if(r){let k=t.createComponent(r);f=k.hostView,k.changeDetectorRef.markForCheck()}else if(s)f=t.createEmbeddedView(s);else{let k=t.createComponent(Ut);f=k.hostView,k.changeDetectorRef.markForCheck()}let u;f.rootNodes.forEach(k=>{p.appendChild(k),u=new ClipboardJS(k,{text:()=>c.innerText})}),f.onDestroy(()=>u.destroy())}}renderMermaid(e,t=this.DEFAULT_MERMAID_OPTIONS){if(!C(this.platform))return;if(typeof mermaid>"u"||typeof mermaid.initialize>"u")throw new Error(Kt);let i=e.querySelectorAll(".mermaid");i.length!==0&&(mermaid.initialize(t),mermaid.run({nodes:i}))}trimIndentation(e){if(!e)return"";let t;return e.split(` +`).map(i=>{let r=t;return i.length>0&&(r=isNaN(r)?i.search(/\S|$/):Math.min(i.search(/\S|$/),r)),isNaN(t)&&(t=r),r?i.substring(r):i}).join(` +`)}static{this.\u0275fac=function(t){return new(t||l)(E(Zt,8),E(ct,8),E(Wt,8),E(Xt,8),E(Pe),E(ht),E(We,8),E(ne))}}static{this.\u0275prov=_e({token:l,factory:l.\u0275fac})}}return l})(),An=(()=>{class l{get disableSanitizer(){return this._disableSanitizer}set disableSanitizer(e){this._disableSanitizer=this.coerceBooleanProperty(e)}get inline(){return this._inline}set inline(e){this._inline=this.coerceBooleanProperty(e)}get clipboard(){return this._clipboard}set clipboard(e){this._clipboard=this.coerceBooleanProperty(e)}get emoji(){return this._emoji}set emoji(e){this._emoji=this.coerceBooleanProperty(e)}get katex(){return this._katex}set katex(e){this._katex=this.coerceBooleanProperty(e)}get mermaid(){return this._mermaid}set mermaid(e){this._mermaid=this.coerceBooleanProperty(e)}get lineHighlight(){return this._lineHighlight}set lineHighlight(e){this._lineHighlight=this.coerceBooleanProperty(e)}get lineNumbers(){return this._lineNumbers}set lineNumbers(e){this._lineNumbers=this.coerceBooleanProperty(e)}get commandLine(){return this._commandLine}set commandLine(e){this._commandLine=this.coerceBooleanProperty(e)}constructor(e,t,i){this.element=e,this.markdownService=t,this.viewContainerRef=i,this.error=new F,this.load=new F,this.ready=new F,this._clipboard=!1,this._commandLine=!1,this._disableSanitizer=!1,this._emoji=!1,this._inline=!1,this._katex=!1,this._lineHighlight=!1,this._lineNumbers=!1,this._mermaid=!1,this.destroyed$=new j}ngOnChanges(){this.loadContent()}loadContent(){if(this.data!=null){this.handleData();return}if(this.src!=null){this.handleSrc();return}}ngAfterViewInit(){!this.data&&!this.src&&this.handleTransclusion(),this.markdownService.reload$.pipe(Ce(this.destroyed$)).subscribe(()=>this.loadContent())}ngOnDestroy(){this.destroyed$.next(),this.destroyed$.complete()}render(e,t=!1){return Q(this,null,function*(){let i={decodeHtml:t,inline:this.inline,emoji:this.emoji,mermaid:this.mermaid,disableSanitizer:this.disableSanitizer},r={clipboard:this.clipboard,clipboardOptions:this.getClipboardOptions(),katex:this.katex,katexOptions:this.katexOptions,mermaid:this.mermaid,mermaidOptions:this.mermaidOptions},s=yield this.markdownService.parse(e,i);this.element.nativeElement.innerHTML=s,this.handlePlugins(),this.markdownService.render(this.element.nativeElement,r,this.viewContainerRef),this.ready.emit()})}coerceBooleanProperty(e){return e!=null&&`${String(e)}`!="false"}getClipboardOptions(){if(this.clipboardButtonComponent||this.clipboardButtonTemplate)return{buttonComponent:this.clipboardButtonComponent,buttonTemplate:this.clipboardButtonTemplate}}handleData(){this.render(this.data)}handleSrc(){this.markdownService.getSource(this.src).subscribe({next:e=>{this.render(e).then(()=>{this.load.emit(e)})},error:e=>this.error.emit(e)})}handleTransclusion(){this.render(this.element.nativeElement.innerHTML,!0)}handlePlugins(){this.commandLine&&(this.setPluginClass(this.element.nativeElement,ue.CommandLine),this.setPluginOptions(this.element.nativeElement,{dataFilterOutput:this.filterOutput,dataHost:this.host,dataPrompt:this.prompt,dataOutput:this.output,dataUser:this.user})),this.lineHighlight&&this.setPluginOptions(this.element.nativeElement,{dataLine:this.line,dataLineOffset:this.lineOffset}),this.lineNumbers&&(this.setPluginClass(this.element.nativeElement,ue.LineNumbers),this.setPluginOptions(this.element.nativeElement,{dataStart:this.start}))}setPluginClass(e,t){let i=e.querySelectorAll("pre");for(let r=0;r{let o=t[s];if(o){let a=this.toLispCase(s);i.item(r).setAttribute(a,o.toString())}})}toLispCase(e){let t=e.match(/([A-Z])/g);if(!t)return e;let i=e.toString();for(let r=0,s=t.length;r{class l{constructor(e,t,i,r,s){this.domSanitizer=e,this.elementRef=t,this.markdownService=i,this.viewContainerRef=r,this.zone=s}transform(e,t){return Q(this,null,function*(){if(e==null)return"";if(typeof e!="string")return console.error(`MarkdownPipe has been invoked with an invalid value type [${typeof e}]`),e;let i=yield this.markdownService.parse(e,t);return this.zone.onStable.pipe(Se()).subscribe(()=>this.markdownService.render(this.elementRef.nativeElement,t,this.viewContainerRef)),this.domSanitizer.bypassSecurityTrustHtml(i)})}static{this.\u0275fac=function(t){return new(t||l)($(ne,16),$(K,16),$(de,16),$(V,16),$(Oe,16))}}static{this.\u0275pipe=Y({name:"markdown",type:l,pure:!0})}}return l})();function en(l){return[de,l?.loader??[],l?.clipboardOptions??[],l?.markedOptions??[],l?.mermaidOptions??[],{provide:ct,useValue:l?.markedExtensions??[]},{provide:ht,useValue:l?.sanitize??ze.HTML}]}var On=(()=>{class l{static forRoot(e){return{ngModule:l,providers:[en(e)]}}static forChild(){return{ngModule:l}}static{this.\u0275fac=function(t){return new(t||l)}}static{this.\u0275mod=ve({type:l})}static{this.\u0275inj=Ae({imports:[Ze]})}}return l})();export{S as a,Ut as b,Zt as c,lt as d,_n as e,ue as f,ct as g,Wt as h,Xt as i,Qt as j,Gt as k,Kt as l,Vt as m,Jt as n,Yt as o,ht as p,at as q,de as r,An as s,In as t,en as u,On as v}; diff --git a/angular/docs/chunk-6XSIGMAT.js b/angular/docs/chunk-6XSIGMAT.js new file mode 100644 index 00000000000..45a2d80f35c --- /dev/null +++ b/angular/docs/chunk-6XSIGMAT.js @@ -0,0 +1,59 @@ +import{a as q}from"./chunk-IWRSONFO.js";import{F as S,Ka as j,La as w,Na as _,Oa as y,Pa as P,Sa as I,Wa as T,Ya as g,Za as D,aa as R,cb as L,fb as E,vb as d,wb as h,xb as p}from"./chunk-N5CLKGXI.js";import"./chunk-W2HQYSLN.js";import"./chunk-XGTGYVNY.js";import"./chunk-DPZ7BZKP.js";import{a as W}from"./chunk-YCMO5GD4.js";import{s as O}from"./chunk-6RP7HPDL.js";import{h as A,i as z}from"./chunk-NR6O7NQI.js";import"./chunk-XQ2JSG7T.js";import"./chunk-4P7KQCRI.js";import{Ab as m,Gc as i,Hb as u,Hc as M,Ub as B,Vb as a,Wc as k,ec as e,fc as o,fd as f,gc as c,jd as N,kb as s,lb as F,rc as x}from"./chunk-GYQMS5FR.js";import{a as G,b as V}from"./chunk-JKOY2XUY.js";var J=(()=>{class t{constructor(r){this.formBuilder=r,this.btnRadioGroup2=this.formBuilder.group({radio2:new I("Radio2")})}setRadioValue(r){this.btnRadioGroup2.setValue({radio2:r})}static{this.\u0275fac=function(n){return new(n||t)(F(L))}}static{this.\u0275cmp=m({type:t,selectors:[["docs-checks-radios15"]],decls:10,vars:2,consts:[[3,"formGroup"],["formControlName","radio2","id","radio1-grp2","type","radio","value","Radio1",1,"btn-check"],["cButton","","cFormCheckLabel","","color","danger","for","radio1-grp2","variant","outline",3,"click"],["formControlName","radio2","id","radio2-grp2","type","radio","value","Radio2",1,"btn-check"],["cButton","","cFormCheckLabel","","color","success","for","radio2-grp2","variant","outline",3,"click"],["formControlName","radio2","id","radio3-grp2","type","radio","value","Radio3",1,"btn-check"],["cButton","","cFormCheckLabel","","color","secondary","for","radio3-grp2","variant","outline",3,"click"]],template:function(n,l){n&1&&(e(0,"c-button-group",0),c(1,"input",1),e(2,"label",2),x("click",function(){return l.setRadioValue("Radio1")}),i(3," Radio 1 "),o(),c(4,"input",3),e(5,"label",4),x("click",function(){return l.setRadioValue("Radio2")}),i(6," Radio 2 "),o(),c(7,"input",5),e(8,"label",6),x("click",function(){return l.setRadioValue("Radio3")}),i(9," Radio3 "),o()()),n&2&&(a("formGroup",l.btnRadioGroup2),s(7),B("disabled",!0))},dependencies:[R,E,w,T,_,y,g,D,d,S],encapsulation:2})}}return t})();var K=(()=>{class t{constructor(){this.btnRadioGroup=new P({radio1:new I("Radio2")})}setRadioValue(r){this.btnRadioGroup.setValue({radio1:r})}static{this.\u0275fac=function(n){return new(n||t)}}static{this.\u0275cmp=m({type:t,selectors:[["docs-checks-radios14"]],decls:10,vars:1,consts:[[3,"formGroup"],["formControlName","radio1","id","radio1","type","radio","value","Radio1",1,"btn-check"],["cButton","","cFormCheckLabel","","for","radio1","variant","ghost",3,"click"],["formControlName","radio1","id","radio2","type","radio","value","Radio2",1,"btn-check"],["cButton","","cFormCheckLabel","","for","radio2","variant","ghost",3,"click"],["formControlName","radio1","id","radio3","type","radio","value","Radio3","disabled","",1,"btn-check"],["cButton","","cFormCheckLabel","","for","radio3","variant","ghost",3,"click"]],template:function(n,l){n&1&&(e(0,"c-button-group",0),c(1,"input",1),e(2,"label",2),x("click",function(){return l.setRadioValue("Radio1")}),i(3,"Radio 1"),o(),c(4,"input",3),e(5,"label",4),x("click",function(){return l.setRadioValue("Radio2")}),i(6,"Radio 2"),o(),c(7,"input",5),e(8,"label",6),x("click",function(){return l.setRadioValue("Radio3")}),i(9,"Radio3"),o()()),n&2&&a("formGroup",l.btnRadioGroup)},dependencies:[R,E,w,T,_,y,g,D,d,S],encapsulation:2})}}return t})();var Q=(()=>{class t{constructor(r){this.formBuilder=r,this.btnCheckGroup=this.formBuilder.group({checkbox1:[!0],checkbox2:[!1],checkbox3:[{value:!1,disabled:!0}]})}setValue(r){let n=this.btnCheckGroup.get(r)?.value,l=this.btnCheckGroup.getRawValue(),v=V(G({},l),{[`${r}`]:!n});this.btnCheckGroup.setValue(v)}static{this.\u0275fac=function(n){return new(n||t)(F(L))}}static{this.\u0275cmp=m({type:t,selectors:[["docs-checks-radios13"]],decls:11,vars:1,consts:[[3,"formGroup"],["formControlName","checkbox1","type","checkbox",1,"btn-check"],["cButton","","cFormCheckLabel","",3,"click"],["formControlName","checkbox2","type","checkbox",1,"btn-check"],["formControlName","checkbox3","type","checkbox",1,"btn-check"]],template:function(n,l){n&1&&(e(0,"div",0)(1,"c-button-group"),c(2,"input",1),e(3,"label",2),x("click",function(){return l.setValue("checkbox1")}),i(4,"Checkbox 1"),o(),c(5,"input",3),e(6,"label",2),x("click",function(){return l.setValue("checkbox2")}),i(7,"Checkbox 2"),o(),c(8,"input",4),e(9,"label",2),x("click",function(){return l.setValue("checkbox3")}),i(10,"Disabled 3"),o()()()),n&2&&a("formGroup",l.btnCheckGroup)},dependencies:[E,j,_,y,g,D,R,d,S],encapsulation:2})}}return t})();var U=(()=>{class t{static{this.\u0275fac=function(n){return new(n||t)}}static{this.\u0275cmp=m({type:t,selectors:[["docs-checks-radios12"]],decls:4,vars:0,consts:[["cFormCheckInput","","id","nolabelCheck","name","nolabelCheck","type","checkbox"],["cFormCheckInput","","id","nolabelRadio","name","nolabelRadio","type","radio"]],template:function(n,l){n&1&&(e(0,"div"),c(1,"input",0),o(),e(2,"div"),c(3,"input",1),o())},dependencies:[p],encapsulation:2})}}return t})();var X=(()=>{class t{static{this.\u0275fac=function(n){return new(n||t)}}static{this.\u0275cmp=m({type:t,selectors:[["docs-checks-radios11"]],decls:12,vars:0,consts:[["inline",""],["cFormCheckInput","","checked","","id","radioinline1","name","radioinline","type","radio"],["cFormCheckLabel","","for","radioinline1"],["cFormCheckInput","","id","radioinline2","name","radioinline","type","radio"],["cFormCheckLabel","","for","radioinline2"],["cFormCheckInput","","disabled","","id","radioinline3","name","radioinline","type","radio"],["cFormCheckLabel","","for","radioinline3"]],template:function(n,l){n&1&&(e(0,"c-form-check",0),c(1,"input",1),e(2,"label",2),i(3,"1"),o()(),e(4,"c-form-check",0),c(5,"input",3),e(6,"label",4),i(7,"2"),o()(),e(8,"c-form-check",0),c(9,"input",5),e(10,"label",6),i(11,"3 (disabled)"),o()())},dependencies:[h,p,d],encapsulation:2})}}return t})();var Y=(()=>{class t{static{this.\u0275fac=function(n){return new(n||t)}}static{this.\u0275cmp=m({type:t,selectors:[["docs-checks-radios10"]],decls:12,vars:1,consts:[[3,"inline"],["cFormCheckInput","","id","inline1","type","checkbox"],["cFormCheckLabel","","for","inline1"],["inline",""],["cFormCheckInput","","id","inline2","type","checkbox"],["cFormCheckLabel","","for","inline2"],["cFormCheckInput","","disabled","","id","inline3","type","checkbox"],["cFormCheckLabel","","for","inline3"]],template:function(n,l){n&1&&(e(0,"c-form-check",0),c(1,"input",1),e(2,"label",2),i(3,"1"),o()(),e(4,"c-form-check",3),c(5,"input",4),e(6,"label",5),i(7,"2"),o()(),e(8,"c-form-check",3),c(9,"input",6),e(10,"label",7),i(11,"3 (disabled)"),o()()),n&2&&a("inline",!0)},dependencies:[h,p,d],encapsulation:2})}}return t})();var Z=(()=>{class t{static{this.\u0275fac=function(n){return new(n||t)}}static{this.\u0275cmp=m({type:t,selectors:[["docs-checks-radios09"]],decls:12,vars:0,consts:[["cFormCheckInput","","checked","","id","radioStack1","name","radioStack","type","radio"],["cFormCheckLabel","","for","radioStack1"],["cFormCheckInput","","id","radioStack2","name","radioStack","type","radio"],["cFormCheckLabel","","for","radioStack2"],["cFormCheckInput","","disabled","","id","radioStack3","name","radioStack","type","radio"],["cFormCheckLabel","","for","radioStack3"]],template:function(n,l){n&1&&(e(0,"c-form-check"),c(1,"input",0),e(2,"label",1),i(3,"Default radio"),o()(),e(4,"c-form-check"),c(5,"input",2),e(6,"label",3),i(7,"Second radio"),o()(),e(8,"c-form-check"),c(9,"input",4),e(10,"label",5),i(11,"Disabled radio"),o()())},dependencies:[h,p,d],encapsulation:2})}}return t})();var $=(()=>{class t{static{this.\u0275fac=function(n){return new(n||t)}}static{this.\u0275cmp=m({type:t,selectors:[["docs-checks-radios08"]],decls:8,vars:0,consts:[["cFormCheckInput","","id","stackOne","type","checkbox"],["cFormCheckLabel","","for","stackOne"],["cFormCheckInput","","disabled","","id","stackTwo","type","checkbox"],["cFormCheckLabel","","for","stackTwo"]],template:function(n,l){n&1&&(e(0,"c-form-check"),c(1,"input",0),e(2,"label",1),i(3,"Default checkbox"),o()(),e(4,"c-form-check"),c(5,"input",2),e(6,"label",3),i(7,"Disabled checkbox"),o()())},dependencies:[h,p,d],encapsulation:2})}}return t})();var ee=(()=>{class t{static{this.\u0275fac=function(n){return new(n||t)}}static{this.\u0275cmp=m({type:t,selectors:[["docs-checks-radios07"]],decls:12,vars:1,consts:[[3,"switch"],["cFormCheckInput","","type","checkbox"],["cFormCheckLabel",""],["sizing","lg","switch",""],["sizing","xl","switch",""],["cFormCheckInput","","checked","","type","checkbox"]],template:function(n,l){n&1&&(e(0,"c-form-check",0),c(1,"input",1),e(2,"label",2),i(3,"Default switch checkbox input"),o()(),e(4,"c-form-check",3),c(5,"input",1),e(6,"label",2),i(7,"Large switch checkbox input"),o()(),e(8,"c-form-check",4),c(9,"input",5),e(10,"label",2),i(11,"Extra large switch checkbox input"),o()()),n&2&&a("switch",!0)},dependencies:[h,p,d],encapsulation:2})}}return t})();var te=(()=>{class t{static{this.\u0275fac=function(n){return new(n||t)}}static{this.\u0275cmp=m({type:t,selectors:[["docs-checks-radios06"]],decls:16,vars:4,consts:[[3,"switch"],["cFormCheckInput","","type","checkbox"],["cFormCheckLabel",""],["cFormCheckInput","","checked","","type","checkbox"],["cFormCheckInput","","disabled","","type","checkbox"],["cFormCheckInput","","checked","","disabled","","type","checkbox"]],template:function(n,l){n&1&&(e(0,"c-form-check",0),c(1,"input",1),e(2,"label",2),i(3,"Default switch checkbox input"),o()(),e(4,"c-form-check",0),c(5,"input",3),e(6,"label",2),i(7,"Checked switch checkbox input"),o()(),e(8,"c-form-check",0),c(9,"input",4),e(10,"label",2),i(11,"Default switch checkbox input"),o()(),e(12,"c-form-check",0),c(13,"input",5),e(14,"label",2),i(15,"Checked switch checkbox input"),o()()),n&2&&(a("switch",!0),s(4),a("switch",!0),s(4),a("switch",!0),s(4),a("switch",!0))},dependencies:[h,p,d],encapsulation:2})}}return t})();var oe=(()=>{class t{static{this.\u0275fac=function(n){return new(n||t)}}static{this.\u0275cmp=m({type:t,selectors:[["docs-checks-radios05"]],decls:8,vars:0,consts:[["cFormCheckInput","","name","flexRadioDisabled","type","radio","value","one","disabled",""],["cFormCheckLabel",""],["cFormCheckInput","","name","flexRadioDisabled","type","radio","value","two","disabled","","checked",""]],template:function(n,l){n&1&&(e(0,"c-form-check"),c(1,"input",0),e(2,"label",1),i(3,"Default radio"),o()(),e(4,"c-form-check"),c(5,"input",2),e(6,"label",1),i(7,"Checked radio"),o()())},dependencies:[h,p,d],encapsulation:2})}}return t})();var ne=(()=>{class t{static{this.\u0275fac=function(n){return new(n||t)}}static{this.\u0275cmp=m({type:t,selectors:[["docs-checks-radios04"]],decls:8,vars:0,consts:[["cFormCheckInput","","type","radio","value","one","name","flexRadioDefault"],["cFormCheckLabel",""],["cFormCheckInput","","type","radio","value","two","name","flexRadioDefault","checked",""]],template:function(n,l){n&1&&(e(0,"c-form-check"),c(1,"input",0),e(2,"label",1),i(3,"Default radio"),o()(),e(4,"c-form-check"),c(5,"input",2),e(6,"label",1),i(7,"Checked radio"),o()())},dependencies:[h,p,d],encapsulation:2})}}return t})();var ie=(()=>{class t{static{this.\u0275fac=function(n){return new(n||t)}}static{this.\u0275cmp=m({type:t,selectors:[["docs-checks-radios03"]],decls:12,vars:0,consts:[["cFormCheckInput","","id","checkThree","type","checkbox","disabled",""],["cFormCheckLabel","","for","checkThree"],["cFormCheckInput","","id","checkFour","type","checkbox","disabled","","checked",""],["cFormCheckLabel","","for","checkFour"],["cFormCheckInput","","id","checkFive","type","checkbox","disabled","","indeterminate",""]],template:function(n,l){n&1&&(e(0,"c-form-check"),c(1,"input",0),e(2,"label",1),i(3,"Disabled checkbox"),o()(),e(4,"c-form-check"),c(5,"input",2),e(6,"label",3),i(7,"Disabled checked checkbox"),o()(),e(8,"c-form-check"),c(9,"input",4),e(10,"label",3),i(11,"Disabled indeterminate checkbox"),o()())},dependencies:[h,p,d],encapsulation:2})}}return t})();var ce=(()=>{class t{static{this.\u0275fac=function(n){return new(n||t)}}static{this.\u0275cmp=m({type:t,selectors:[["docs-checks-radios02"]],decls:4,vars:1,consts:[["cFormCheckInput","","id","checkIndeterminate","type","checkbox",3,"indeterminate"],["cFormCheckLabel","","for","checkIndeterminate"]],template:function(n,l){n&1&&(e(0,"c-form-check"),c(1,"input",0),e(2,"label",1),i(3,"Indeterminate checkbox"),o()()),n&2&&(s(),a("indeterminate",!0))},dependencies:[h,p,d],encapsulation:2})}}return t})();var re=(()=>{class t{constructor(r){this.cdr=r,this.checked=void 0}ngOnInit(){setTimeout(()=>{this.checked=!0,this.cdr.markForCheck(),setTimeout(()=>{this.checked=!1,this.cdr.markForCheck(),setTimeout(()=>{this.checked=void 0,this.cdr.markForCheck()},3e3)},3e3)},3e3)}onClick(r){console.log(r,r.target,r.target.value,r.target.checked)}static{this.\u0275fac=function(n){return new(n||t)(F(N))}}static{this.\u0275cmp=m({type:t,selectors:[["docs-checks-radios01"]],decls:8,vars:1,consts:[["cFormCheckInput","","id","checkOne","type","checkbox"],["cFormCheckLabel","","for","checkOne"],["cFormCheckInput","","id","checkTwo","type","checkbox",3,"checked"],["cFormCheckLabel","","for","checkTwo"]],template:function(n,l){n&1&&(e(0,"c-form-check"),c(1,"input",0),e(2,"label",1),i(3,"Default checkbox"),o()(),e(4,"c-form-check"),c(5,"input",2),e(6,"label",3),i(7,"Checked checkbox"),o()()),n&2&&(s(5),a("checked",!0))},dependencies:[h,p,d],encapsulation:2})}}return t})();var ae=()=>["forms/checks-radios/examples/checks-radios01.component.html"],me=()=>["forms/checks-radios/examples/checks-radios02.component.html"],le=()=>["forms/checks-radios/examples/checks-radios03.component.html"],se=()=>["forms/checks-radios/examples/checks-radios04.component.html"],de=()=>["forms/checks-radios/examples/checks-radios05.component.html"],pe=()=>["forms/checks-radios/examples/checks-radios06.component.html"],he=()=>["forms/checks-radios/examples/checks-radios07.component.html"],ue=()=>["forms/checks-radios/examples/checks-radios08.component.html"],ke=()=>["forms/checks-radios/examples/checks-radios09.component.html"],fe=()=>["forms/checks-radios/examples/checks-radios10.component.html"],Ce=()=>["forms/checks-radios/examples/checks-radios11.component.html"],be=()=>["forms/checks-radios/examples/checks-radios12.component.html"],xe=()=>["forms/checks-radios/examples/checks-radios13.component.html","forms/checks-radios/examples/checks-radios13.component.ts"],ve=()=>["forms/checks-radios/examples/checks-radios14.component.html","forms/checks-radios/examples/checks-radios14.component.ts"],Fe=()=>["forms/checks-radios/examples/checks-radios15.component.html","forms/checks-radios/examples/checks-radios15.component.ts"];function Se(t,b){t&1&&(e(0,"div",5),c(1,"docs-checks-radios01"),o())}function Re(t,b){t&1&&(e(0,"div",5),c(1,"docs-checks-radios02"),o())}function _e(t,b){t&1&&(e(0,"div",5),c(1,"docs-checks-radios03"),o())}function ye(t,b){t&1&&(e(0,"div",5),c(1,"docs-checks-radios04"),o())}function ge(t,b){t&1&&(e(0,"div",5),c(1,"docs-checks-radios05"),o())}function De(t,b){t&1&&(e(0,"div",5),c(1,"docs-checks-radios06"),o())}function Ee(t,b){t&1&&(e(0,"div",5),c(1,"docs-checks-radios07"),o())}function we(t,b){t&1&&(e(0,"div",5),c(1,"docs-checks-radios08"),o())}function Ie(t,b){t&1&&(e(0,"div",5),c(1,"docs-checks-radios09"),o())}function Te(t,b){t&1&&(e(0,"div",5),c(1,"docs-checks-radios10"),o())}function Le(t,b){t&1&&(e(0,"div",5),c(1,"docs-checks-radios11"),o())}function Me(t,b){t&1&&(e(0,"div",5),c(1,"docs-checks-radios12"),o())}function Ge(t,b){t&1&&(e(0,"div",5),c(1,"docs-checks-radios13"),o())}function Ve(t,b){t&1&&(e(0,"div",5),c(1,"docs-checks-radios14"),o())}function Be(t,b){t&1&&(e(0,"div",5),c(1,"docs-checks-radios15"),o())}var Bt=(()=>{class t{constructor(r,n){this.metaService=r,this.titleService=n,this.title="Angular Checkbox & Radio Component",this.description="Create consistent cross-browser and cross-device checkboxes and radios with our Angular checkbox, radio, and switch components."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(n){return new(n||t)(F(A),F(z))}}static{this.\u0275cmp=m({type:t,selectors:[["docs-checks-radios-docs"]],decls:84,vars:32,consts:[["docsExample",""],["id","getting-started"],["markdown","",1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"api-table"],[1,"docs-example","p-3"]],template:function(n,l){n&1&&(e(0,"h1",1),i(1),o(),e(2,"p",2),i(3),o(),c(4,"docs-ads-carbon-loader"),e(5,"markdown"),i(6,` + ## Approach + Browser default checkboxes and radios are replaced with the help of \`c-form-check\`. Checkboxes are for selecting one + or several options in a list, while radios are for selecting one option from many. + + ## Checks +`),o(),e(7,"docs-example",3),u(8,Se,2,0,"ng-template",null,0,f),o(),e(10,"markdown"),i(11,"\n ### Indeterminate\n Checkboxes can utilize the `:indeterminate` pseudo-class when manually set via `indeterminate` property.\n"),o(),e(12,"docs-example",3),u(13,Re,2,0,"ng-template",null,0,f),o(),e(15,"markdown"),i(16,` + ### Disabled checks + Add the disabled attribute and the associated \`cFormCheckLabel\` is automatically styled to match with a lighter color + to help indicate the input's state. +`),o(),e(17,"docs-example",3),u(18,_e,2,0,"ng-template",null,0,f),o(),e(20,"markdown"),i(21,` + ## Radios +`),o(),e(22,"docs-example",3),u(23,ye,2,0,"ng-template",null,0,f),o(),e(25,"markdown"),i(26,"\n ### Disabled radios\n Add the `disabled` attribute and the associated `cFormCheckLabel` is automatically styled to match with a lighter\n color to help indicate the input's state.\n"),o(),e(27,"docs-example",3),u(28,ge,2,0,"ng-template",null,0,f),o(),e(30,"markdown"),i(31,"\n ## Switches\n A switch has the markup of a custom checkbox but uses the `switch` boolean properly to render a toggle switch.\n Switches also support the `disabled` attribute.\n"),o(),e(32,"docs-example",3),u(33,De,2,0,"ng-template",null,0,f),o(),e(35,"markdown"),i(36,` + ## Sizes +`),o(),e(37,"docs-example",3),u(38,Ee,2,0,"ng-template",null,0,f),o(),e(40,"markdown"),i(41,` + ## Layout + ### Default (stacked) +`),o(),e(42,"docs-example",3),u(43,we,2,0,"ng-template",null,0,f),o(),e(45,"docs-example",3),u(46,Ie,2,0,"ng-template",null,0,f),o(),e(48,"markdown"),i(49,"\n ### Inline\n Group checkboxes or radios on the same horizontal row by adding `inline` boolean property to any c-form-check`.\n"),o(),e(50,"docs-example",3),u(51,Te,2,0,"ng-template",null,0,f),o(),e(53,"docs-example",3),u(54,Le,2,0,"ng-template",null,0,f),o(),e(56,"markdown"),i(57,` + ### Without labels + Remember to still provide some form of accessible name for assistive technologies (for instance, using \`aria-label\`). +`),o(),e(58,"docs-example",3),u(59,Me,2,0,"ng-template",null,0,f),o(),e(61,"markdown"),i(62,` + ## Toggle buttons + Create button-like checkboxes and radio buttons by using button boolean property on the \`c-form-check\` component. + These toggle buttons can further be grouped in a button group if needed. + ### Checkbox toggle buttons +`),o(),e(63,"docs-example",3),u(64,Ge,2,0,"ng-template",null,0,f),o(),e(66,"markdown"),i(67,` + ### Radio toggle buttons +`),o(),e(68,"docs-example",3),u(69,Ve,2,0,"ng-template",null,0,f),o(),e(71,"markdown"),i(72,` + ### Outlined styles + Different variants of button, such at the various outlined styles, are supported. +`),o(),e(73,"docs-example",3),u(74,Be,2,0,"ng-template",null,0,f),o(),e(76,"markdown"),i(77,` + --- + + ## API reference + + ### Form Module + + --- + + ### c-form-check + _component_ + + ##### Inputs + `),e(78,"div",4),i(79,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `inline` | Group checkboxes or radios on the same horizontal row. | `boolean` | _undefined_ |\n | `sizing` | Size the label small or large. | `sm` \\| `lg` |_undefined_|\n | `switch` | Render a toggle switch on for checkbox. | `boolean` | _undefined_ |\n\n "),o(),i(80,` + + --- + + ### cFormCheckInput + _directive_ + + ##### Inputs + `),e(81,"div",4),i(82,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `indeterminate` | Set checkbox indeterminate state. | `boolean` | _undefined_ |\n | `type` | Specifies the html type of input element. | `checkbox` \\| `radio` |_checkbox_|\n | `valid` | Set component validation state to valid. | `boolean` | _undefined_ |\n\n "),o(),i(83,` + + --- + + ### cFormCheckLabel + _directive_ + +`),o()),n&2&&(s(),M(l.title),s(2),M(l.description),s(4),a("files",k(17,ae)),s(5),a("files",k(18,me)),s(5),a("files",k(19,le)),s(5),a("files",k(20,se)),s(5),a("files",k(21,de)),s(5),a("files",k(22,pe)),s(5),a("files",k(23,he)),s(5),a("files",k(24,ue)),s(3),a("files",k(25,ke)),s(5),a("files",k(26,fe)),s(3),a("files",k(27,Ce)),s(5),a("files",k(28,be)),s(5),a("files",k(29,xe)),s(5),a("files",k(30,ve)),s(5),a("files",k(31,Fe)))},dependencies:[O,W,q,re,ce,ie,ne,oe,te,ee,$,Z,Y,X,U,Q,K,J],encapsulation:2,changeDetection:0})}}return t})();export{Bt as ChecksRadiosDocsComponent}; diff --git a/angular/docs/chunk-73OGRFJE.js b/angular/docs/chunk-73OGRFJE.js deleted file mode 100644 index 78e5caea91b..00000000000 --- a/angular/docs/chunk-73OGRFJE.js +++ /dev/null @@ -1,27 +0,0 @@ -import{a as I}from"./chunk-GOOL7UHW.js";import{La as C,Na as b,Ua as S,Xa as x,eb as M,fb as F,ub as u,yb as g}from"./chunk-CIRO6JJS.js";import"./chunk-HEV2ZGEM.js";import"./chunk-QWX5SKOU.js";import"./chunk-DPZ7BZKP.js";import{a as A}from"./chunk-KJYCQPQX.js";import{r as L}from"./chunk-R2AYP265.js";import{h as E,i as T}from"./chunk-ADVPX5JT.js";import"./chunk-2XBJPMNA.js";import"./chunk-TJ5BOBQA.js";import{Cc as i,Dc as c,Lc as v,Mc as h,Nc as y,Rb as f,Sc as p,Tc as _,ac as e,bc as o,cc as d,mb as r,na as s,nb as w}from"./chunk-W26A3BQN.js";import"./chunk-JKOY2XUY.js";var W=(()=>{class n{constructor(){this.value=3}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=s({type:n,selectors:[["docs-range04"]],standalone:!0,features:[p],decls:5,vars:2,consts:[["cLabel","","for","customRange3"],["cFormControl","","id","customRange3","max","5","min","0","step","0.5","type","range",3,"ngModelChange","ngModel"]],template:function(t,a){t&1&&(e(0,"label",0),i(1,"Example range - "),e(2,"strong"),i(3),o()(),e(4,"input",1),y("ngModelChange",function(l){return h(a.value,l)||(a.value=l),l}),o()),t&2&&(r(3),c(a.value),r(),v("ngModel",a.value))},dependencies:[u,g,F,C,x,b,M,S],encapsulation:2})}}return n})();var N=(()=>{class n{constructor(){this.min=0,this.max=6,this.value=4}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=s({type:n,selectors:[["docs-range03"]],standalone:!0,features:[p],decls:5,vars:4,consts:[["cLabel","","for","customRange2"],["cFormControl","","id","customRange2","type","range",3,"ngModelChange","ngModel","max","min"]],template:function(t,a){t&1&&(e(0,"label",0),i(1,"Example range - "),e(2,"strong"),i(3),o()(),e(4,"input",1),y("ngModelChange",function(l){return h(a.value,l)||(a.value=l),l}),o()),t&2&&(r(3),c(a.value),r(),v("ngModel",a.value),f("max",a.max)("min",a.min))},dependencies:[u,g,F,C,x,b,M,S],encapsulation:2})}}return n})();var V=(()=>{class n{static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=s({type:n,selectors:[["docs-range02"]],standalone:!0,features:[p],decls:3,vars:0,consts:[["cLabel","","for","disabledRange"],["cFormControl","","disabled","","id","disabledRange","type","range"]],template:function(t,a){t&1&&(e(0,"label",0),i(1,"Disabled range"),o(),d(2,"input",1))},dependencies:[u,g],encapsulation:2})}}return n})();var B=(()=>{class n{constructor(){this.value=50}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=s({type:n,selectors:[["docs-range01"]],standalone:!0,features:[p],decls:5,vars:2,consts:[["cLabel","","for","customRange1"],["cFormControl","","id","customRange1","type","range",3,"ngModelChange","ngModel"]],template:function(t,a){t&1&&(e(0,"label",0),i(1,"Example range - "),e(2,"strong"),i(3),o()(),e(4,"input",1),y("ngModelChange",function(l){return h(a.value,l)||(a.value=l),l}),o()),t&2&&(r(3),c(a.value),r(),v("ngModel",a.value))},dependencies:[u,g,F,C,x,b,M,S],encapsulation:2})}}return n})();var P=()=>["forms/range/examples/range01.component.html","forms/range/examples/range01.component.ts"],j=()=>["forms/range/examples/range02.component.html"],O=()=>["forms/range/examples/range03.component.html","forms/range/examples/range03.component.ts"],q=()=>["forms/range/examples/range04.component.html"],le=(()=>{class n{constructor(m,t){this.metaService=m,this.titleService=t,this.title="Angular Range Component",this.description="Use our custom Angular Range inputs for consistent cross-browser styling and built-in customization."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(t){return new(t||n)(w(E),w(T))}}static{this.\u0275cmp=s({type:n,selectors:[["docs-range-docs"]],standalone:!0,features:[p],decls:26,vars:10,consts:[["id","getting-started"],["markdown","",1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"api-table"]],template:function(t,a){t&1&&(e(0,"h1",0),i(1),o(),e(2,"p",1),i(3),o(),d(4,"docs-ads-carbon-loader"),e(5,"markdown"),i(6,` - ## Overview - Create custom range controls with \`\`. The track (the background) and thumb (the - value) are both styled to appear the same across browsers. As only Edge Legacy and Firefox supports "filling" their - track from the left or right of the thumb as a means to visually indicate progress, we do not currently support it. -`),o(),e(7,"docs-example",2),d(8,"docs-range01"),o(),e(9,"markdown"),i(10,` - ## Disabled - Add the \`disabled\` boolean attribute on an input to give it a grayed out appearance and remove pointer events. -`),o(),e(11,"docs-example",2),d(12,"docs-range02"),o(),e(13,"markdown"),i(14,'\n ## Min and max\n Range inputs have implicit values for `min="0"` and `max="100"`, respectively. You may specify new values for those using the `min` and `max` attributes.\n'),o(),e(15,"docs-example",2),d(16,"docs-range03"),o(),e(17,"markdown"),i(18,` - ## Steps - By default, range inputs "snap" to integer values. To change this, you can specify a step value. In the example below, we double the number of steps by using \`step="0.5"\`. -`),o(),e(19,"docs-example",2),d(20,"docs-range04"),o(),e(21,"markdown"),i(22,` - --- - - ## API reference - ### Form Module - - --- - - ### cFormControl - type="range" - _directive_ - - ##### Inputs - `),e(23,"div",3),i(24,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `max` | Specifies the maximum value for the component. | `number` | _100_ |\n | `min` | Specifies the minimum value for the component. | `number` | _0_ |\n | `steps` | Specifies the interval between legal numbers in the component. | `number` |_1_|\n | `type` | Specifies the html type of input element. | `range` |__required__|\n | `value` | The value attribute of the input. | `number` | _(max-min)/2_ |\n | `disabled` | Toggle the disabled state for the component. | `boolean` | _false_ |\n\n "),o(),i(25,` - -`),o()),t&2&&(r(),c(a.title),r(2),c(a.description),r(4),f("files",_(6,P)),r(4),f("files",_(7,j)),r(4),f("files",_(8,O)),r(4),f("files",_(9,q)))},dependencies:[L,A,I,B,V,N,W],encapsulation:2,changeDetection:0})}}return n})();export{le as RangeDocsComponent}; diff --git a/angular/docs/chunk-76NCE7PJ.js b/angular/docs/chunk-76NCE7PJ.js new file mode 100644 index 00000000000..f2aca3e5451 --- /dev/null +++ b/angular/docs/chunk-76NCE7PJ.js @@ -0,0 +1,81 @@ +import{a as R}from"./chunk-IWRSONFO.js";import{Bc as h,Cc as M,Dc as g,Ec as v,F as u,Fc as f,G as b,Xc as z,dd as W,i as I,xc as p}from"./chunk-N5CLKGXI.js";import"./chunk-W2HQYSLN.js";import"./chunk-XGTGYVNY.js";import"./chunk-DPZ7BZKP.js";import{a as X}from"./chunk-YCMO5GD4.js";import{s as V}from"./chunk-6RP7HPDL.js";import{h as H,i as j}from"./chunk-NR6O7NQI.js";import{q as k}from"./chunk-XQ2JSG7T.js";import"./chunk-4P7KQCRI.js";import{Ab as s,Fc as c,Gc as o,Hb as E,Hc as P,Ic as O,Vb as n,Wc as S,ec as t,fc as e,fd as T,gc as r,jc as B,kb as l,lb as F,rc as _}from"./chunk-GYQMS5FR.js";import"./chunk-JKOY2XUY.js";var U=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-modal10"]],decls:63,vars:14,consts:[["fullScreen",""],["fullScreenSm",""],["fullScreenMd",""],["fullScreenLg",""],["fullScreenXl",""],["fullScreen2Xl",""],["cButton","",3,"cModalToggle"],["id","fullScreen",3,"fullscreen"],["cModalTitle",""],["cButtonClose","",3,"cModalToggle"],["fullscreen","sm","id","fullScreenSm"],["fullscreen","md","id","fullScreenMd"],["fullscreen","lg","id","fullScreenLg"],["fullscreen","xl","id","fullScreenXl"],["fullscreen","xxl","id","fullScreen2Xl"]],template:function(a,x){if(a&1&&(t(0,"button",6),o(1,"Full screen"),e(),t(2,"button",6),o(3,"Full screen below sm"),e(),t(4,"button",6),o(5,"Full screen below md"),e(),t(6,"button",6),o(7,"Full screen below lg"),e(),t(8,"button",6),o(9,"Full screen below xl"),e(),t(10,"button",6),o(11,"Full screen below xxl"),e(),t(12,"c-modal",7,0)(14,"c-modal-header")(15,"h5",8),o(16,"Full screen"),e(),r(17,"button",9),e(),t(18,"c-modal-body"),o(19,"..."),e(),t(20,"c-modal-footer")(21,"button",6),o(22,"Close"),e()()(),t(23,"c-modal",10,1)(25,"c-modal-header")(26,"h5",8),o(27,"Full screen below sm"),e(),r(28,"button",9),e(),t(29,"c-modal-body"),o(30,"..."),e()(),t(31,"c-modal",11,2)(33,"c-modal-header")(34,"h5",8),o(35,"Full screen below md"),e(),r(36,"button",9),e(),t(37,"c-modal-body"),o(38,"..."),e()(),t(39,"c-modal",12,3)(41,"c-modal-header")(42,"h5",8),o(43,"Full screen below lg"),e(),r(44,"button",9),e(),t(45,"c-modal-body"),o(46,"..."),e()(),t(47,"c-modal",13,4)(49,"c-modal-header")(50,"h5",8),o(51,"Full screen below xl"),e(),r(52,"button",9),e(),t(53,"c-modal-body"),o(54,"..."),e()(),t(55,"c-modal",14,5)(57,"c-modal-header")(58,"h5",8),o(59,"Full screen below xxl"),e(),r(60,"button",9),e(),t(61,"c-modal-body"),o(62,"..."),e()()),a&2){let d=c(13),C=c(24),w=c(32),q=c(40),L=c(48),A=c(56);n("cModalToggle",d.id),l(2),n("cModalToggle",C.id),l(2),n("cModalToggle",w.id),l(2),n("cModalToggle",q.id),l(2),n("cModalToggle",L.id),l(2),n("cModalToggle",A.id),l(2),n("fullscreen",!0),l(5),n("cModalToggle",d.id),l(4),n("cModalToggle",d.id),l(7),n("cModalToggle",C.id),l(8),n("cModalToggle",w.id),l(8),n("cModalToggle",q.id),l(8),n("cModalToggle",L.id),l(8),n("cModalToggle",A.id)}},dependencies:[u,h,f,g,v,b,p,M],encapsulation:2})}}return i})();var N=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-modal09"]],decls:27,vars:3,consts:[["modalXl",""],["modalLg",""],["modalSm",""],["cButton","",3,"cModalToggle"],["id","modalXl","size","xl"],["cModalTitle",""],["id","modalLg","size","lg"],["id","modalSm","size","sm"]],template:function(a,x){if(a&1&&(t(0,"button",3),o(1,"Extra large modal"),e(),t(2,"button",3),o(3,"Large modal"),e(),t(4,"button",3),o(5,"Small modal"),e(),t(6,"c-modal",4,0)(8,"c-modal-header")(9,"h5",5),o(10,"Extra large modal"),e()(),t(11,"c-modal-body"),o(12,"..."),e()(),t(13,"c-modal",6,1)(15,"c-modal-header")(16,"h5",5),o(17,"Large modal"),e()(),t(18,"c-modal-body"),o(19,"..."),e()(),t(20,"c-modal",7,2)(22,"c-modal-header")(23,"h5",5),o(24,"Small modal"),e()(),t(25,"c-modal-body"),o(26,"..."),e()()),a&2){let d=c(7),C=c(14),w=c(21);n("cModalToggle",d.id),l(2),n("cModalToggle",C.id),l(2),n("cModalToggle",w.id)}},dependencies:[u,h,f,g,v,p],encapsulation:2})}}return i})();var J=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-modal11"]],decls:28,vars:7,consts:[["ModalOne",""],["ModalTwo",""],["cButton","",3,"cModalToggle"],["id","liveDemoModalOne","alignment","center"],["cModalTitle",""],["cButtonClose","",3,"cModalToggle"],["cButton","","color","secondary",3,"cModalToggle"],["cButton","","color","primary",3,"cModalToggle"],["id","liveDemoModalTwo"]],template:function(a,x){if(a&1&&(t(0,"button",2),o(1,"Open first modal"),e(),t(2,"c-modal",3,0)(4,"c-modal-header")(5,"h5",4),o(6,"Modal 1 title"),e(),r(7,"button",5),e(),t(8,"c-modal-body"),o(9,"Show a second modal and hide this one with the button below"),e(),t(10,"c-modal-footer")(11,"button",6),o(12," Close "),e(),t(13,"button",7),o(14,"Open second modal"),e()()(),t(15,"c-modal",8,1)(17,"c-modal-header")(18,"h5",4),o(19,"Modal 2 title"),e(),r(20,"button",5),e(),t(21,"c-modal-body"),o(22,"Hide this modal, and show the first one with the button below"),e(),t(23,"c-modal-footer")(24,"button",6),o(25," Close "),e(),t(26,"button",7),o(27,"Back to first"),e()()()),a&2){let d=c(3),C=c(16);n("cModalToggle",d.id),l(7),n("cModalToggle",d.id),l(4),n("cModalToggle",d.id),l(2),n("cModalToggle",C.id),l(7),n("cModalToggle",C.id),l(4),n("cModalToggle",C.id),l(2),n("cModalToggle",d.id)}},dependencies:[u,h,f,g,v,b,p,M],encapsulation:2})}}return i})();var Y=()=>({strategy:"fixed"});function ie(i,D){i&1&&(t(0,"h3",11),o(1," Popover title "),e(),t(2,"div",12),o(3," And here\u2019s some amazing content. It\u2019s very engaging. Right? "),e())}var G=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-modal08"]],decls:32,vars:9,consts:[["withPopoverModal",""],["popoverHtml",""],["cButton","",3,"cModalToggle"],["alignment","center","id","withPopoverModal"],["cModalTitle",""],["cButtonClose","",3,"cModalToggle"],["cButton","",3,"cPopoverTrigger","cPopover","cPopoverOptions"],["routerLink","","cTooltip","Tooltip text"],["routerLink","","cTooltip","Tooltip text","cTooltipPlacement","bottom",3,"cTooltipOptions"],["cButton","","color","secondary",3,"cModalToggle"],["cButton","","color","primary"],[1,"popover-header"],["id","",1,"popover-body"]],template:function(a,x){if(a&1&&(t(0,"button",2),o(1,"Modal with Popover"),e(),t(2,"c-modal",3,0)(4,"c-modal-header")(5,"h5",4),o(6,"Modal title"),e(),r(7,"button",5),e(),t(8,"c-modal-body")(9,"h5"),o(10,"Popover in a modal"),e(),o(11," This "),t(12,"button",6),o(13,"button"),e(),o(14," triggers a popover on click. "),E(15,ie,4,0,"ng-template",null,1,T),r(17,"hr"),t(18,"h5"),o(19,"Tooltips in a modal"),e(),t(20,"p")(21,"a",7),o(22,"This link"),e(),o(23," and "),t(24,"a",8),o(25,"that link "),e(),o(26," have tooltips on hover. "),e()(),t(27,"c-modal-footer")(28,"button",9),o(29," Close "),e(),t(30,"button",10),o(31,"Understood"),e()()()),a&2){let d=c(3),C=c(16);n("cModalToggle",d.id),l(7),n("cModalToggle",d.id),l(5),n("cPopoverTrigger","click")("cPopover",C)("cPopoverOptions",S(7,Y)),l(12),n("cTooltipOptions",S(8,Y)),l(4),n("cModalToggle",d.id)}},dependencies:[u,h,f,g,v,b,p,z,I,W,M],encapsulation:2})}}return i})();var K=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-modal07"]],decls:48,vars:4,consts:[["verticallyCenteredScrollableModal",""],["cButton","",3,"cModalToggle"],["alignment","center","id","verticallyCenteredScrollableModal",3,"scrollable"],["cModalTitle",""],["cButtonClose","",3,"cModalToggle"],["cButton","","color","secondary",3,"cModalToggle"],["cButton","","color","primary"]],template:function(a,x){if(a&1&&(t(0,"button",1),o(1,"Centered scrollable modal"),e(),t(2,"c-modal",2,0)(4,"c-modal-header")(5,"h5",3),o(6,"Modal title"),e(),r(7,"button",4),e(),t(8,"c-modal-body")(9,"p"),o(10," This is some placeholder content to show a vertically centered modal. We've added some extra copy here to show how vertically centering the modal works when combined with scrollable modals. We also use some repeated line breaks to quickly extend the height of the content, thereby triggering the scrolling. When content becomes longer than the predefined max-height of modal, content will be cropped and scrollable within the modal. "),e(),r(11,"br")(12,"br")(13,"br")(14,"br")(15,"br")(16,"br")(17,"br")(18,"br")(19,"br")(20,"br")(21,"br")(22,"br")(23,"br")(24,"br")(25,"br")(26,"br")(27,"br")(28,"br")(29,"br")(30,"br")(31,"br")(32,"br")(33,"br")(34,"br")(35,"br")(36,"br")(37,"br")(38,"br")(39,"br")(40,"br"),t(41,"p"),o(42,"Just like that."),e()(),t(43,"c-modal-footer")(44,"button",5),o(45," Close "),e(),t(46,"button",6),o(47,"Understood"),e()()()),a&2){let d=c(3);n("cModalToggle",d.id),l(2),n("scrollable",!0),l(5),n("cModalToggle",d.id),l(37),n("cModalToggle",d.id)}},dependencies:[u,h,f,g,v,b,p,M],encapsulation:2})}}return i})();var Q=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-modal06"]],decls:15,vars:3,consts:[["verticallyCenteredModal",""],["cButton","",3,"cModalToggle"],["alignment","center","id","verticallyCenteredModal"],["cModalTitle",""],["cButtonClose","",3,"cModalToggle"],["cButton","","color","secondary",3,"cModalToggle"],["cButton","","color","primary"]],template:function(a,x){if(a&1&&(t(0,"button",1),o(1,"Centered modal"),e(),t(2,"c-modal",2,0)(4,"c-modal-header")(5,"h5",3),o(6,"Modal title"),e(),r(7,"button",4),e(),t(8,"c-modal-body"),o(9," Woohoo, you are reading this text in a modal! "),e(),t(10,"c-modal-footer")(11,"button",5),o(12," Close "),e(),t(13,"button",6),o(14,"Understood"),e()()()),a&2){let d=c(3);n("cModalToggle",d.id),l(7),n("cModalToggle",d.id),l(4),n("cModalToggle",d.id)}},dependencies:[u,h,f,g,v,b,p,M],encapsulation:2})}}return i})();function le(i,D){i&1&&B(0)}function ae(i,D){i&1&&(t(0,"p"),o(1," Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. "),e(),t(2,"p"),o(3," Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. "),e(),t(4,"p"),o(5," Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. "),e(),t(6,"p"),o(7," Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. "),e(),t(8,"p"),o(9," Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. "),e(),t(10,"p"),o(11," Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. "),e(),t(12,"p"),o(13," Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. "),e(),t(14,"p"),o(15," Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. "),e(),t(16,"p"),o(17," Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. "),e(),t(18,"p"),o(19," Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. "),e(),t(20,"p"),o(21," Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. "),e(),t(22,"p"),o(23," Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. "),e(),t(24,"p"),o(25," Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. "),e(),t(26,"p"),o(27," Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. "),e(),t(28,"p"),o(29," Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. "),e(),t(30,"p"),o(31," Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. "),e(),t(32,"p"),o(33," Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. "),e(),t(34,"p"),o(35," Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. "),e())}var Z=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-modal05"]],decls:17,vars:4,consts:[["scrollableLongContentModal",""],["longContent",""],["cButton","",3,"cModalToggle"],["id","scrollableLongContentModal","scrollable",""],["cModalTitle",""],["cButtonClose","",3,"cModalToggle"],[4,"ngTemplateOutlet"],["cButton","","color","secondary",3,"cModalToggle"],["cButton","","color","primary"]],template:function(a,x){if(a&1&&(t(0,"button",2),o(1,"Scrollable long content"),e(),t(2,"c-modal",3,0)(4,"c-modal-header")(5,"h5",4),o(6,"Modal title"),e(),r(7,"button",5),e(),t(8,"c-modal-body"),E(9,le,1,0,"ng-container",6),e(),t(10,"c-modal-footer")(11,"button",7),o(12," Close "),e(),t(13,"button",8),o(14,"Save changes"),e()()(),E(15,ae,36,0,"ng-template",null,1,T)),a&2){let d=c(3),C=c(16);n("cModalToggle",d.id),l(7),n("cModalToggle",d.id),l(2),n("ngTemplateOutlet",C),l(2),n("cModalToggle",d.id)}},dependencies:[u,h,f,g,v,b,p,k,M],encapsulation:2})}}return i})();function re(i,D){i&1&&B(0)}function de(i,D){i&1&&(t(0,"p"),o(1," Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. "),e(),t(2,"p"),o(3," Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. "),e(),t(4,"p"),o(5," Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. "),e(),t(6,"p"),o(7," Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. "),e(),t(8,"p"),o(9," Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. "),e(),t(10,"p"),o(11," Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. "),e(),t(12,"p"),o(13," Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. "),e(),t(14,"p"),o(15," Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. "),e(),t(16,"p"),o(17," Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. "),e(),t(18,"p"),o(19," Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. "),e(),t(20,"p"),o(21," Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. "),e(),t(22,"p"),o(23," Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. "),e(),t(24,"p"),o(25," Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. "),e(),t(26,"p"),o(27," Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. "),e(),t(28,"p"),o(29," Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. "),e(),t(30,"p"),o(31," Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. "),e(),t(32,"p"),o(33," Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. "),e(),t(34,"p"),o(35," Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. "),e())}var $=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-modal04"]],decls:17,vars:4,consts:[["scrollingLongContentModal",""],["longContent",""],["cButton","",3,"cModalToggle"],["id","scrollingLongContentModal"],["cModalTitle",""],["cButtonClose","",3,"cModalToggle"],[4,"ngTemplateOutlet"],["cButton","","color","secondary",3,"cModalToggle"],["cButton","","color","primary"]],template:function(a,x){if(a&1&&(t(0,"button",2),o(1,"Scrolling long content"),e(),t(2,"c-modal",3,0)(4,"c-modal-header")(5,"h5",4),o(6,"Modal title"),e(),r(7,"button",5),e(),t(8,"c-modal-body"),E(9,re,1,0,"ng-container",6),e(),t(10,"c-modal-footer")(11,"button",7),o(12," Close "),e(),t(13,"button",8),o(14,"Save changes"),e()()(),E(15,de,36,0,"ng-template",null,1,T)),a&2){let d=c(3),C=c(16);n("cModalToggle",d.id),l(7),n("cModalToggle",d.id),l(2),n("ngTemplateOutlet",C),l(2),n("cModalToggle",d.id)}},dependencies:[u,h,f,g,v,b,p,k,M],encapsulation:2})}}return i})();var ee=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-modal03"]],decls:15,vars:3,consts:[["staticBackdropModal",""],["cButton","",3,"cModalToggle"],["backdrop","static","id","staticBackdropModal"],["cModalTitle",""],["cButtonClose","",3,"cModalToggle"],["cButton","","color","secondary",3,"cModalToggle"],["cButton","","color","primary"]],template:function(a,x){if(a&1&&(t(0,"button",1),o(1,"Launch static backdrop modal"),e(),t(2,"c-modal",2,0)(4,"c-modal-header")(5,"h5",3),o(6,"Modal title"),e(),r(7,"button",4),e(),t(8,"c-modal-body"),o(9,"Woohoo, you're reading this text in a modal!"),e(),t(10,"c-modal-footer")(11,"button",5),o(12," Close "),e(),t(13,"button",6),o(14,"Understood"),e()()()),a&2){let d=c(3);n("cModalToggle",d.id),l(7),n("cModalToggle",d.id),l(4),n("cModalToggle",d.id)}},dependencies:[u,h,f,g,v,b,p,M],encapsulation:2})}}return i})();var te=(()=>{class i{constructor(){this.visible=!1}toggleLiveDemo(){this.visible=!this.visible}handleLiveDemoChange(m){this.visible=m}static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-modal02"]],decls:14,vars:1,consts:[["cButton","",3,"click"],["id","liveDemoModal",3,"visibleChange","visible"],["cModalTitle",""],["cButtonClose","",3,"click"],["cButton","","color","secondary",3,"click"],["cButton","","color","primary"]],template:function(a,x){a&1&&(t(0,"button",0),_("click",function(){return x.toggleLiveDemo()}),o(1,"Launch demo modal"),e(),t(2,"c-modal",1),_("visibleChange",function(C){return x.handleLiveDemoChange(C)}),t(3,"c-modal-header")(4,"h5",2),o(5,"Modal title"),e(),t(6,"button",3),_("click",function(){return x.toggleLiveDemo()}),e()(),t(7,"c-modal-body"),o(8,"Woohoo, you are reading this text in a modal!"),e(),t(9,"c-modal-footer")(10,"button",4),_("click",function(){return x.toggleLiveDemo()}),o(11," Close "),e(),t(12,"button",5),o(13,"Save changes"),e()()()),a&2&&(l(2),n("visible",x.visible))},dependencies:[u,f,g,v,b,p,M],encapsulation:2})}}return i})();var oe=(()=>{class i{static{this.\u0275fac=function(a){return new(a||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-modal01"]],decls:12,vars:2,consts:[["backdrop","static","id","modalStatic",1,"position-static","d-block","show",3,"keyboard","transition"],["cModalTitle",""],["cButtonClose",""],["cButton","","color","secondary"],["cButton","","color","primary"]],template:function(a,x){a&1&&(t(0,"c-modal",0)(1,"c-modal-header")(2,"h5",1),o(3,"Modal title"),e(),r(4,"button",2),e(),t(5,"c-modal-body"),o(6,"Modal body text goes here."),e(),t(7,"c-modal-footer")(8,"button",3),o(9,"Close"),e(),t(10,"button",4),o(11,"Save changes"),e()()()),a&2&&n("keyboard",!1)("transition",!1)},dependencies:[f,g,v,b,p,M,u],encapsulation:2})}}return i})();var ne=`\`\`\`typescript +import { ModalModule } from '@coreui/angular'; + +@NgModule({ + imports: [ModalModule,] +}) +export class AppModule() { } +\`\`\` +`;var me=()=>["components/modal/examples/modal01.component.html"],se=()=>["components/modal/examples/modal02.component.html","components/modal/examples/modal02.component.ts"],ue=()=>["components/modal/examples/modal03.component.html"],pe=()=>["components/modal/examples/modal04.component.html"],ge=()=>["components/modal/examples/modal05.component.html"],ve=()=>["components/modal/examples/modal06.component.html"],fe=()=>["components/modal/examples/modal07.component.html"],be=()=>["components/modal/examples/modal08.component.html"],Me=()=>["components/modal/examples/modal11.component.html"],xe=()=>["components/modal/examples/modal09.component.html"],he=()=>["components/modal/examples/modal10.component.html"],xt=(()=>{class i{constructor(m,a){this.metaService=m,this.titleService=a,this.usage=ne,this.title="Angular Modal Component",this.description="Angular Modal component offers a lightweight, multi-purpose popup to add dialogs to yours. Learn how to customize Angular CoreUI Modals easily. Multiple examples and tutorial."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(a){return new(a||i)(F(H),F(j))}}static{this.\u0275cmp=s({type:i,selectors:[["docs-modal"]],decls:66,vars:25,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"api-table"]],template:function(a,x){a&1&&(t(0,"h1",0),o(1),e(),t(2,"p",1),o(3),e(),r(4,"docs-ads-carbon-loader"),t(5,"markdown"),o(6,"\n ## Examples\n\n ### Modal components\n\n Below is a static modal example (meaning its `position` and `display` have been overridden). Included are the modal header, modal body (required for `padding`), and modal footer (optional). We ask that you include modal headers with dismiss actions whenever possible, or provide another explicit dismiss action.\n"),e(),t(7,"docs-example",2),r(8,"docs-modal01"),e(),t(9,"markdown"),o(10,` + ### Live demo + + Toggle a working modal demo by clicking the button below. It will slide down and fade in from the top of the page. +`),e(),t(11,"docs-example",2),r(12,"docs-modal02"),e(),t(13,"markdown"),o(14,"\n ### Static backdrop\n\n If you set a `backdrop` to `static`, your modal will behave as though the backdrop is static, meaning it will not close when clicking outside it. Click the button below to try it.\n"),e(),t(15,"docs-example",2),r(16,"docs-modal03"),e(),t(17,"markdown"),o(18,` + ### Scrolling long content + + When modals become too long for the user's viewport or device, they scroll independent of the page itself. Try the demo below to see what we mean. +`),e(),t(19,"docs-example",2),r(20,"docs-modal04"),e(),t(21,"markdown"),o(22,` + ### Scrollable + + You can also create a scrollable modal that allows scroll the modal body by adding \`scrollable\` prop. +`),e(),t(23,"docs-example",2),r(24,"docs-modal05"),e(),t(25,"markdown"),o(26,'\n ### Vertically centered\n\n Add `alignment="center` to `c-modal` for vertically centered modal.\n'),e(),t(27,"docs-example",2),r(28,"docs-modal06"),e(),t(29,"markdown"),o(30,` + Centered scrollable +`),e(),t(31,"docs-example",2),r(32,"docs-modal07"),e(),t(33,"markdown"),o(34,"\n ### Tooltips and popovers\n\n `cTooltips` and `cPopovers` can be placed within modals as needed. When modals are closed, any tooltips and popovers within are also automatically dismissed.\n"),e(),t(35,"docs-example",2),r(36,"docs-modal08"),e(),t(37,"markdown"),o(38,` + ### Toggle between modals + + Toggle between multiple modals with \`cModalToggle\` values juggling. __Please note multiple modals cannot be opened at the same time__ \u2014 this method simply toggles between two separate modals. +`),e(),t(39,"docs-example",2),r(40,"docs-modal11"),e(),t(41,"markdown"),o(42,` + ### Optional sizes + + Modals have three optional sizes, available via modifier props be placed on a \`c-modal\`. These sizes kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports. + + `),t(43,"div",3),o(44,"\n\n | Size | Property value | Modal max-width |\n | ---- | ----------- | ---- |\n | Small | `sm` | `300px` |\n | Default | _none_ | `500px` |\n | Large | `lg` | `800px` |\n | Extra Large | `xl` | `1140px` |\n\n "),e(),o(45,` +`),e(),t(46,"docs-example",2),r(47,"docs-modal09"),e(),t(48,"markdown"),o(49,` + ### Fullscreen Modal + + Another override is the option to pop up a modal that covers the user viewport, available via property \`fullscreen\`. + + `),t(50,"div",3),o(51,"\n\n | `fullscreen` value | Availability |\n | ---- | ----------- |\n | `true` | _Always_ |\n | `sm` | _Below_ `576px` |\n | `md` | _Below_ `768px` |\n | `lg` | _Below_ `992px` |\n | `xl` | _Below_ `1200px` |\n | `xxl` | _Below_ `1400px` |\n\n "),e(),o(52,` +`),e(),t(53,"docs-example",2),r(54,"docs-modal10"),e(),t(55,"markdown"),o(56),t(57,"div",3),o(58,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `alignment` | Align the modal in the center or top of the screen. | `top` \\| `center` | _top_ |\n | `backdrop` | Apply a backdrop on body while modal is open. | `boolean` \\| `static` | _true_ |\n | `fullscreen` | Set modal to cover the entire user viewport. | `boolean` \\| `sm` \\| `md` \\| `lg` \\| `xl` \\| `xxl` |_undefined_|\n | `id` | Html id attr, required for programmatic modal visibility change. | `string` | **required** |\n | `keyboard` | Closes the modal when escape key is pressed. | `boolean` |_true_|\n | `size` | Size the component small, large, or extra large. | `sm` \\| `lg` \\| `xl` |_undefined_|\n | `transition` | Remove animation to create modal that simply appear rather than fade in to view. | `boolean` |_true_|\n | `scrollable` | Create a scrollable modal that allows scrolling the modal body. | `boolean` |_false_|\n | `visible` | Toggle the visibility of modal component. | `boolean` |_undefined_|\n | `role` | Html role for modal | `string` |_dialog_|\n | `aria-modal` | Set aria-modal html attr for modal. | `string` |_true_|\n\n "),e(),o(59,` + + ##### Outputs + `),t(60,"div",3),o(61,"\n\n | name | description | type |\n | ---- | ----------- | ---- |\n | `visibleChange` | Event emitted on `visible` change. | `boolean` |\n\n "),e(),o(62,` + + ### c-modal-body + _component_ + + ### c-modal-footer + _component_ + + ### c-modal-header + _component_ + + ### cModalTittle + _directive_ + + ### cModalToggle + _directive_ + + ##### Inputs + `),t(63,"div",3),o(64,` + + | name | description | type | default | + | ---- | ----------- | ---- | ------- | + | \`cModalToggle\` | Html element id attr of modal to dismiss. | \`string\` | **required** | + + `),e(),o(65,` + +`),e()),a&2&&(l(),P(x.title),l(2),P(x.description),l(4),n("files",S(14,me)),l(4),n("files",S(15,se)),l(4),n("files",S(16,ue)),l(4),n("files",S(17,pe)),l(4),n("files",S(18,ge)),l(4),n("files",S(19,ve)),l(4),n("files",S(20,fe)),l(4),n("files",S(21,be)),l(4),n("files",S(22,Me)),l(7),n("files",S(23,xe)),l(7),n("files",S(24,he)),l(3),O(` + --- + + ## API reference + + ### Modal Module + + `,x.usage,` + + ### c-modal + _component_ + + ##### Inputs + `))},dependencies:[X,V,R,oe,te,ee,$,Z,Q,K,G,J,N,U],encapsulation:2})}}return i})();export{xt as ModalComponent}; diff --git a/angular/docs/chunk-7GGIVGNP.js b/angular/docs/chunk-7GGIVGNP.js new file mode 100644 index 00000000000..8388e8503d9 --- /dev/null +++ b/angular/docs/chunk-7GGIVGNP.js @@ -0,0 +1,64 @@ +import{a as H}from"./chunk-IWRSONFO.js";import{F as l,G as m,I as k,Ic as p,Jc as d,Kc as v,Lc as u,Mc as g,U as _}from"./chunk-N5CLKGXI.js";import"./chunk-W2HQYSLN.js";import"./chunk-XGTGYVNY.js";import"./chunk-DPZ7BZKP.js";import"./chunk-YCMO5GD4.js";import{s as B}from"./chunk-6RP7HPDL.js";import{h as D,i as w}from"./chunk-NR6O7NQI.js";import"./chunk-XQ2JSG7T.js";import{a as M}from"./chunk-4P7KQCRI.js";import{Ab as r,Fc as b,Gc as n,Hc as T,Ic as E,Vb as s,Wc as C,ec as t,fc as e,gc as i,kb as c,lb as y}from"./chunk-GYQMS5FR.js";import"./chunk-JKOY2XUY.js";var I=(()=>{class o{static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=r({type:o,selectors:[["docs-offcanvas06"]],decls:10,vars:0,consts:[["cButton","","cOffcanvasToggle","OffcanvasDark"],["placement","start","id","OffcanvasDark",1,"text-bg-dark"],["cOffcanvasTitle",""],["cButtonClose","","white","","cOffcanvasToggle","OffcanvasDark","aria-label","Close",1,"ms-auto"]],template:function(a,h){a&1&&(t(0,"button",0),n(1,"Dark offcanvas"),e(),t(2,"c-offcanvas",1)(3,"c-offcanvas-header")(4,"h5",2),n(5,"Dark Offcanvas Header"),e(),i(6,"button",3),e(),t(7,"c-offcanvas-body")(8,"p"),n(9," Content for the dark offcanvas goes here. "),e()()())},dependencies:[l,g,p,v,u,m,d],encapsulation:2})}}return o})();var F=(()=>{class o{static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=r({type:o,selectors:[["docs-offcanvas05"]],decls:16,vars:2,consts:[["offcanvasResponsive",""],["cButton","",1,"d-lg-none",3,"cOffcanvasToggle"],["color","info",1,"d-none","d-lg-block"],["responsive","lg","placement","end"],["cOffcanvasTitle",""],["aria-label","Close","cButtonClose","",1,"text-reset","ms-auto",3,"cOffcanvasToggle"],[1,"mb-0"]],template:function(a,h){if(a&1&&(t(0,"button",1),n(1,"Toggle offcanvas"),e(),t(2,"c-alert",2),n(3,"Resize your browser to show the responsive offcanvas toggle button."),e(),t(4,"c-offcanvas",3,0)(6,"c-offcanvas-header")(7,"h5",4),n(8,"Responsive offcanvas Header"),e(),i(9,"button",5),e(),t(10,"c-offcanvas-body")(11,"p",6),n(12,"This is content within an offcanvas with "),t(13,"code"),n(14,'responsive="lg"'),e(),n(15," property."),e()()()),a&2){let O=b(5);s("cOffcanvasToggle",O.id),c(9),s("cOffcanvasToggle",O.id)}},dependencies:[l,g,k,p,v,u,m,d],encapsulation:2})}}return o})();var A=(()=>{class o{static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=r({type:o,selectors:[["docs-offcanvas04"]],decls:11,vars:2,consts:[["offcanvasStatic",""],["cButton","",3,"cOffcanvasToggle"],["id","OffcanvasStatic","backdrop","static","placement","start"],["cOffcanvasTitle",""],["aria-label","Close","cButtonClose","",1,"text-reset","ms-auto",3,"cOffcanvasToggle"]],template:function(a,h){if(a&1&&(t(0,"button",1),n(1,"Toggle static offcanvas"),e(),t(2,"c-offcanvas",2,0)(4,"c-offcanvas-header")(5,"h5",3),n(6,"Offcanvas Header"),e(),i(7,"button",4),e(),t(8,"c-offcanvas-body")(9,"p"),n(10," I will not close if you try to click outside of me or to press escape key. "),e()()()),a&2){let O=b(3);s("cOffcanvasToggle",O.id),c(7),s("cOffcanvasToggle",O.id)}},dependencies:[l,g,p,v,u,m,d],encapsulation:2})}}return o})();var j=(()=>{class o{static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=r({type:o,selectors:[["docs-offcanvas03"]],decls:22,vars:7,consts:[["offcanvasScroll",""],["offcanvasNoBackdrop",""],["cButton","",3,"cOffcanvasToggle"],["id","OffcanvasScroll","placement","start",3,"scroll"],["cOffcanvasTitle",""],["aria-label","Close","cButtonClose","",1,"text-reset","ms-auto",3,"cOffcanvasToggle"],["id","OffcanvasNoBackdrop","placement","end",3,"backdrop","scroll"]],template:function(a,h){if(a&1&&(t(0,"button",2),n(1,"Enable body scrolling"),e(),t(2,"button",2),n(3,"Disable backdrop"),e(),t(4,"c-offcanvas",3,0)(6,"c-offcanvas-header")(7,"h5",4),n(8,"Offcanvas Header"),e(),i(9,"button",5),e(),t(10,"c-offcanvas-body")(11,"p"),n(12," Try scrolling the rest of the page to see this option in action. "),e()()(),t(13,"c-offcanvas",6,1)(15,"c-offcanvas-header")(16,"h5",4),n(17,"Offcanvas Header"),e(),i(18,"button",5),e(),t(19,"c-offcanvas-body")(20,"p"),n(21," Try scrolling the rest of the page to see this option in action. "),e()()()),a&2){let O=b(5),S=b(14);s("cOffcanvasToggle",O.id),c(2),s("cOffcanvasToggle",S.id),c(2),s("scroll",!0),c(5),s("cOffcanvasToggle",O.id),c(4),s("backdrop",!1)("scroll",!0),c(5),s("cOffcanvasToggle",S.id)}},dependencies:[l,g,p,v,u,m,d],encapsulation:2})}}return o})();var R=(()=>{class o{static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=r({type:o,selectors:[["docs-offcanvas02"]],decls:30,vars:0,consts:[["cButton","","cOffcanvasToggle","OffcanvasTop"],["cButton","","cOffcanvasToggle","OffcanvasBottom"],["cButton","","cOffcanvasToggle","OffcanvasEnd"],["placement","top","id","OffcanvasTop"],["cOffcanvasTitle",""],["cButtonClose","","cOffcanvasToggle","OffcanvasTop","aria-label","Close",1,"text-reset","ms-auto"],["placement","bottom","id","OffcanvasBottom"],["cButtonClose","","cOffcanvasToggle","OffcanvasBottom","aria-label","Close",1,"text-reset","ms-auto"],["placement","end","id","OffcanvasEnd"],["cButtonClose","","cOffcanvasToggle","OffcanvasEnd","aria-label","Close",1,"text-reset","ms-auto"]],template:function(a,h){a&1&&(t(0,"button",0),n(1,"Toggle top offcanvas"),e(),t(2,"button",1),n(3,"Toggle bottom offcanvas"),e(),t(4,"button",2),n(5,"Toggle end offcanvas"),e(),t(6,"c-offcanvas",3)(7,"c-offcanvas-header")(8,"h5",4),n(9,"Offcanvas Header"),e(),i(10,"button",5),e(),t(11,"c-offcanvas-body")(12,"p"),n(13," Content for the offcanvas goes here. You can place just about any CoreUI component or custom elements here. "),e()()(),t(14,"c-offcanvas",6)(15,"c-offcanvas-header")(16,"h5",4),n(17,"Offcanvas Header"),e(),i(18,"button",7),e(),t(19,"c-offcanvas-body")(20,"p"),n(21," Content for the offcanvas goes here. You can place just about any CoreUI component or custom elements here. "),e()()(),t(22,"c-offcanvas",8)(23,"c-offcanvas-header")(24,"h5",4),n(25,"Offcanvas Header"),e(),i(26,"button",9),e(),t(27,"c-offcanvas-body")(28,"p"),n(29," Content for the offcanvas goes here. You can place just about any CoreUI component or custom elements here. "),e()()())},dependencies:[l,g,p,v,u,m,d],encapsulation:2})}}return o})();var U=(()=>{class o{static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=r({type:o,selectors:[["docs-offcanvas01"]],decls:10,vars:0,consts:[["cButton","","cOffcanvasToggle","OffcanvasStart"],["placement","start","id","OffcanvasStart"],["cOffcanvasTitle",""],["cButtonClose","","cOffcanvasToggle","OffcanvasStart","aria-label","Close",1,"text-reset","ms-auto"]],template:function(a,h){a&1&&(t(0,"button",0),n(1,"Toggle offcanvas"),e(),t(2,"c-offcanvas",1)(3,"c-offcanvas-header")(4,"h5",2),n(5,"Offcanvas Header"),e(),i(6,"button",3),e(),t(7,"c-offcanvas-body")(8,"p"),n(9," Content for the offcanvas goes here. You can place just about any CoreUI component or custom elements here. "),e()()())},dependencies:[l,g,p,v,u,m,d],encapsulation:2})}}return o})();var N=`\`\`\`typescript +import { OffcanvasModule } from '@coreui/angular'; + +@NgModule({ + imports: [OffcanvasModule,] +}) +export class AppModule() { } +\`\`\` +`;var q=()=>["components/offcanvas/examples/offcanvas01.component.html"],z=()=>["components/offcanvas/examples/offcanvas02.component.html"],P=()=>["components/offcanvas/examples/offcanvas03.component.html"],W=()=>["components/offcanvas/examples/offcanvas04.component.html"],L=()=>["components/offcanvas/examples/offcanvas05.component.html"],G=()=>["components/offcanvas/examples/offcanvas06.component.html"],Ee=(()=>{class o{constructor(f,a){this.metaService=f,this.titleService=a,this.usage=N,this.title="Angular Offcanvas Component",this.description="Angular Offcanvas component allows to build hidden sidebars into your project for navigation, shopping carts, etc."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(a){return new(a||o)(y(D),y(w))}}static{this.\u0275cmp=r({type:o,selectors:[["docs-offcanvas"]],decls:48,vars:15,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"api-table"],["color","info","size","sm"]],template:function(a,h){a&1&&(t(0,"h1",0),n(1),e(),t(2,"p",1),n(3),e(),i(4,"docs-ads-carbon"),t(5,"markdown"),n(6,` + ## Examples + + ### Live demo + + Use the buttons below to show and hide an offcanvas component. +`),e(),t(7,"docs-example",2),i(8,"docs-offcanvas01"),e(),t(9,"markdown"),n(10,` + ### Placement + + There's no default placement for offcanvas components, so you must add one of the modifier props below; + - \`placement="start"\` places offcanvas on the left of the viewport (shown above) + - \`placement="end"\` places offcanvas on the right of the viewport + - \`placement="top"\` places offcanvas on the top of the viewport + - \`placement="bottom"\` places offcanvas on the bottom of the viewport + +`),e(),t(11,"docs-example",2),i(12,"docs-offcanvas02"),e(),t(13,"markdown"),n(14,"\n ### Backdrop and Scroll\n\n Scrolling the `body` element is disabled when an offcanvas and its backdrop are visible. Use the `scroll` property to toggle body scrolling and `backdrop` to toggle the backdrop.\n"),e(),t(15,"docs-example",2),i(16,"docs-offcanvas03"),e(),t(17,"markdown"),n(18,"\n ### Static Backdrop\n\n With `backdrop` prop set to `static`, the offcanvas will not close when clicking outside of it nor pressing `Esc`.\n"),e(),t(19,"docs-example",2),i(20,"docs-offcanvas04"),e(),t(21,"markdown"),n(22,` + ### Responsive + + Responsive offcanvas hides the content outside the viewport below the specified breakpoint. Above that breakpoint, the content is displayed as usual.`),e(),t(23,"docs-example",2),i(24,"docs-offcanvas05"),e(),t(25,"markdown"),n(26,` + ### Dark offcanvas + + With \`.text-bg-dark\` utility class you can change the appearance of your offcanvas component. +`),e(),t(27,"docs-example",2),i(28,"docs-offcanvas06"),e(),t(29,"markdown"),n(30,'\n ## Accessibility\n\n Since the offcanvas panel is conceptually a modal dialog, be sure to add `aria-labelledby="..."` \u2014referencing the offcanvas title\u2014 to `c-offcanvas`>. Note that you don\u2019t need to add `role="dialog"` since we already add it automatically.\n'),e(),t(31,"markdown"),n(32),t(33,"div",3),n(34,"\n\n | name | description | type | default | version |\n | ---- | ----------- | ---- | ------- | ------- |\n | `backdrop` | Apply a backdrop on body while offcanvas is visible. | `boolean \\| 'static'` | _true_ | `static` "),t(35,"c-badge",4),n(36,"4.3.10+"),e(),n(37,"\n | `keyboard` | Closes the offcanvas when escape key is pressed. | `boolean` |_true_|\n | `id` | Html id attr, required for programmatic offcanvas visibility change. | `string` | **required** |\n | `placement` | Offcanvas placement. | `start` \\| `end` \\| `top` \\| `bottom` |_start_|\n | `responsive` | Hide the content in an offcanvas below the breakpoint. | `boolean \\| sm \\| md \\| lg \\| xl \\| xxl` | _true_ | "),t(38,"c-badge",4),n(39,"4.3.10+"),e(),n(40,"\n | `scroll` | Allow body scrolling while offcanvas is open. | `boolean` |_false_|\n | `visible` | Toggle the offcanvas visibility. | `boolean` |_undefined_|\n | `role` | Html `role` for an offcanvas. | `string` |_dialog_|\n | `aria-modal` | Set `aria-modal` html attr for an offcanvas. | `string` |_true_|\n\n "),e(),n(41,` + + ##### Outputs + `),t(42,"div",3),n(43,"\n\n | name | description | type |\n | ---- | ----------- | ---- |\n | `visibleChange` | Event emitted on `visible` change. | `boolean` |\n\n "),e(),n(44,` + + ### c-offcanvas-body + _component_ + + ### c-offcanvas-header + _component_ + + ### cOffcanvasTitle + _directive_ + + ### cOffcanvasToggle + _directive_ + + ##### Inputs + `),t(45,"div",3),n(46,"\n\n | name | description | type | default |\n | ---- | ----------- | ---- | ------- |\n | `cOffcanvasToggle` | Html element `id` attr of an offcanvas to dismiss. | `string` | **required** |\n\n "),e(),n(47,` + +`),e()),a&2&&(c(),T(h.title),c(2),T(h.description),c(4),s("files",C(9,q)),c(4),s("files",C(10,z)),c(4),s("files",C(11,P)),c(4),s("files",C(12,W)),c(4),s("files",C(13,L)),c(4),s("files",C(14,G)),c(5),E(` + --- + + ## API reference + + ### Offcanvas Module + + `,h.usage,` + + ### c-offcanvas + _component_ + + ##### Inputs + `))},dependencies:[M,B,H,U,R,j,A,F,I,_],encapsulation:2})}}return o})();export{Ee as OffcanvasComponent}; diff --git a/angular/docs/chunk-7MMPPNM2.js b/angular/docs/chunk-7MMPPNM2.js new file mode 100644 index 00000000000..6fb1637b1dc --- /dev/null +++ b/angular/docs/chunk-7MMPPNM2.js @@ -0,0 +1,45 @@ +import{a as b}from"./chunk-IWRSONFO.js";import{ha as C}from"./chunk-N5CLKGXI.js";import"./chunk-W2HQYSLN.js";import"./chunk-XGTGYVNY.js";import"./chunk-DPZ7BZKP.js";import{a as S}from"./chunk-YCMO5GD4.js";import{s as h}from"./chunk-6RP7HPDL.js";import{h as x,i as g}from"./chunk-NR6O7NQI.js";import"./chunk-XQ2JSG7T.js";import"./chunk-4P7KQCRI.js";import{Ab as c,Gc as n,Hc as m,Ic as u,Vb as p,Wc as f,ec as e,fc as t,gc as d,kb as a,lb as s}from"./chunk-GYQMS5FR.js";import"./chunk-JKOY2XUY.js";var y=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=c({type:i,selectors:[["docs-callout01-example"]],decls:16,vars:0,consts:[["color","primary"],["color","secondary"],["color","success"],["color","danger"],["color","warning"],["color","info"],["color","light"],["color","dark"]],template:function(o,r){o&1&&(e(0,"c-callout",0),n(1,` New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology, guidelines, and code snippets. +`),t(),e(2,"c-callout",1),n(3,` New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology, guidelines, and code snippets. +`),t(),e(4,"c-callout",2),n(5,` New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology, guidelines, and code snippets. +`),t(),e(6,"c-callout",3),n(7,` New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology, guidelines, and code snippets. +`),t(),e(8,"c-callout",4),n(9,` New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology, guidelines, and code snippets. +`),t(),e(10,"c-callout",5),n(11,` New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology, guidelines, and code snippets. +`),t(),e(12,"c-callout",6),n(13,` New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology, guidelines, and code snippets. +`),t(),e(14,"c-callout",7),n(15,` New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology, guidelines, and code snippets. +`),t())},dependencies:[C],encapsulation:2})}}return i})();var w=`\`\`\`typescript +import { CalloutModule } from '@coreui/angular'; + +@NgModule({ + imports: [CalloutModule,...] +}) +export class AppModule(){} +\`\`\` +`;var E=()=>["components/callout/examples/callout01.component.html","components/callout/examples/callout01.component.ts"],j=(()=>{class i{constructor(l,o){this.metaService=l,this.titleService=o,this.usage=w,this.title="Angular Callout Component",this.description="Angular Callout component provides presentation of content in a visually distinct manner. Includes a heading, icon and typically text-based content."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(o){return new(o||i)(s(x),s(g))}}static{this.\u0275cmp=c({type:i,selectors:[["ng-component"]],decls:14,vars:5,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[3,"files"],[1,"api-table"]],template:function(o,r){o&1&&(e(0,"h1",0),n(1),t(),e(2,"p",1),n(3),t(),d(4,"docs-ads-carbon-loader"),e(5,"markdown"),n(6,` + ## Examples + + Callout component is prepared for any length of text, as well as an optional elements like icons, headings, etc. For a styling, use one of the **required** + contextual props (e.g., \`color="success"\`). +`),t(),e(7,"docs-example",2),d(8,"docs-callout01-example"),t(),e(9,"markdown"),n(10),e(11,"div",3),n(12,` + + | name | description | type | default | + | ---- | ----------- | ---- | ------- | + | \`color\` | Sets the color context of the component to one of CoreUI\u2019s themed colors.| \`Colors\` | | + + `),t(),n(13,` +`),t()),o&2&&(a(),m(r.title),a(2),m(r.description),a(4),p("files",f(4,E)),a(3),u(` + + --- + + ## API + + ### Callout Module + + `,r.usage,` + + --- + + ### c-callout + _component_ + + #### Inputs + `))},dependencies:[S,h,b,y],encapsulation:2,changeDetection:0})}}return i})();export{j as CalloutComponent}; diff --git a/angular/docs/chunk-7QNDAX2Q.js b/angular/docs/chunk-7QNDAX2Q.js deleted file mode 100644 index bd29faf627a..00000000000 --- a/angular/docs/chunk-7QNDAX2Q.js +++ /dev/null @@ -1,46 +0,0 @@ -import{a as V}from"./chunk-GOOL7UHW.js";import{$a as P,F as y,Oa as v,Ra as f,Rb as A,Tb as H,Ub as _,Va as h,_a as L,eb as b,fb as w,qb as F,tb as B,ub as c,vb as S,wb as D,xb as E,yb as d,zb as C}from"./chunk-CIRO6JJS.js";import"./chunk-HEV2ZGEM.js";import"./chunk-QWX5SKOU.js";import"./chunk-DPZ7BZKP.js";import{a as G}from"./chunk-KJYCQPQX.js";import{r as R}from"./chunk-R2AYP265.js";import{h as I,i as N}from"./chunk-ADVPX5JT.js";import"./chunk-2XBJPMNA.js";import"./chunk-TJ5BOBQA.js";import{Cc as o,Dc as M,Ec as T,Rb as u,Sc as l,Tc as x,ac as t,bc as e,cc as r,mb as m,na as s,nb as k}from"./chunk-W26A3BQN.js";import"./chunk-JKOY2XUY.js";var j=(()=>{class i{static{this.\u0275fac=function(n){return new(n||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-overview05"]],standalone:!0,features:[l],decls:23,vars:0,consts:[["cForm",""],["disabled",""],[1,"mb-3"],["cLabel","","for","disabledTextInput-5"],["cFormControl","","id","disabledTextInput-5","type","text","placeholder","Disabled input"],["cLabel","","for","disabledSelect-5"],["id","disabledSelect-5","cSelect","","disabled",""],["cFormCheckInput","","id","disabledFieldsetCheck-5","type","checkbox"],["cFormCheckLabel","","for","disabledFieldsetCheck-5"],["cButton","","type","submit","color",""]],template:function(n,p){n&1&&(t(0,"form",0)(1,"fieldset",1)(2,"div",2)(3,"label",3),o(4,"Disabled input"),e(),r(5,"input",4),e(),t(6,"div",2)(7,"label",5),o(8,"Disabled select"),e(),t(9,"select",6)(10,"option"),o(11,"Open this select menu"),e(),t(12,"option"),o(13,"Disabled select"),e(),t(14,"option"),o(15,"Two"),e(),t(16,"option"),o(17,"Three"),e()()(),t(18,"c-form-check",2),r(19,"input",7),t(20,"label",8),o(21,"Can't touch this"),e()(),r(22,"input",9),e()())},dependencies:[w,h,L,P,v,b,f,F,c,d,B,D,E,S,y],encapsulation:2})}}return i})();var U=(()=>{class i{static{this.\u0275fac=function(n){return new(n||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-overview04"]],standalone:!0,features:[l],decls:3,vars:0,consts:[["cLabel",""],["cFormControl","","type","text","placeholder","Disabled input here...","disabled",""]],template:function(n,p){n&1&&(t(0,"label",0),o(1,"Disabled input"),e(),r(2,"input",1))},dependencies:[c,d],encapsulation:2})}}return i})();var q=(()=>{class i{static{this.\u0275fac=function(n){return new(n||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-overview03"]],standalone:!0,features:[l],decls:10,vars:1,consts:[["cForm",""],[1,"align-items-center",3,"gutter"],["xs","auto"],["cLabel","col","for","inputPassword-3"],["aria-describedby","passwordHelpInline-3","cFormControl","","id","inputPassword-3","type","password"],["cFormText","","id","passwordHelpInline-3"]],template:function(n,p){n&1&&(t(0,"form",0)(1,"c-row",1)(2,"c-col",2)(3,"label",3),o(4," Password "),e()(),t(5,"c-col",2),r(6,"input",4),e(),t(7,"c-col",2)(8,"span",5),o(9," Must be 8-20 characters long. "),e()()()()),n&2&&(m(),u("gutter",3))},dependencies:[w,h,v,b,f,F,H,_,A,c,d,C],encapsulation:2})}}return i})();var z=(()=>{class i{static{this.\u0275fac=function(n){return new(n||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-overview02"]],standalone:!0,features:[l],decls:7,vars:0,consts:[["cForm",""],[1,"mb-3"],["cLabel","","for","inputPassword-2"],["aria-describedby","passwordHelpBlock-2","cFormControl","","id","inputPassword-2","type","password"],["cFormText","","id","passwordHelpBlock-2"]],template:function(n,p){n&1&&(t(0,"form",0)(1,"div",1)(2,"label",2),o(3,"Password"),e(),r(4,"input",3),t(5,"span",4),o(6," Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji. "),e()()())},dependencies:[w,h,v,b,f,F,c,d,C],encapsulation:2})}}return i})();var K=(()=>{class i{static{this.\u0275fac=function(n){return new(n||i)}}static{this.\u0275cmp=s({type:i,selectors:[["docs-overview01"]],standalone:!0,features:[l],decls:16,vars:0,consts:[["cForm",""],[1,"mb-3"],["cLabel","","for","inputEmail-1"],["cFormControl","","id","inputEmail-1","type","email"],["cFormText",""],["cLabel","","for","inputPassword-1"],["cFormControl","","id","inputPassword-1","type","password"],["cFormCheckInput","","id","checkMeOut-1","type","checkbox"],["cFormCheckLabel","","for","checkMeOut-1"],["cButton","","color","primary","type","submit"]],template:function(n,p){n&1&&(t(0,"form",0)(1,"div",1)(2,"label",2),o(3,"Email address"),e(),r(4,"input",3),t(5,"div",4),o(6," We'll never share your email with anyone else "),e()(),t(7,"div",1)(8,"label",5),o(9,"Password"),e(),r(10,"input",6),e(),t(11,"c-form-check",1),r(12,"input",7),t(13,"label",8),o(14,"Check me out"),e()(),r(15,"input",9),e())},dependencies:[w,h,v,b,f,F,c,d,C,D,E,S,y],encapsulation:2})}}return i})();var W=`\`\`\`typescript -import { FormModule } from '@coreui/angular'; - -@NgModule({ - imports: [FormModule,] -}) -export class AppModule() { } -\`\`\` -`;var J=()=>["forms/overview/examples/overview01.component.html"],Q=()=>["forms/overview/examples/overview02.component.html"],X=()=>["forms/overview/examples/overview03.component.html"],Z=()=>["forms/overview/examples/overview04.component.html"],$=()=>["forms/overview/examples/overview05.component.html"],De=(()=>{class i{constructor(a,n){this.metaService=a,this.titleService=n,this.usage=W,this.title="Angular Form Components",this.description="Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(n){return new(n||i)(k(I),k(N))}}static{this.\u0275cmp=s({type:i,selectors:[["docs-overview"]],standalone:!0,features:[l],decls:27,vars:13,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[3,"files"]],template:function(n,p){n&1&&(t(0,"h1",0),o(1),e(),t(2,"p",1),o(3),e(),r(4,"docs-ads-carbon-loader"),t(5,"markdown"),o(6,` - ## Overview - CoreUI\u2019s form controls expand on our Rebooted form styles with classes. Use these classes to opt into their customized - displays for a more consistent rendering across browsers and devices. - - Be sure to use an appropriate \`type\` attribute on all inputs (ex., \`email\` for email address or \`number\` for numerical - information) to take advantage of newer input controls like email verification, number selection, and more. - - Here\u2019s a quick example to demonstrate CoreUI\u2019s form styles. Keep reading for documentation on required classes, form - layout, and more. -`),e(),t(7,"docs-example",2),r(8,"docs-overview01"),e(),t(9,"markdown"),o(10,` - ## Form text - Block-level or inline-level form text can be created using \`cFormText\`. - - Associating form text with form controls Form text should be explicitly associated with the form control it relates to - using the \`aria-describedby\` attribute. This will ensure that assistive technologies\u2014such as screen readers\u2014will - announce this form text when the user focuses or enters the control. - - Form text below inputs can be styled with \`cFormText\`. If a block-level element will be used, a top margin is added - for easy spacing from the inputs above. -`),e(),t(11,"docs-example",2),r(12,"docs-overview02"),e(),t(13,"markdown"),o(14,"\n Inline text can use any typical inline HTML element (be it a `span`, `small`, or something else) with nothing more\n than the `.form-text` class.\n"),e(),t(15,"docs-example",2),r(16,"docs-overview03"),e(),t(17,"markdown"),o(18,` - ## Disabled forms - Add the \`disabled\` boolean attribute on an input to prevent user interactions and make it appear lighter. -`),e(),t(19,"docs-example",2),r(20,"docs-overview04"),e(),t(21,"markdown"),o(22,'\n Add the disabled attribute to a `fieldset` to disable all the controls within. Browsers treat all native form controls\n (`input`, `select`, and `button` elements) inside a `fieldset disabled` as disabled, preventing both keyboard and\n mouse interactions on them.\n\n However, if your form also includes custom button-like elements such as `button`, these will only be given a style of\n `pointer-events: none`, meaning they are still focusable and operable using the keyboard. In this case, you must\n manually modify these controls by adding `tabindex="-1"` to prevent them from receiving focus and\n `aria-disabled="disabled"` to signal their state to assistive technologies.\n'),e(),t(23,"docs-example",2),r(24,"docs-overview05"),e(),t(25,"markdown"),o(26),e()),n&2&&(m(),M(p.title),m(2),M(p.description),m(4),u("files",x(8,J)),m(4),u("files",x(9,Q)),m(4),u("files",x(10,X)),m(4),u("files",x(11,Z)),m(4),u("files",x(12,$)),m(3),T(` - --- - - ## API reference - ### Form Module - - `,p.usage,` - - --- - - ### cFormText - _directive_ - - -`))},dependencies:[G,R,V,K,z,q,U,j],encapsulation:2,changeDetection:0})}}return i})();export{De as OverviewComponent}; diff --git a/angular/docs/chunk-QO4LZE6R.js b/angular/docs/chunk-7WDOM3F3.js similarity index 56% rename from angular/docs/chunk-QO4LZE6R.js rename to angular/docs/chunk-7WDOM3F3.js index 6bfd9c7c42c..d2c8274f2c2 100644 --- a/angular/docs/chunk-QO4LZE6R.js +++ b/angular/docs/chunk-7WDOM3F3.js @@ -1,4 +1,4 @@ -import{a as I}from"./chunk-GOOL7UHW.js";import{X as s,Y as u,i as E}from"./chunk-CIRO6JJS.js";import"./chunk-HEV2ZGEM.js";import"./chunk-QWX5SKOU.js";import"./chunk-DPZ7BZKP.js";import{a as B}from"./chunk-KJYCQPQX.js";import{r as w}from"./chunk-R2AYP265.js";import{h as y,i as C}from"./chunk-ADVPX5JT.js";import"./chunk-2XBJPMNA.js";import"./chunk-TJ5BOBQA.js";import{Cc as n,Dc as h,Ec as x,Gc as S,Rb as o,Sc as d,Tc as b,Ub as g,ac as e,bc as t,cc as p,mb as a,na as c,nb as f}from"./chunk-W26A3BQN.js";import"./chunk-JKOY2XUY.js";var k=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=c({type:i,selectors:[["docs-breadcrumb04-example"]],standalone:!0,features:[d],decls:5,vars:1,consts:[[2,"--cui-breadcrumb-divider","''"],["url","#"],[3,"active"]],template:function(r,l){r&1&&(e(0,"c-breadcrumb",0)(1,"c-breadcrumb-item",1),n(2,"Home"),t(),e(3,"c-breadcrumb-item",2),n(4,"Library"),t()()),r&2&&(a(3),o("active",!0))},dependencies:[u,s],encapsulation:2})}}return i})();var M=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=c({type:i,selectors:[["docs-breadcrumb03-example"]],standalone:!0,features:[d],decls:5,vars:1,consts:[[2,"--cui-breadcrumb-divider",`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E")`],[3,"routerLink"],[3,"active"]],template:function(r,l){r&1&&(e(0,"c-breadcrumb",0)(1,"c-breadcrumb-item",1),n(2,"Home"),t(),e(3,"c-breadcrumb-item",2),n(4,"Library"),t()()),r&2&&(a(3),o("active",!0))},dependencies:[u,s,E],encapsulation:2})}}return i})();var D=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=c({type:i,selectors:[["docs-breadcrumb02-example"]],standalone:!0,features:[d],decls:5,vars:3,consts:[["url","#"],[3,"active"]],template:function(r,l){r&1&&(e(0,"c-breadcrumb")(1,"c-breadcrumb-item",0),n(2,"Home"),t(),e(3,"c-breadcrumb-item",1),n(4,"Library"),t()()),r&2&&(g("--cui-breadcrumb-divider:'>'"),a(3),o("active",!0))},dependencies:[u,s],encapsulation:2})}}return i})();var L=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=c({type:i,selectors:[["docs-breadcrumb01-example"]],standalone:!0,features:[d],decls:15,vars:3,consts:[[3,"active"],["url","#"]],template:function(r,l){r&1&&(e(0,"c-breadcrumb")(1,"c-breadcrumb-item",0),n(2,"Home"),t()(),e(3,"c-breadcrumb")(4,"c-breadcrumb-item",1),n(5,"Home"),t(),e(6,"c-breadcrumb-item",0),n(7,"Library"),t()(),e(8,"c-breadcrumb")(9,"c-breadcrumb-item",1),n(10,"Home"),t(),e(11,"c-breadcrumb-item",1),n(12,"Library"),t(),e(13,"c-breadcrumb-item",0),n(14,"Data"),t()()),r&2&&(a(),o("active",!0),a(5),o("active",!0),a(7),o("active",!0))},dependencies:[u,s],encapsulation:2})}}return i})();var A=`\`\`\`typescript +import{a as B}from"./chunk-IWRSONFO.js";import{X as d,Y as s,i as C}from"./chunk-N5CLKGXI.js";import"./chunk-W2HQYSLN.js";import"./chunk-XGTGYVNY.js";import"./chunk-DPZ7BZKP.js";import{a as w}from"./chunk-YCMO5GD4.js";import{s as E}from"./chunk-6RP7HPDL.js";import{h as S,i as y}from"./chunk-NR6O7NQI.js";import"./chunk-XQ2JSG7T.js";import"./chunk-4P7KQCRI.js";import{Ab as c,Gc as n,Hc as f,Ic as g,Kc as x,Vb as o,Wc as p,Yb as h,ec as e,fc as t,gc as l,kb as a,lb as v}from"./chunk-GYQMS5FR.js";import"./chunk-JKOY2XUY.js";var I=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=c({type:i,selectors:[["docs-breadcrumb04-example"]],decls:5,vars:1,consts:[[2,"--cui-breadcrumb-divider","''"],["url","#"],[3,"active"]],template:function(r,u){r&1&&(e(0,"c-breadcrumb",0)(1,"c-breadcrumb-item",1),n(2,"Home"),t(),e(3,"c-breadcrumb-item",2),n(4,"Library"),t()()),r&2&&(a(3),o("active",!0))},dependencies:[s,d],encapsulation:2})}}return i})();var k=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=c({type:i,selectors:[["docs-breadcrumb03-example"]],decls:5,vars:1,consts:[[2,"--cui-breadcrumb-divider",`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E")`],[3,"routerLink"],[3,"active"]],template:function(r,u){r&1&&(e(0,"c-breadcrumb",0)(1,"c-breadcrumb-item",1),n(2,"Home"),t(),e(3,"c-breadcrumb-item",2),n(4,"Library"),t()()),r&2&&(a(3),o("active",!0))},dependencies:[s,d,C],encapsulation:2})}}return i})();var M=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=c({type:i,selectors:[["docs-breadcrumb02-example"]],decls:5,vars:3,consts:[["url","#"],[3,"active"]],template:function(r,u){r&1&&(e(0,"c-breadcrumb")(1,"c-breadcrumb-item",0),n(2,"Home"),t(),e(3,"c-breadcrumb-item",1),n(4,"Library"),t()()),r&2&&(h("--cui-breadcrumb-divider:'>'"),a(3),o("active",!0))},dependencies:[s,d],encapsulation:2})}}return i})();var D=(()=>{class i{static{this.\u0275fac=function(r){return new(r||i)}}static{this.\u0275cmp=c({type:i,selectors:[["docs-breadcrumb01-example"]],decls:15,vars:3,consts:[[3,"active"],["url","#"]],template:function(r,u){r&1&&(e(0,"c-breadcrumb")(1,"c-breadcrumb-item",0),n(2,"Home"),t()(),e(3,"c-breadcrumb")(4,"c-breadcrumb-item",1),n(5,"Home"),t(),e(6,"c-breadcrumb-item",0),n(7,"Library"),t()(),e(8,"c-breadcrumb")(9,"c-breadcrumb-item",1),n(10,"Home"),t(),e(11,"c-breadcrumb-item",1),n(12,"Library"),t(),e(13,"c-breadcrumb-item",0),n(14,"Data"),t()()),r&2&&(a(),o("active",!0),a(5),o("active",!0),a(7),o("active",!0))},dependencies:[s,d],encapsulation:2})}}return i})();var L=`\`\`\`typescript import { BreadcrumbModule } from '@coreui/angular'; @NgModule({ @@ -6,13 +6,13 @@ import { BreadcrumbModule } from '@coreui/angular'; }) export class AppModule(){} \`\`\` -`;var _=()=>["components/breadcrumb/examples/breadcrumb01.component.html","components/breadcrumb/examples/breadcrumb01.component.ts"],T=()=>["components/breadcrumb/examples/breadcrumb02.component.html","components/breadcrumb/examples/breadcrumb02.component.ts"],R=()=>["components/breadcrumb/examples/breadcrumb03.component.html","components/breadcrumb/examples/breadcrumb03.component.ts"],N=()=>["components/breadcrumb/examples/breadcrumb04.component.html","components/breadcrumb/examples/breadcrumb04.component.ts"],ne=(()=>{class i{constructor(m,r){this.metaService=m,this.titleService=r,this.usage=A,this.title="Angular Breadcrumb Component",this.description="Angular Breadcrumb navigation component indicates the current location within a navigational hierarchy that automatically adds separators."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(r){return new(r||i)(f(y),f(C))}}static{this.\u0275cmp=c({type:i,selectors:[["ng-component"]],standalone:!0,features:[d],decls:42,vars:14,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[3,"files"],["lineNumbers",""],[1,"api-table"]],template:function(r,l){r&1&&(e(0,"h1",0),n(1),t(),e(2,"p",1),n(3),t(),p(4,"docs-ads-carbon-loader"),e(5,"markdown"),n(6,` +`;var _=()=>["components/breadcrumb/examples/breadcrumb01.component.html","components/breadcrumb/examples/breadcrumb01.component.ts"],T=()=>["components/breadcrumb/examples/breadcrumb02.component.html","components/breadcrumb/examples/breadcrumb02.component.ts"],F=()=>["components/breadcrumb/examples/breadcrumb03.component.html","components/breadcrumb/examples/breadcrumb03.component.ts"],R=()=>["components/breadcrumb/examples/breadcrumb04.component.html","components/breadcrumb/examples/breadcrumb04.component.ts"],te=(()=>{class i{constructor(m,r){this.metaService=m,this.titleService=r,this.usage=L,this.title="Angular Breadcrumb Component",this.description="Angular Breadcrumb navigation component indicates the current location within a navigational hierarchy that automatically adds separators."}ngOnInit(){this.titleService.setTitle(this.title),this.metaService.updateTag({name:"description",content:this.description})}static{this.\u0275fac=function(r){return new(r||i)(v(S),v(y))}}static{this.\u0275cmp=c({type:i,selectors:[["ng-component"]],decls:42,vars:14,consts:[["id","getting-started"],[1,"docs-lead","fs-4","fw-light"],[3,"files"],["lineNumbers",""],[1,"api-table"]],template:function(r,u){r&1&&(e(0,"h1",0),n(1),t(),e(2,"p",1),n(3),t(),l(4,"docs-ads-carbon-loader"),e(5,"markdown"),n(6,` ## Example The breadcrumb navigation provides links back to each previous page the user navigated through and shows the current location in a website or an application. You don\u2019t have to add separators, because they automatically added in CSS through \`::before\` and content. -`),t(),e(7,"docs-example",2),p(8,"docs-breadcrumb01-example"),t(),e(9,"markdown"),n(10,"\n ## Dividers\n\n Dividers are automatically added in CSS through [`::before`](https://developer.mozilla.org/en-US/docs/Web/CSS/::before) and [`content`](https://developer.mozilla.org/en-US/docs/Web/CSS/content). They can be changed by modifying a local CSS custom property `--coreui-breadcrumb-divider`, or through the `$breadcrumb-divider` Sass variable \u2014 and `$breadcrumb-divider-flipped` for its RTL counterpart, if needed. We default to our Sass variable, which is set as a fallback to the custom property. This way, you get a global divider that you can override without recompiling CSS at any time.\n"),t(),e(11,"docs-example",2),p(12,"docs-breadcrumb02-example"),t(),e(13,"markdown"),n(14,"\n When modifying via Sass, the [quote](https://sass-lang.com/documentation/modules/string#quote) function is required to generate the quotes around a string. For example, using `>` as the divider, you can use this:\n"),t(),e(15,"markdown",3),n(16,'\n ```scss\n $breadcrumb-divider: quote(">");\n ```\n'),t(),e(17,"markdown"),n(18,` +`),t(),e(7,"docs-example",2),l(8,"docs-breadcrumb01-example"),t(),e(9,"markdown"),n(10,"\n ## Dividers\n\n Dividers are automatically added in CSS through [`::before`](https://developer.mozilla.org/en-US/docs/Web/CSS/::before) and [`content`](https://developer.mozilla.org/en-US/docs/Web/CSS/content). They can be changed by modifying a local CSS custom property `--coreui-breadcrumb-divider`, or through the `$breadcrumb-divider` Sass variable \u2014 and `$breadcrumb-divider-flipped` for its RTL counterpart, if needed. We default to our Sass variable, which is set as a fallback to the custom property. This way, you get a global divider that you can override without recompiling CSS at any time.\n"),t(),e(11,"docs-example",2),l(12,"docs-breadcrumb02-example"),t(),e(13,"markdown"),n(14,"\n When modifying via Sass, the [quote](https://sass-lang.com/documentation/modules/string#quote) function is required to generate the quotes around a string. For example, using `>` as the divider, you can use this:\n"),t(),e(15,"markdown",3),n(16,'\n ```scss\n $breadcrumb-divider: quote(">");\n ```\n'),t(),e(17,"markdown"),n(18,` It's also possible to use an **embedded SVG icon**. Apply it via our CSS custom property, or use the Sass variable. -`),t(),e(19,"docs-example",2),p(20,"docs-breadcrumb03-example"),t(),e(21,"markdown",3),n(22,"\n ```scss\n $breadcrumb-divider: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E\");\n ```\n"),t(),e(23,"markdown"),n(24,"\n You can also remove the divider setting `--cui-breadcrumb-divider: '';` (empty strings in CSS custom properties counts as a value), or setting the Sass variable to `$breadcrumb-divider: none;`.\n"),t(),e(25,"docs-example",2),p(26,"docs-breadcrumb04-example"),t(),e(27,"markdown",3),n(28,"\n ```scss\n $breadcrumb-divider: none;\n ```\n"),t(),e(29,"markdown"),n(30,` +`),t(),e(19,"docs-example",2),l(20,"docs-breadcrumb03-example"),t(),e(21,"markdown",3),n(22,"\n ```scss\n $breadcrumb-divider: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E\");\n ```\n"),t(),e(23,"markdown"),n(24,"\n You can also remove the divider setting `--cui-breadcrumb-divider: '';` (empty strings in CSS custom properties counts as a value), or setting the Sass variable to `$breadcrumb-divider: none;`.\n"),t(),e(25,"docs-example",2),l(26,"docs-breadcrumb04-example"),t(),e(27,"markdown",3),n(28,"\n ```scss\n $breadcrumb-divider: none;\n ```\n"),t(),e(29,"markdown"),n(30,` ## Accessibility Since breadcrumbs provide navigation, it's useful to add a significant label such as \`aria-label="breadcrumb"\` to explain the type of navigation implemented in the \`