import{a}from"./chunk-ILLDEPHH.js";import{Hd as l,Wb as e,Xb as i,Yb as m,tc as t,yb as o}from"./chunk-AQ27DSQO.js";import"./chunk-EQDQRRRY.js";var r=class n{routes=a;static \u0275fac=function(d){return new(d||n)};static \u0275cmp=o({type:n,selectors:[["app-ui-typography"]],decls:547,vars:0,consts:[[1,"page-header"],[1,"page-title"],[1,"row"],[1,"col-xl-6"],[1,"card"],[1,"card-header"],[1,"card-title"],[1,"card-body"],[1,"mb-3"],[1,"mb-0"],[1,"h1","mb-3"],[1,"h2","mb-3"],[1,"h3","mb-3"],[1,"h4","mb-3"],[1,"h5","mb-3"],[1,"h6","mb-0"],[1,"mb-0","display-1"],[1,"mb-0","display-2"],[1,"mb-0","display-3"],[1,"mb-0","display-4"],[1,"mb-0","display-5"],[1,"mb-0","display-6"],[1,"font-monospace","mb-0"],["href","javascript:void(0);",1,"text-primary"],["href","javascript:void(0);",1,"text-secondary"],["href","javascript:void(0);",1,"text-success"],["href","javascript:void(0);",1,"text-danger"],["href","javascript:void(0);",1,"text-warning"],["href","javascript:void(0);",1,"text-info"],["href","javascript:void(0);",1,"text-light","bg-dark"],["href","javascript:void(0);",1,"text-dark"],["href","javascript:void(0);",1,"text-muted"],["href","javascript:void(0);",1,"text-white","bg-dark","mb-0"],[1,"text-primary"],[1,"text-secondary"],[1,"text-success"],[1,"text-danger"],[1,"text-warning"],[1,"text-info"],[1,"text-light","bg-dark"],[1,"text-dark"],[1,"text-muted"],[1,"text-white","bg-dark","mb-0"],[1,"list-disc"],[1,"mb-2"],[1,"list-decimal"],[1,"col-md-12"],[1,"lead","mb-0"],[1,"col-md-6"],[1,"blockquote-container"],[1,"blockquote","mb-2"],[1,"blockquote-footer","mt-0","mb-0","text-muted","op-7"],["title","Source Title"],[1,"blockquote-container","text-end"],[1,"col-xl-4"],[1,"blockquote","custom-blockquote","primary","mb-3","text-center"],[1,"blockquote-footer","mt-3","fs-14","text-muted","op-7","mb-0"],[1,"blockquote","custom-blockquote","secondary","mb-3","text-center"],[1,"blockquote","custom-blockquote","info","mb-3","text-center"],[1,"blockquote","custom-blockquote","warning","mb-3","text-center"],[1,"blockquote","custom-blockquote","success","mb-3","text-center"],[1,"blockquote","custom-blockquote","danger","mb-3","text-center"],[1,"card-header","justify-content-between"],[1,"row","mb-0"],[1,"col-sm-3"],[1,"col-sm-9"],[1,"col-sm-3","text-truncate"],[1,"col-sm-9","mb-0"],[1,"col-sm-4"],[1,"col-sm-8","mb-0"],[1,"list-unstyled"],[1,"list-circle"],[1,"list-inline","mb-0"],[1,"list-inline-item"],["title","attribute"],["title","HyperText Markup Language",1,"initialism"],[1,"mb-1"],[1,"border-danger","border-2","opacity-50"],[1,"border-primary","border-3","opacity-75"],[1,"text-lowercase"],[1,"text-uppercase"],[1,"text-capitalize","mb-0"],[1,"text-decoration-underline"],[1,"text-decoration-line-through"],["href","javascript:void(0);",1,"text-decoration-none"],[1,"fw-bold"],[1,"fw-bolder"],[1,"fw-semibold"],[1,"fw-normal"],[1,"fw-light"],[1,"fw-lighter"],[1,"fst-italic"],[1,"fst-normal","mb-0"],[1,"lh-1"],[1,"lh-sm"],[1,"lh-base"],[1,"lh-lg","mb-0"],[1,"col-xl-3"],[1,"text-muted","mb-0"],["href","javascript:void(0);",1,"text-reset","text-decoration-underline","text-dark"],[1,"visible","mb-0"],[1,"invisible","mb-0"],[1,"text-start"],[1,"text-center"],[1,"text-end"],[1,"text-sm-start"],[1,"text-md-start"],[1,"text-lg-start"],[1,"text-xl-start"],[1,"badge","bg-primary","text-wrap","mb-3",2,"width","6rem"],[1,"text-muted","mb-2"],[1,"text-nowrap","bg-light","border","text-dark",2,"width","8rem"],[1,"text-break","mb-0"]],template:function(d,s){d&1&&(e(0,"div",0)(1,"div",1)(2,"h4"),t(3,"Typography"),i()()(),e(4,"div",2)(5,"div",3)(6,"div",4)(7,"div",5)(8,"h5",6),t(9,"Headings Tags"),i()(),e(10,"div",7)(11,"h1",8),t(12,"h1. Bootstrap heading"),i(),e(13,"h2",8),t(14,"h2. Bootstrap heading"),i(),e(15,"h3",8),t(16,"h3. Bootstrap heading"),i(),e(17,"h4",8),t(18,"h4. Bootstrap heading"),i(),e(19,"h5",8),t(20,"h5. Bootstrap heading"),i(),e(21,"h6",9),t(22,"h6. Bootstrap heading"),i()()()(),e(23,"div",3)(24,"div",4)(25,"div",5)(26,"h5",6),t(27,"Heading Class Names"),i()(),e(28,"div",7)(29,"p",10),t(30,"h1. Bootstrap heading"),i(),e(31,"p",11),t(32,"h2. Bootstrap heading"),i(),e(33,"p",12),t(34,"h3. Bootstrap heading"),i(),e(35,"p",13),t(36,"h4. Bootstrap heading"),i(),e(37,"p",14),t(38,"h5. Bootstrap heading"),i(),e(39,"p",15),t(40,"h6. Bootstrap heading"),i()()()(),e(41,"div",3)(42,"div",4)(43,"div",5)(44,"h5",6),t(45,"Display Headings"),i()(),e(46,"div",7)(47,"h1",16),t(48,"Display 1"),i(),e(49,"h1",17),t(50,"Display 2"),i(),e(51,"h1",18),t(52,"Display 3"),i(),e(53,"h1",19),t(54,"Display 4"),i(),e(55,"h1",20),t(56,"Display 5"),i(),e(57,"h1",21),t(58,"Display 6"),i()()()(),e(59,"div",3)(60,"div",4)(61,"div",5)(62,"h5",6),t(63,"Text Element"),i()(),e(64,"div",7)(65,"p"),t(66,"You can use the mark tag to "),e(67,"mark"),t(68,"highlight"),i(),t(69," text."),i(),e(70,"p")(71,"del"),t(72,"This line of text is meant to be treated as deleted text."),i()(),e(73,"p")(74,"s"),t(75,"This line of text is meant to be treated as no longer accurate."),i()(),e(76,"p")(77,"ins"),t(78,"This line of text is meant to be treated as an addition to the document."),i()(),e(79,"p")(80,"u"),t(81,"This line of text will render as underlined"),i()(),e(82,"p")(83,"small"),t(84,"This line of text is meant to be treated as fine print."),i()(),e(85,"p")(86,"strong"),t(87,"This line rendered as bold text."),i()(),e(88,"p")(89,"em"),t(90,"This line rendered as italicized text."),i()(),e(91,"p",22),t(92,"This is in monospace"),i()()()(),e(93,"div",3)(94,"div",4)(95,"div",5)(96,"h5",6),t(97,"Coloured Link"),i()(),e(98,"div",7)(99,"p")(100,"a",23),t(101,"Primary link"),i()(),e(102,"p")(103,"a",24),t(104,"Secondary link"),i()(),e(105,"p")(106,"a",25),t(107,"Success link"),i()(),e(108,"p")(109,"a",26),t(110,"Danger link"),i()(),e(111,"p")(112,"a",27),t(113,"Warning link"),i()(),e(114,"p")(115,"a",28),t(116,"Info link"),i()(),e(117,"p")(118,"a",29),t(119,"Light link"),i()(),e(120,"p")(121,"a",30),t(122,"Dark link"),i()(),e(123,"p")(124,"a",31),t(125,"Muted link"),i()(),e(126,"p")(127,"a",32),t(128,"White link"),i()()()()(),e(129,"div",3)(130,"div",4)(131,"div",5)(132,"h5",6),t(133,"Coloured Text"),i()(),e(134,"div",7)(135,"p",33),t(136,".text-primary"),i(),e(137,"p",34),t(138,".text-secondary"),i(),e(139,"p",35),t(140,".text-success"),i(),e(141,"p",36),t(142,".text-danger"),i(),e(143,"p",37),t(144,".text-warning"),i(),e(145,"p",38),t(146,".text-info"),i(),e(147,"p",39),t(148,".text-light"),i(),e(149,"p",40),t(150,".text-dark"),i(),e(151,"p",41),t(152,".text-muted"),i(),e(153,"p",42),t(154,".text-white"),i()()()(),e(155,"div",3)(156,"div",4)(157,"div",5)(158,"h5",6),t(159,"Bullet Lists"),i()(),e(160,"div",7)(161,"ul",43)(162,"li"),t(163,"Consectetur adipiscing elit"),i(),e(164,"li"),t(165,"Integer molestie lorem at massa"),i(),e(166,"li"),t(167,"Facilisis in pretium nisl aliquet"),i(),e(168,"li",44)(169,"ul")(170,"li"),t(171,"Phasellus iaculis neque"),i(),e(172,"li"),t(173,"Purus sodales ultricies"),i(),e(174,"li"),t(175,"Ac tristique libero volutpat at"),i()()(),e(176,"li"),t(177,"Faucibus porta lacus fringilla vel"),i(),e(178,"li"),t(179,"Aenean sit amet erat nunc"),i(),e(180,"li"),t(181,"Eget porttitor lorem"),i()()()()(),e(182,"div",3)(183,"div",4)(184,"div",5)(185,"h5",6),t(186,"Number Lists"),i()(),e(187,"div",7)(188,"ul",45)(189,"li"),t(190,"Consectetur adipiscing elit"),i(),e(191,"li"),t(192,"Integer molestie lorem at massa"),i(),e(193,"li"),t(194,"Facilisis in pretium nisl aliquet"),i(),e(195,"li",44),t(196," Facilisis in pretium nisl aliquet "),e(197,"ol")(198,"li"),t(199,"Phasellus iaculis neque"),i(),e(200,"li"),t(201,"Purus sodales ultricies"),i(),e(202,"li"),t(203,"Ac tristique libero volutpat at"),i()()(),e(204,"li"),t(205,"Faucibus porta lacus fringilla vel"),i(),e(206,"li"),t(207,"Aenean sit amet erat nunc"),i(),e(208,"li"),t(209,"Eget porttitor lorem"),i()()()()(),e(210,"div",46)(211,"div",4)(212,"div",5)(213,"h5",6),t(214,"Lead Paragraph"),i()(),e(215,"div",7)(216,"p",47)(217,"b"),t(218,"This is a lead paragraph. It stands out from regular paragraphs"),i(),t(219,".There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. "),i()()()(),e(220,"div",48)(221,"div",4)(222,"div",5)(223,"h5",6),t(224,"Blockquote Left Aligned"),i()(),e(225,"div",7)(226,"figure",49)(227,"blockquote",50)(228,"h6"),t(229,"The greatest glory in living lies not in never falling, but in rising every time we fall."),i()(),e(230,"figcaption",51)(231,"cite",52),t(232,"Nelson Mandela"),i()()()()()(),e(233,"div",48)(234,"div",4)(235,"div",5)(236,"h5",6),t(237,"Blockquote Right Aligned"),i()(),e(238,"div",7)(239,"figure",53)(240,"blockquote",50)(241,"h6"),t(242,"The greatest glory in living lies not in never falling, but in rising every time we fall."),i()(),e(243,"figcaption",51)(244,"cite",52),t(245,"Nelson Mandela"),i()()()()()(),e(246,"div",46)(247,"div",4)(248,"div",5)(249,"h5",6),t(250,"Custom Color Blockquote"),i()(),e(251,"div",7)(252,"div",2)(253,"div",54)(254,"blockquote",55)(255,"h6"),t(256,"The future belongs to those who believe in the beauty of their dreams.."),i(),e(257,"footer",56),t(258,"Someone famous as "),e(259,"cite",52),t(260,"-Eleanor Roosevelt"),i()()()(),e(261,"div",54)(262,"blockquote",57)(263,"h6"),t(264,"The future belongs to those who believe in the beauty of their dreams.."),i(),e(265,"footer",56),t(266,"Someone famous as "),e(267,"cite",52),t(268,"-Eleanor Roosevelt"),i()()()(),e(269,"div",54)(270,"blockquote",58)(271,"h6"),t(272,"The future belongs to those who believe in the beauty of their dreams.."),i(),e(273,"footer",56),t(274,"Someone famous as "),e(275,"cite",52),t(276,"-Eleanor Roosevelt"),i()()()(),e(277,"div",54)(278,"blockquote",59)(279,"h6"),t(280,"The future belongs to those who believe in the beauty of their dreams.."),i(),e(281,"footer",56),t(282,"Someone famous as "),e(283,"cite",52),t(284,"-Eleanor Roosevelt"),i()()()(),e(285,"div",54)(286,"blockquote",60)(287,"h6"),t(288,"The future belongs to those who believe in the beauty of their dreams.."),i(),e(289,"footer",56),t(290,"Someone famous as "),e(291,"cite",52),t(292,"-Eleanor Roosevelt"),i()()()(),e(293,"div",54)(294,"blockquote",61)(295,"h6"),t(296,"The future belongs to those who believe in the beauty of their dreams.."),i(),e(297,"footer",56),t(298,"Someone famous as "),e(299,"cite",52),t(300,"-Eleanor Roosevelt"),i()()()()()()()(),e(301,"div",3)(302,"div",4)(303,"div",62)(304,"div",6),t(305," Description List Alignment "),i()(),e(306,"div",7)(307,"dl",63)(308,"dt",64),t(309,"Description lists"),i(),e(310,"dd",65),t(311,"A description list is perfect for defining terms."),i(),e(312,"dt",64),t(313,"Term"),i(),e(314,"dd",65)(315,"p"),t(316,"Definition for the term."),i(),e(317,"p"),t(318,"And some more placeholder definition text."),i()(),e(319,"dt",64),t(320,"Another term"),i(),e(321,"dd",65),t(322,"This definition is short, so no extra paragraphs or anything."),i(),e(323,"dt",66),t(324,"Truncated term is truncated"),i(),e(325,"dd",65),t(326,"This can be useful when space is tight. Adds an ellipsis at the end."),i(),e(327,"dt",64),t(328,"Nesting"),i(),e(329,"dd",67)(330,"dl",63)(331,"dt",68),t(332,"Nested definition list"),i(),e(333,"dd",69),t(334,"I heard you like definition lists. Let me put a definition list inside your definition list."),i()()()()()()(),e(335,"div",3)(336,"div",4)(337,"div",62)(338,"div",6),t(339," List Unstyled "),i()(),e(340,"div",7)(341,"ul",70)(342,"li"),t(343,"This is a list."),i(),e(344,"li"),t(345,"It appears completely unstyled."),i(),e(346,"li"),t(347,"Structurally, it's still a list."),i(),e(348,"li"),t(349,"However, this style only applies to immediate child elements."),i(),e(350,"li",44),t(351,"Nested lists: "),e(352,"ul",71)(353,"li"),t(354,"are unaffected by this style"),i(),e(355,"li"),t(356,"will still show a bullet"),i(),e(357,"li"),t(358,"and have appropriate left margin"),i()()(),e(359,"li"),t(360,"This may still come in handy in some situations."),i()()()(),e(361,"div",4)(362,"div",62)(363,"div",6),t(364," List Inline "),i()(),e(365,"div",7)(366,"ul",72)(367,"li",73),t(368,"This is a list item."),i(),e(369,"li",73),t(370,"And another one."),i(),e(371,"li",73),t(372,"But they're displayed inline."),i()()()()(),e(373,"div",3)(374,"div",4)(375,"div",62)(376,"div",6),t(377," Abbreviations "),i()(),e(378,"div",7)(379,"p")(380,"abbr",74),t(381,"attr"),i()(),e(382,"p",9)(383,"abbr",75),t(384,"HTML"),i()()()(),e(385,"div",4)(386,"div",62)(387,"div",6),t(388," Customizing headings "),i()(),e(389,"div",7)(390,"h3"),t(391," Fancy display heading "),e(392,"small",41),t(393,"With faded secondary text"),i()()()()(),e(394,"div",3)(395,"div",4)(396,"div",62)(397,"div",6),t(398," Horizontal Rules "),i()(),e(399,"div",7)(400,"p",76),t(401,"Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum dolorem fuga iste obcaecati natus eos officiis adipisci voluptatibus ipsum, architecto veniam delectus vel dolor magni a vero sunt ut harum."),i(),e(402,"div",35),m(403,"hr"),i(),e(404,"p",76),t(405,"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iusto perspiciatis, magni numquam quos perferendis nulla magnam odit amet excepturi quisquam provident."),i(),m(406,"hr",77),e(407,"p",9),t(408,"Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus aliquid consequatur aut doloremque assumenda voluptatem, id qui vero adipisci! Nostrum ipsam praesentium!"),i(),m(409,"hr",78),i()()(),e(410,"div",3)(411,"div",4)(412,"div",62)(413,"div",6),t(414," Text Transform "),i()(),e(415,"div",7)(416,"p",79),t(417,"Lowercased text."),i(),e(418,"p",80),t(419,"Uppercased text."),i(),e(420,"p",81),t(421,"CapiTaliZed text."),i()()()(),e(422,"div",3)(423,"div",4)(424,"div",62)(425,"div",6),t(426," Text Decoration "),i()(),e(427,"div",7)(428,"p",82),t(429,"This text has a line underneath it. "),i(),e(430,"p",83),t(431,"This text has a line going through it. "),i(),e(432,"a",84),t(433,"This link has its text decoration removed "),i()()()(),e(434,"div",3)(435,"div",4)(436,"div",62)(437,"div",6),t(438," Font Weight and Italics "),i()(),e(439,"div",7)(440,"p",85),t(441,"Bold text."),i(),e(442,"p",86),t(443,"Bolder weight text (relative to the parent element)."),i(),e(444,"p",87),t(445,"Semibold weight text."),i(),e(446,"p",88),t(447,"Normal weight text."),i(),e(448,"p",89),t(449,"Light weight text."),i(),e(450,"p",90),t(451,"Lighter weight text (relative to the parent element)."),i(),e(452,"p",91),t(453,"Italic text."),i(),e(454,"p",92),t(455,"Text with normal font style"),i()()()(),e(456,"div",3)(457,"div",4)(458,"div",62)(459,"div",6),t(460," Line Height "),i()(),e(461,"div",7)(462,"p",93),t(463,"This is a long paragraph written to show how the line-height of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API. "),i(),e(464,"p",94),t(465,"This is a long paragraph written to show how the line-height of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API. "),i(),e(466,"p",95),t(467,"This is a long paragraph written to show how the line-height of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API. "),i(),e(468,"p",96),t(469,"This is a long paragraph written to show how the line-height of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API. "),i()()()(),e(470,"div",97)(471,"div",4)(472,"div",62)(473,"div",6),t(474," Monospace "),i()(),e(475,"div",7)(476,"p",22),t(477,"This is in monospace"),i()()()(),e(478,"div",97)(479,"div",4)(480,"div",62)(481,"div",6),t(482," Reset Color "),i()(),e(483,"div",7)(484,"p",98),t(485," Muted text with a "),e(486,"a",99),t(487,"reset link"),i(),t(488,". "),i()()()(),e(489,"div",97)(490,"div",4)(491,"div",62)(492,"div",6),t(493," Visible Text "),i()(),e(494,"div",7)(495,"p",100),t(496,"This is visible text"),i()()()(),e(497,"div",97)(498,"div",4)(499,"div",62)(500,"div",6),t(501," Invisible Text "),i()(),e(502,"div",7)(503,"p",101),t(504,"This is invisible text"),i()()()(),e(505,"div",3)(506,"div",4)(507,"div",62)(508,"div",6),t(509," Text Alignment "),i()(),e(510,"div",7)(511,"p",102),t(512,"Start aligned text on all viewport sizes."),i(),e(513,"p",103),t(514,"Center aligned text on all viewport sizes."),i(),e(515,"p",104),t(516,"End aligned text on all viewport sizes."),i(),e(517,"p",105),t(518,"Start aligned text on viewports sized SM (small) or wider. "),i(),e(519,"p",106),t(520,"Start aligned text on viewports sized MD (medium) or wider. "),i(),e(521,"p",107),t(522,"Start aligned text on viewports sized LG (large) or wider. "),i(),e(523,"p",108),t(524,"Start aligned text on viewports sized XL (extra-large) or wider."),i()()()(),e(525,"div",3)(526,"div",4)(527,"div",62)(528,"div",6),t(529," Text Wrapping and Overflow "),i()(),e(530,"div",7)(531,"div",109),t(532," This text should wrap. "),i(),e(533,"p",110),t(534," use class "),e(535,"code"),t(536,".text-nowrap"),i(),t(537," to prevent text from wrapping"),i(),e(538,"div",111),t(539," This text should overflow the parent. "),i()()(),e(540,"div",4)(541,"div",62)(542,"div",6),t(543," Word break "),i()(),e(544,"div",7)(545,"p",112),t(546," mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm "),i()()()()())},dependencies:[l],encapsulation:2})};export{r as UiTypographyComponent};