1- import { o as C , p as Y , r as b , t as $ , v as J } from "./chunk-5JTM7ME4.js" ; import { a as W } from "./chunk-M53Z3AR5.js" ; import { ld as I , md as d } from "./chunk-DKZEO5I5.js" ; import { c as R , d as w , g as y , i as T } from "./chunk-HBB5QWDW.js" ; import "./chunk-R4KLPISJ.js" ; import { a as H } from "./chunk-XU7EL3XQ.js" ; import { s as q } from "./chunk-CT3JPDU2.js" ; import { h as B , i as O } from "./chunk-3U4ZU4LE.js" ; import "./chunk-JNWWDZD6.js" ; import { $b as S , Ab as l , Ec as K , Fc as r , Gb as u , Gc as D , Hc as f , Ob as F , Pb as k , Rb as A , Uc as V , Vb as m , Vc as g , bc as z , cc as U , dc as G , ec as t , fc as o , gc as s , ha as M , kb as c , qb as v , tc as j , va as p } from "./chunk-UC6R2TWQ.js" ; import { a as E , b as L } from "./chunk-JKOY2XUY.js" ; var Q = "```bash\nnpm install @coreui/icons@3\nnpm install @coreui/icons-angular@5.4\n```\n" ; var X = "```bash\nyarn add @coreui/icons\nyarn add @coreui/icons-angular\n```\n" ; var Z = `\`\`\`typescript
1+ import { o as C , p as Y , r as b , t as $ , v as J } from "./chunk-5JTM7ME4.js" ; import { a as W } from "./chunk-M53Z3AR5.js" ; import { ld as I , md as d } from "./chunk-DKZEO5I5.js" ; import { c as R , d as w , g as y , i as T } from "./chunk-HBB5QWDW.js" ; import "./chunk-R4KLPISJ.js" ; import { a as H } from "./chunk-XU7EL3XQ.js" ; import { s as q } from "./chunk-CT3JPDU2.js" ; import { h as B , i as O } from "./chunk-3U4ZU4LE.js" ; import "./chunk-JNWWDZD6.js" ; import { $b as S , Ab as l , Ec as K , Fc as r , Gb as u , Gc as D , Hc as f , Ob as F , Pb as k , Rb as A , Uc as V , Vb as m , Vc as g , bc as z , cc as U , dc as G , ec as t , fc as o , gc as s , ha as M , kb as c , qb as v , tc as j , va as p } from "./chunk-UC6R2TWQ.js" ; import { a as E , b as L } from "./chunk-JKOY2XUY.js" ; var Q = "```bash\nnpm install @coreui/icons@3 @coreui/icons-angular@5.4\n```\n" ; var X = "```bash\nyarn add @coreui/icons\nyarn add @coreui/icons-angular\n```\n" ; var Z = `\`\`\`typescript
22// app NgModule (excerpt)
33
44import { IconModule, IconSetService } from '@coreui/icons-angular';
@@ -26,7 +26,7 @@ export class AppComponent {
2626 }
2727...
2828\`\`\`
29- ` ; var x = class e { constructor ( ) { this . icons = J } static { this . \u0275fac = function ( n ) { return new ( n || e ) } } static { this . \u0275cmp = l ( { type :e , selectors :[ [ "docs-icons04" ] ] , decls :2 , vars :2 , consts :[ [ "size" , "xl" , "title" , "List Icon" , 3 , "cIcon" ] , [ "size" , "xl" , "title" , "Shield Icon" , 3 , "cIcon" ] ] , template :function ( n , i ) { n & 1 && ( p ( ) , s ( 0 , "svg" , 0 ) ( 1 , "svg" , 1 ) ) , n & 2 && ( m ( "cIcon" , i . icons . cilList ) , c ( ) , m ( "cIcon" , i . icons . cilShieldAlt ) ) } , dependencies :[ d ] , encapsulation :2 } ) } } ; var h = class e { constructor ( ) { this . iconSet = M ( I ) ; this . iconSet . icons = { cilListNumbered :C , cilPaperPlane :b } } static { this . \u0275fac = function ( n ) { return new ( n || e ) } } static { this . \u0275cmp = l ( { type :e , selectors :[ [ "docs-icons03" ] ] , features :[ V ( [ I ] ) ] , 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 , i ) { n & 1 && ( p ( ) , s ( 0 , "svg" , 0 ) ( 1 , "svg" , 1 ) ) } , dependencies :[ d ] , encapsulation :2 } ) } } ; var _ = class e { constructor ( ) { this . icons = { cilList :Y , cilShieldAlt :$ } } 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 , i ) { n & 1 && ( p ( ) , s ( 0 , "svg" , 0 ) ( 1 , "svg" , 1 ) ) , n & 2 && ( m ( "cIcon" , i . icons . cilList ) , c ( ) , m ( "cIcon" , i . icons . cilShieldAlt ) ) } , dependencies :[ d ] , encapsulation :2 } ) } } ; var se = ( ) => [ import ( "./chunk-OK7SEAB6.js" ) . then ( e => e . IconsFreeComponent ) , import ( "./chunk-K5L5B4HL.js" ) . then ( e => e . IconsBrandComponent ) , import ( "./chunk-SPZEEZK4.js" ) . then ( e => e . IconsFlagsComponent ) , import ( "./chunk-SBWU6LCH.js" ) . then ( e => e . TabsComponent ) , import ( "./chunk-SBWU6LCH.js" ) . then ( e => e . TabsListComponent ) , import ( "./chunk-SBWU6LCH.js" ) . then ( e => e . TabDirective ) , import ( "./chunk-SBWU6LCH.js" ) . then ( e => e . TabsContentComponent ) , import ( "./chunk-SBWU6LCH.js" ) . then ( e => e . TabPanelComponent ) ] , re = ( ) => [ "icons/examples/icons01.component.html" , "icons/examples/icons01.component.ts" ] , ae = ( ) => [ "icons/examples/icons04.component.ts" , "icons/examples/icons04.component.html" ] , me = ( ) => [ "icons/examples/icons03.component.html" , "icons/examples/icons03.component.ts" ] ; function le ( e , a ) { if ( e & 1 && ( t ( 0 , "button" , 9 ) , r ( 1 ) , o ( ) ) , e & 2 ) { let n = a . $implicit ; m ( "itemKey" , n ) , c ( ) , f ( " " , n , " " ) } } function pe ( e , a ) { e & 1 && s ( 0 , "docs-icons-free" , 11 ) , e & 2 && m ( "@insertRemoveTrigger" , void 0 ) } function de ( e , a ) { e & 1 && s ( 0 , "docs-icons-brand" , 11 ) , e & 2 && m ( "@insertRemoveTrigger" , void 0 ) } function ue ( e , a ) { e & 1 && s ( 0 , "docs-icons-flags" , 11 ) , e & 2 && m ( "@insertRemoveTrigger" , void 0 ) } function fe ( e , a ) { if ( e & 1 && ( t ( 0 , "c-tabs" , 7 , 0 ) ( 2 , "c-tabs-list" , 8 ) , U ( 3 , le , 2 , 2 , "button" , 9 , z ) , o ( ) , t ( 5 , "c-tabs-content" ) ( 6 , "c-tab-panel" , 10 ) , u ( 7 , pe , 1 , 1 , "docs-icons-free" , 11 ) , o ( ) , t ( 8 , "c-tab-panel" , 12 ) , u ( 9 , de , 1 , 1 , "docs-icons-brand" , 11 ) , o ( ) , t ( 10 , "c-tab-panel" , 13 ) , u ( 11 , ue , 1 , 1 , "docs-icons-flags" , 11 ) , o ( ) ( ) ( ) , s ( 12 , "hr" ) ) , e & 2 ) { let n = K ( 1 ) , i = j ( ) ; c ( 3 ) , G ( i . sets ) , c ( 4 ) , S ( n . tabsService . activeItemKey ( ) === "Linear" ?7 :- 1 ) , c ( 2 ) , S ( n . tabsService . activeItemKey ( ) === "Brand" ?9 :- 1 ) , c ( 2 ) , S ( n . tabsService . activeItemKey ( ) === "Flags" ?11 :- 1 ) } } var ne = class e { constructor ( a , n , i ) { this . metaService = a ; this . titleService = n ; this . iconSetService = i ; this . sets = [ "Linear" , "Brand" , "Flags" ] ; this . npm = Q ; this . yarn = X ; this . usageModule = Z ; this . usageComponent = ee ; this . title = "Angular Icons Component" ; this . description = "Official Angular component for CoreUI Icons and CoreUI Icons PRO." ; this . iconSetService . icons = L ( E ( { } , this . iconSetService . icons ) , { cilListNumbered :C , cilPaperPlane :b } ) } ngOnInit ( ) { this . titleService . setTitle ( this . title ) , this . metaService . updateTag ( { name :"description" , content :this . description } ) } static { this . \u0275fac = function ( n ) { return new ( n || e ) ( v ( B ) , v ( O ) , v ( I ) ) } } static { this . \u0275cmp = l ( { type :e , selectors :[ [ "docs-icons-docs" ] ] , decls :35 , vars :14 , consts :[ [ "tabs" , "cTabs" ] , [ "id" , "getting-started" ] , [ 1 , "docs-lead" , "fs-4" , "fw-light" ] , [ "stackblitz" , "" , "componentName" , "Icons01Component" , 3 , "files" , "name" ] , [ "stackblitz" , "" , "componentName" , "Icons04Component" , 3 , "files" , "name" ] , [ "stackblitz" , "" , "componentName" , "Icons03Component" , 3 , "files" , "name" ] , [ 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 , i ) { n & 1 && ( t ( 0 , "h1" , 1 ) , r ( 1 ) , o ( ) , t ( 2 , "p" , 2 ) , r ( 3 ) , o ( ) , s ( 4 , "docs-ads-carbon-loader" ) , t ( 5 , "markdown" ) , r ( 6 ) , o ( ) , t ( 7 , "markdown" ) , r ( 8 , `
29+ ` ; var x = class e { constructor ( ) { this . icons = { cilList :Y , cilShieldAlt :$ } } 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 , i ) { n & 1 && ( p ( ) , s ( 0 , "svg" , 0 ) ( 1 , "svg" , 1 ) ) , n & 2 && ( m ( "cIcon" , i . icons . cilList ) , c ( ) , m ( "cIcon" , i . icons . cilShieldAlt ) ) } , dependencies :[ d ] , encapsulation :2 } ) } } ; var h = class e { constructor ( ) { this . icons = J } 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 , i ) { n & 1 && ( p ( ) , s ( 0 , "svg" , 0 ) ( 1 , "svg" , 1 ) ) , n & 2 && ( m ( "cIcon" , i . icons . cilList ) , c ( ) , m ( "cIcon" , i . icons . cilShieldAlt ) ) } , dependencies :[ d ] , encapsulation :2 } ) } } ; var _ = class e { constructor ( ) { this . iconSet = M ( I ) ; this . iconSet . icons = { cilListNumbered :C , cilPaperPlane :b } } static { this . \u0275fac = function ( n ) { return new ( n || e ) } } static { this . \u0275cmp = l ( { type :e , selectors :[ [ "docs-icons03" ] ] , features :[ V ( [ I ] ) ] , 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 , i ) { n & 1 && ( p ( ) , s ( 0 , "svg" , 0 ) ( 1 , "svg" , 1 ) ) } , dependencies :[ d ] , encapsulation :2 } ) } } ; var se = ( ) => [ import ( "./chunk-OK7SEAB6.js" ) . then ( e => e . IconsFreeComponent ) , import ( "./chunk-K5L5B4HL.js" ) . then ( e => e . IconsBrandComponent ) , import ( "./chunk-SPZEEZK4.js" ) . then ( e => e . IconsFlagsComponent ) , import ( "./chunk-SBWU6LCH.js" ) . then ( e => e . TabsComponent ) , import ( "./chunk-SBWU6LCH.js" ) . then ( e => e . TabsListComponent ) , import ( "./chunk-SBWU6LCH.js" ) . then ( e => e . TabDirective ) , import ( "./chunk-SBWU6LCH.js" ) . then ( e => e . TabsContentComponent ) , import ( "./chunk-SBWU6LCH.js" ) . then ( e => e . TabPanelComponent ) ] , re = ( ) => [ "icons/examples/icons01.component.html" , "icons/examples/icons01.component.ts" ] , ae = ( ) => [ "icons/examples/icons02.component.ts" , "icons/examples/icons02.component.html" ] , me = ( ) => [ "icons/examples/icons03.component.html" , "icons/examples/icons03.component.ts" ] ; function le ( e , a ) { if ( e & 1 && ( t ( 0 , "button" , 9 ) , r ( 1 ) , o ( ) ) , e & 2 ) { let n = a . $implicit ; m ( "itemKey" , n ) , c ( ) , f ( " " , n , " " ) } } function pe ( e , a ) { e & 1 && s ( 0 , "docs-icons-free" , 11 ) , e & 2 && m ( "@insertRemoveTrigger" , void 0 ) } function de ( e , a ) { e & 1 && s ( 0 , "docs-icons-brand" , 11 ) , e & 2 && m ( "@insertRemoveTrigger" , void 0 ) } function ue ( e , a ) { e & 1 && s ( 0 , "docs-icons-flags" , 11 ) , e & 2 && m ( "@insertRemoveTrigger" , void 0 ) } function fe ( e , a ) { if ( e & 1 && ( t ( 0 , "c-tabs" , 7 , 0 ) ( 2 , "c-tabs-list" , 8 ) , U ( 3 , le , 2 , 2 , "button" , 9 , z ) , o ( ) , t ( 5 , "c-tabs-content" ) ( 6 , "c-tab-panel" , 10 ) , u ( 7 , pe , 1 , 1 , "docs-icons-free" , 11 ) , o ( ) , t ( 8 , "c-tab-panel" , 12 ) , u ( 9 , de , 1 , 1 , "docs-icons-brand" , 11 ) , o ( ) , t ( 10 , "c-tab-panel" , 13 ) , u ( 11 , ue , 1 , 1 , "docs-icons-flags" , 11 ) , o ( ) ( ) ( ) , s ( 12 , "hr" ) ) , e & 2 ) { let n = K ( 1 ) , i = j ( ) ; c ( 3 ) , G ( i . sets ) , c ( 4 ) , S ( n . tabsService . activeItemKey ( ) === "Linear" ?7 :- 1 ) , c ( 2 ) , S ( n . tabsService . activeItemKey ( ) === "Brand" ?9 :- 1 ) , c ( 2 ) , S ( n . tabsService . activeItemKey ( ) === "Flags" ?11 :- 1 ) } } var ne = class e { constructor ( a , n , i ) { this . metaService = a ; this . titleService = n ; this . iconSetService = i ; this . sets = [ "Linear" , "Brand" , "Flags" ] ; this . npm = Q ; this . yarn = X ; this . usageModule = Z ; this . usageComponent = ee ; this . title = "Angular Icons Component" ; this . description = "Official Angular component for CoreUI Icons and CoreUI Icons PRO." ; this . iconSetService . icons = L ( E ( { } , this . iconSetService . icons ) , { cilListNumbered :C , cilPaperPlane :b } ) } ngOnInit ( ) { this . titleService . setTitle ( this . title ) , this . metaService . updateTag ( { name :"description" , content :this . description } ) } static { this . \u0275fac = function ( n ) { return new ( n || e ) ( v ( B ) , v ( O ) , v ( I ) ) } } static { this . \u0275cmp = l ( { type :e , selectors :[ [ "docs-icons-docs" ] ] , decls :35 , vars :14 , consts :[ [ "tabs" , "cTabs" ] , [ "id" , "getting-started" ] , [ 1 , "docs-lead" , "fs-4" , "fw-light" ] , [ "stackblitz" , "" , "componentName" , "Icons01Component" , 3 , "files" , "name" ] , [ "stackblitz" , "" , "componentName" , "Icons02Component" , 3 , "files" , "name" ] , [ "stackblitz" , "" , "componentName" , "Icons03Component" , 3 , "files" , "name" ] , [ 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 , i ) { n & 1 && ( t ( 0 , "h1" , 1 ) , r ( 1 ) , o ( ) , t ( 2 , "p" , 2 ) , r ( 3 ) , o ( ) , s ( 4 , "docs-ads-carbon-loader" ) , t ( 5 , "markdown" ) , r ( 6 ) , o ( ) , t ( 7 , "markdown" ) , r ( 8 , `
3030
3131 ---
3232
@@ -43,7 +43,7 @@ export class AppComponent {
4343
4444 Not recommended, can drastically increase your bundle size.
4545
46- ` ) , o ( ) , t ( 13 , "docs-example" , 4 ) , s ( 14 , "docs-icons04 " ) , o ( ) , t ( 15 , "markdown" ) , r ( 16 ) , o ( ) , t ( 17 , "markdown" ) , r ( 18 ) , o ( ) , t ( 19 , "markdown" ) , r ( 20 , `
46+ ` ) , o ( ) , t ( 13 , "docs-example" , 4 ) , s ( 14 , "docs-icons02 " ) , o ( ) , t ( 15 , "markdown" ) , r ( 16 ) , o ( ) , t ( 17 , "markdown" ) , r ( 18 ) , o ( ) , t ( 19 , "markdown" ) , r ( 20 , `
4747
4848 ---
4949 #### Use icons
@@ -101,6 +101,7 @@ export class AppComponent {
101101 ### Npm
102102
103103 ` , i . npm , `
104+
104105` ) , c ( 3 ) , m ( "files" , g ( 11 , re ) ) ( "name" , i . title ) , c ( 4 ) , m ( "files" , g ( 12 , ae ) ) ( "name" , i . title ) , c ( 3 ) , f ( `
105106
106107 ---
@@ -124,4 +125,4 @@ export class AppComponent {
124125 ` , i . usageComponent , `
125126
126127
127- ` ) , c ( 3 ) , m ( "files" , g ( 13 , me ) ) ( "name" , i . title ) ) } , dependencies :[ q , H , W , _ , h , x ] , encapsulation :2 , data :{ animation :[ R ( "insertRemoveTrigger" , [ T ( ":enter" , [ y ( { opacity :0 } ) , w ( "300ms ease-in" , y ( { opacity :1 } ) ) ] ) , T ( ":leave" , [ w ( "600ms ease-out" , y ( { opacity :0 } ) ) ] ) ] ) ] } } ) } } ; export { ne as IconsDocsComponent } ;
128+ ` ) , c ( 3 ) , m ( "files" , g ( 13 , me ) ) ( "name" , i . title ) ) } , dependencies :[ q , H , W , x , h , _ ] , encapsulation :2 , data :{ animation :[ R ( "insertRemoveTrigger" , [ T ( ":enter" , [ y ( { opacity :0 } ) , w ( "300ms ease-in" , y ( { opacity :1 } ) ) ] ) , T ( ":leave" , [ w ( "600ms ease-out" , y ( { opacity :0 } ) ) ] ) ] ) ] } } ) } } ; export { ne as IconsDocsComponent } ;
0 commit comments