diff --git a/chunk-FPANO7T4.js b/chunk-4FBWBNGT.js
similarity index 70%
rename from chunk-FPANO7T4.js
rename to chunk-4FBWBNGT.js
index 953579c..fa1716b 100644
--- a/chunk-FPANO7T4.js
+++ b/chunk-4FBWBNGT.js
@@ -1 +1 @@
-import{a as c}from"./chunk-WEP4G4BU.js";import{Ha as r,Ra as p,U as o,ob as i}from"./chunk-FUUZABHH.js";import"./chunk-TWZW5B45.js";var g='
Icon Material
',a=class t{routes=s[0].children;headerContent=g;pageType="guide";hasBreadcrumb=!0;static \u0275fac=function(e){return new(e||t)};static \u0275cmp=o({type:t,selectors:[["ng-doc-page-wrapper-jythigsg"]],standalone:!0,features:[i],decls:1,vars:4,consts:[[3,"routes","headerContent","hasBreadcrumb","pageType"]],template:function(e,n){e&1&&p(0,"ng-doc-page-wrapper",0),e&2&&r("routes",n.routes)("headerContent",n.headerContent)("hasBreadcrumb",n.hasBreadcrumb)("pageType",n.pageType)},dependencies:[c],encapsulation:2,changeDetection:0})},s=[{path:"",component:a,title:"Icon Material",children:[{path:"",loadChildren:()=>import("./chunk-KZZE6VJO.js"),title:"Icon Material",data:{icon:""}}]}],u=s;export{a as PageWrapperComponent,u as default};
+import{a as c}from"./chunk-WEP4G4BU.js";import{Ha as r,Ra as p,U as t,ob as i}from"./chunk-FUUZABHH.js";import"./chunk-TWZW5B45.js";var g='
Icon Material
',a=class o{routes=s[0].children;headerContent=g;pageType="guide";hasBreadcrumb=!0;static \u0275fac=function(e){return new(e||o)};static \u0275cmp=t({type:o,selectors:[["ng-doc-page-wrapper-k100mm2k"]],standalone:!0,features:[i],decls:1,vars:4,consts:[[3,"routes","headerContent","hasBreadcrumb","pageType"]],template:function(e,n){e&1&&p(0,"ng-doc-page-wrapper",0),e&2&&r("routes",n.routes)("headerContent",n.headerContent)("hasBreadcrumb",n.hasBreadcrumb)("pageType",n.pageType)},dependencies:[c],encapsulation:2,changeDetection:0})},s=[{path:"",component:a,title:"Icon Material",children:[{path:"",loadChildren:()=>import("./chunk-OYIBIQ5V.js"),title:"Icon Material",data:{icon:""}}]}],u=s;export{a as PageWrapperComponent,u as default};
diff --git a/chunk-D3UNDUCH.js b/chunk-5TNL5GRR.js
similarity index 87%
rename from chunk-D3UNDUCH.js
rename to chunk-5TNL5GRR.js
index 6fea504..36541a6 100644
--- a/chunk-D3UNDUCH.js
+++ b/chunk-5TNL5GRR.js
@@ -1 +1 @@
-import{a as i}from"./chunk-WEP4G4BU.js";import{Ha as r,Ra as p,U as a,ob as d}from"./chunk-FUUZABHH.js";import"./chunk-TWZW5B45.js";var g='
Todo
',t=class n{routes=s[0].children;headerContent=g;pageType="guide";hasBreadcrumb=!0;static \u0275fac=function(e){return new(e||n)};static \u0275cmp=a({type:n,selectors:[["ng-doc-page-wrapper-qkknqpr2"]],standalone:!0,features:[d],decls:1,vars:4,consts:[[3,"routes","headerContent","hasBreadcrumb","pageType"]],template:function(e,o){e&1&&p(0,"ng-doc-page-wrapper",0),e&2&&r("routes",o.routes)("headerContent",o.headerContent)("hasBreadcrumb",o.hasBreadcrumb)("pageType",o.pageType)},dependencies:[i],encapsulation:2,changeDetection:0})},s=[{path:"",component:t,title:"Todo",children:[{path:"",loadChildren:()=>import("./chunk-JLKXU7RL.js"),title:"Todo",data:{icon:""}}]}],l=s;export{t as PageWrapperComponent,l as default};
+import{a as i}from"./chunk-WEP4G4BU.js";import{Ha as r,Ra as p,U as a,ob as d}from"./chunk-FUUZABHH.js";import"./chunk-TWZW5B45.js";var g='
Todo
',t=class n{routes=s[0].children;headerContent=g;pageType="guide";hasBreadcrumb=!0;static \u0275fac=function(e){return new(e||n)};static \u0275cmp=a({type:n,selectors:[["ng-doc-page-wrapper-z1qeeg4i"]],standalone:!0,features:[d],decls:1,vars:4,consts:[[3,"routes","headerContent","hasBreadcrumb","pageType"]],template:function(e,o){e&1&&p(0,"ng-doc-page-wrapper",0),e&2&&r("routes",o.routes)("headerContent",o.headerContent)("hasBreadcrumb",o.hasBreadcrumb)("pageType",o.pageType)},dependencies:[i],encapsulation:2,changeDetection:0})},s=[{path:"",component:t,title:"Todo",children:[{path:"",loadChildren:()=>import("./chunk-XLZLLBIX.js"),title:"Todo",data:{icon:""}}]}],l=s;export{t as PageWrapperComponent,l as default};
diff --git a/chunk-6IVRQXMA.js b/chunk-6IVRQXMA.js
deleted file mode 100644
index 0fea37b..0000000
--- a/chunk-6IVRQXMA.js
+++ /dev/null
@@ -1 +0,0 @@
-import{a as p}from"./chunk-L4YHDAK7.js";import"./chunk-WEP4G4BU.js";import{S as D,a as s}from"./chunk-FNBE65Q7.js";import{Ba as l,Ra as g,U as c,nb as r,ob as i}from"./chunk-FUUZABHH.js";import{a as d,b as o,h as b}from"./chunk-TWZW5B45.js";var f=b(D());var y={title:"Welcome",mdFile:"../../../../README.md"},e=y;var h=[];var w={},u=w;var N='
Angular Web User Interface \u{1F3A8}
Angular library of components, services & patterns easing development of user interfaces. This is not a framework, nor a cdk, nut simply a collection of components following best practices in angular web development.
This repository was created as a model for creating actual application. Feel free to use take any components you want \u{1F64C}
Builds application in production mode to dist/ngx-lib/browser
npm run watch
Builds application in development mode and watch for file change
npm run test
Launch unit tests with Jest runner
npm run test:watch
Launch unit tests and watch for files change
npm run lint
Lint repository with eslint & prettier.
Versions \u{1F516}
A complete changelog can be found in dedicated markdown. Which resume current progress. You can also found what is in the current development inside TODO markdown.
',a=class t extends s{pageType="guide";pageContent=N;page=e;demoAssets=u;constructor(){super()}static \u0275fac=function(n){return new(n||t)};static \u0275cmp=c({type:t,selectors:[["ng-doc-page-hc384p7h"]],standalone:!0,features:[r([{provide:s,useExisting:t},h,e.providers??[]]),l,i],decls:1,vars:0,template:function(n,v){n&1&&g(0,"ng-doc-page")},dependencies:[p],encapsulation:2,changeDetection:0})},P=[o(d({},(0,f.isRoute)(e.route)?e.route:{}),{path:"",component:a,title:"Welcome"})],M=P;export{a as PageComponent,M as default};
diff --git a/chunk-ZGPOGPG5.js b/chunk-73WRRV5S.js
similarity index 98%
rename from chunk-ZGPOGPG5.js
rename to chunk-73WRRV5S.js
index ab59c7c..e688f79 100644
--- a/chunk-ZGPOGPG5.js
+++ b/chunk-73WRRV5S.js
@@ -1 +1 @@
-import{a as F}from"./chunk-YTBHK5E4.js";import{a as S}from"./chunk-L4YHDAK7.js";import"./chunk-WEP4G4BU.js";import{o as D,q as v}from"./chunk-ZCY2UNJH.js";import{S as q,a as P}from"./chunk-FNBE65Q7.js";import{$a as z,Ba as l,Ga as R,Ha as f,Pa as y,Qa as b,Qb as h,Ra as O,U as i,_a as _,bb as p,cb as c,db as g,ha as u,hb as C,nb as k,ob as d,wa as m}from"./chunk-FUUZABHH.js";import{a as x,b as M,h as V}from"./chunk-TWZW5B45.js";var E=V(q());var G=["*"],s=class n{color=u("primary");size=u("medium");rounded=u(!1);disabled=u(!1);static \u0275fac=function(e){return new(e||n)};static \u0275cmp=i({type:n,selectors:[["lib-button"],["lib-button-outline"]],hostVars:4,hostBindings:function(e,o){e&2&&R("data-color",o.color())("data-size",o.size())("data-rounded",o.rounded())("data-disabled",o.disabled())},inputs:{color:[1,"color"],size:[1,"size"],rounded:[1,"rounded"],disabled:[1,"disabled"]},standalone:!0,features:[d],ngContentSelectors:G,decls:1,vars:0,template:function(e,o){e&1&&(_(),z(0))},styles:['[_nghost-%COMP%]{display:inline-flex;justify-content:center;align-items:center;position:relative;border-radius:4px;border:1px solid transparent;background-color:var(--button-background);color:var(--button-color);cursor:pointer;overflow:hidden}[lib-button-outline][_nghost-%COMP%]{background-color:transparent;border:1px solid var(--button-background);color:var(--button-background)}[lib-button-flat][_nghost-%COMP%]{background-color:transparent;color:var(--button-background)}[lib-button-flat][_nghost-%COMP%]:hover:before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-color:var(--button-background);opacity:.1}[data-color=primary][_nghost-%COMP%]{--button-background: #3f51b5;--button-color: #fff}[data-color=accent][_nghost-%COMP%]{--button-background: #ff4081;--button-color: #fff}[data-color=warn][_nghost-%COMP%]{--button-background: #f44336;--button-color: #fff}[data-size=small][_nghost-%COMP%]{padding:.25rem .75rem}[data-size=medium][_nghost-%COMP%]{padding:.75rem 1.5rem}[data-size=large][_nghost-%COMP%]{padding:1.25rem 2rem;font-size:1.25rem;line-height:1.75rem}[data-rounded=true][_nghost-%COMP%]{border-radius:24px}[data-disabled=true][_nghost-%COMP%]{opacity:.5;pointer-events:none}'],changeDetection:0})};var U={title:"Button",mdFile:"./index.md",playgrounds:{ButtonPlayground:{target:s,template:"My Button"}},category:F},t=U;var N=class n extends v{static selector="lib-button";playground;viewContainerRef;configData=t.playgrounds.ButtonPlayground.data;constructor(){super(t.playgrounds.ButtonPlayground.target)}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=i({type:n,selectors:[["ng-doc-playground-1"]],viewQuery:function(e,o){if(e&1&&(p(t.playgrounds.ButtonPlayground.target,7),p(t.playgrounds.ButtonPlayground.target,7,m)),e&2){let a;c(a=g())&&(o.playground=a.first),c(a=g())&&(o.viewContainerRef=a.first)}},standalone:!0,features:[l,d],decls:2,vars:4,consts:[[3,"color","size","rounded","disabled"]],template:function(e,o){e&1&&(y(0,"lib-button",0),C(1,"My Button"),b()),e&2&&f("color",o.properties.color)("size",o.properties.size)("rounded",o.properties.rounded)("disabled",o.properties.disabled)},dependencies:[h,s],encapsulation:2,changeDetection:0})},B=class n extends v{static selector="lib-button-outline";playground;viewContainerRef;configData=t.playgrounds.ButtonPlayground.data;constructor(){super(t.playgrounds.ButtonPlayground.target)}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=i({type:n,selectors:[["ng-doc-playground-2"]],viewQuery:function(e,o){if(e&1&&(p(t.playgrounds.ButtonPlayground.target,7),p(t.playgrounds.ButtonPlayground.target,7,m)),e&2){let a;c(a=g())&&(o.playground=a.first),c(a=g())&&(o.viewContainerRef=a.first)}},standalone:!0,features:[l,d],decls:2,vars:4,consts:[[3,"color","size","rounded","disabled"]],template:function(e,o){e&1&&(y(0,"lib-button-outline",0),C(1,"My Button"),b()),e&2&&f("color",o.properties.color)("size",o.properties.size)("rounded",o.properties.rounded)("disabled",o.properties.disabled)},dependencies:[h,s],encapsulation:2,changeDetection:0})};var T=[D("ButtonPlayground",N),D("ButtonPlayground",B)];var Y={},I=Y;var j=`
A button is an interface element that allows the user to perform a specific action when clicked.
Playground \u{1F579}\uFE0F
lib-button,lib-button-outline
{"color":{"inputName":"color","type":"'primary' | 'accent' | 'warn'","description":"<p>Color of the button.</p>","options":["'primary'","'accent'","'warn'"]},"size":{"inputName":"size","type":"'small' | 'medium' | 'large'","description":"<p>Size of the button.</p>","options":["'small'","'medium'","'large'"]},"rounded":{"inputName":"rounded","type":"boolean","description":"<p>Whether the button should have rounded corners.</p>","options":["false","true"]},"disabled":{"inputName":"disabled","type":"boolean","description":"<p>Whether the button should be disabled.</p>","options":["false","true"]}}
{}
`,w=class n extends P{pageType="guide";pageContent=j;page=t;demoAssets=I;constructor(){super()}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=i({type:n,selectors:[["ng-doc-page-1nhhb6ud"]],standalone:!0,features:[k([{provide:P,useExisting:n},T,t.providers??[]]),l,d],decls:1,vars:0,template:function(e,o){e&1&&O(0,"ng-doc-page")},dependencies:[S],encapsulation:2,changeDetection:0})},W=[M(x({},(0,E.isRoute)(t.route)?t.route:{}),{path:"",component:w,title:"Button"})],Ce=W;export{w as PageComponent,Ce as default};
+import{a as F}from"./chunk-YTBHK5E4.js";import{a as S}from"./chunk-L4YHDAK7.js";import"./chunk-WEP4G4BU.js";import{o as D,q as v}from"./chunk-ZCY2UNJH.js";import{S as q,a as P}from"./chunk-FNBE65Q7.js";import{$a as z,Ba as l,Ga as R,Ha as f,Pa as y,Qa as b,Qb as h,Ra as O,U as i,_a as _,bb as p,cb as c,db as g,ha as u,hb as C,nb as k,ob as d,wa as m}from"./chunk-FUUZABHH.js";import{a as x,b as M,h as V}from"./chunk-TWZW5B45.js";var E=V(q());var G=["*"],s=class n{color=u("primary");size=u("medium");rounded=u(!1);disabled=u(!1);static \u0275fac=function(e){return new(e||n)};static \u0275cmp=i({type:n,selectors:[["lib-button"],["lib-button-outline"]],hostVars:4,hostBindings:function(e,o){e&2&&R("data-color",o.color())("data-size",o.size())("data-rounded",o.rounded())("data-disabled",o.disabled())},inputs:{color:[1,"color"],size:[1,"size"],rounded:[1,"rounded"],disabled:[1,"disabled"]},standalone:!0,features:[d],ngContentSelectors:G,decls:1,vars:0,template:function(e,o){e&1&&(_(),z(0))},styles:['[_nghost-%COMP%]{display:inline-flex;justify-content:center;align-items:center;position:relative;border-radius:4px;border:1px solid transparent;background-color:var(--button-background);color:var(--button-color);cursor:pointer;overflow:hidden}[lib-button-outline][_nghost-%COMP%]{background-color:transparent;border:1px solid var(--button-background);color:var(--button-background)}[lib-button-flat][_nghost-%COMP%]{background-color:transparent;color:var(--button-background)}[lib-button-flat][_nghost-%COMP%]:hover:before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-color:var(--button-background);opacity:.1}[data-color=primary][_nghost-%COMP%]{--button-background: #3f51b5;--button-color: #fff}[data-color=accent][_nghost-%COMP%]{--button-background: #ff4081;--button-color: #fff}[data-color=warn][_nghost-%COMP%]{--button-background: #f44336;--button-color: #fff}[data-size=small][_nghost-%COMP%]{padding:.25rem .75rem}[data-size=medium][_nghost-%COMP%]{padding:.75rem 1.5rem}[data-size=large][_nghost-%COMP%]{padding:1.25rem 2rem;font-size:1.25rem;line-height:1.75rem}[data-rounded=true][_nghost-%COMP%]{border-radius:24px}[data-disabled=true][_nghost-%COMP%]{opacity:.5;pointer-events:none}'],changeDetection:0})};var U={title:"Button",mdFile:"./index.md",playgrounds:{ButtonPlayground:{target:s,template:"My Button"}},category:F},t=U;var N=class n extends v{static selector="lib-button";playground;viewContainerRef;configData=t.playgrounds.ButtonPlayground.data;constructor(){super(t.playgrounds.ButtonPlayground.target)}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=i({type:n,selectors:[["ng-doc-playground-1"]],viewQuery:function(e,o){if(e&1&&(p(t.playgrounds.ButtonPlayground.target,7),p(t.playgrounds.ButtonPlayground.target,7,m)),e&2){let a;c(a=g())&&(o.playground=a.first),c(a=g())&&(o.viewContainerRef=a.first)}},standalone:!0,features:[l,d],decls:2,vars:4,consts:[[3,"color","size","rounded","disabled"]],template:function(e,o){e&1&&(y(0,"lib-button",0),C(1,"My Button"),b()),e&2&&f("color",o.properties.color)("size",o.properties.size)("rounded",o.properties.rounded)("disabled",o.properties.disabled)},dependencies:[h,s],encapsulation:2,changeDetection:0})},B=class n extends v{static selector="lib-button-outline";playground;viewContainerRef;configData=t.playgrounds.ButtonPlayground.data;constructor(){super(t.playgrounds.ButtonPlayground.target)}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=i({type:n,selectors:[["ng-doc-playground-2"]],viewQuery:function(e,o){if(e&1&&(p(t.playgrounds.ButtonPlayground.target,7),p(t.playgrounds.ButtonPlayground.target,7,m)),e&2){let a;c(a=g())&&(o.playground=a.first),c(a=g())&&(o.viewContainerRef=a.first)}},standalone:!0,features:[l,d],decls:2,vars:4,consts:[[3,"color","size","rounded","disabled"]],template:function(e,o){e&1&&(y(0,"lib-button-outline",0),C(1,"My Button"),b()),e&2&&f("color",o.properties.color)("size",o.properties.size)("rounded",o.properties.rounded)("disabled",o.properties.disabled)},dependencies:[h,s],encapsulation:2,changeDetection:0})};var T=[D("ButtonPlayground",N),D("ButtonPlayground",B)];var Y={},I=Y;var j=`
A button is an interface element that allows the user to perform a specific action when clicked.
Playground \u{1F579}\uFE0F
lib-button,lib-button-outline
{"color":{"inputName":"color","type":"'primary' | 'accent' | 'warn'","description":"<p>Color of the button.</p>","options":["'primary'","'accent'","'warn'"]},"size":{"inputName":"size","type":"'small' | 'medium' | 'large'","description":"<p>Size of the button.</p>","options":["'small'","'medium'","'large'"]},"rounded":{"inputName":"rounded","type":"boolean","description":"<p>Whether the button should have rounded corners.</p>","options":["false","true"]},"disabled":{"inputName":"disabled","type":"boolean","description":"<p>Whether the button should be disabled.</p>","options":["false","true"]}}
{}
`,w=class n extends P{pageType="guide";pageContent=j;page=t;demoAssets=I;constructor(){super()}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=i({type:n,selectors:[["ng-doc-page-i2e0tz78"]],standalone:!0,features:[k([{provide:P,useExisting:n},T,t.providers??[]]),l,d],decls:1,vars:0,template:function(e,o){e&1&&O(0,"ng-doc-page")},dependencies:[S],encapsulation:2,changeDetection:0})},W=[M(x({},(0,E.isRoute)(t.route)?t.route:{}),{path:"",component:w,title:"Button"})],Ce=W;export{w as PageComponent,Ce as default};
diff --git a/chunk-STJ4XM2I.js b/chunk-EOBEK37K.js
similarity index 63%
rename from chunk-STJ4XM2I.js
rename to chunk-EOBEK37K.js
index 04fb616..5b8a810 100644
--- a/chunk-STJ4XM2I.js
+++ b/chunk-EOBEK37K.js
@@ -1 +1 @@
-import{a as s}from"./chunk-WEP4G4BU.js";import{Ha as r,Ra as p,U as a,ob as c}from"./chunk-FUUZABHH.js";import"./chunk-TWZW5B45.js";var g='
Button
',n=class o{routes=d[0].children;headerContent=g;pageType="guide";hasBreadcrumb=!0;static \u0275fac=function(e){return new(e||o)};static \u0275cmp=a({type:o,selectors:[["ng-doc-page-wrapper-9jzyuctg"]],standalone:!0,features:[c],decls:1,vars:4,consts:[[3,"routes","headerContent","hasBreadcrumb","pageType"]],template:function(e,t){e&1&&p(0,"ng-doc-page-wrapper",0),e&2&&r("routes",t.routes)("headerContent",t.headerContent)("hasBreadcrumb",t.hasBreadcrumb)("pageType",t.pageType)},dependencies:[s],encapsulation:2,changeDetection:0})},d=[{path:"",component:n,title:"Button",children:[{path:"",loadChildren:()=>import("./chunk-ZGPOGPG5.js"),title:"Button",data:{icon:""}}]}],l=d;export{n as PageWrapperComponent,l as default};
+import{a as c}from"./chunk-WEP4G4BU.js";import{Ha as r,Ra as p,U as a,ob as s}from"./chunk-FUUZABHH.js";import"./chunk-TWZW5B45.js";var g='
Button
',n=class o{routes=d[0].children;headerContent=g;pageType="guide";hasBreadcrumb=!0;static \u0275fac=function(e){return new(e||o)};static \u0275cmp=a({type:o,selectors:[["ng-doc-page-wrapper-eu71zqo7"]],standalone:!0,features:[s],decls:1,vars:4,consts:[[3,"routes","headerContent","hasBreadcrumb","pageType"]],template:function(e,t){e&1&&p(0,"ng-doc-page-wrapper",0),e&2&&r("routes",t.routes)("headerContent",t.headerContent)("hasBreadcrumb",t.hasBreadcrumb)("pageType",t.pageType)},dependencies:[c],encapsulation:2,changeDetection:0})},d=[{path:"",component:n,title:"Button",children:[{path:"",loadChildren:()=>import("./chunk-73WRRV5S.js"),title:"Button",data:{icon:""}}]}],l=d;export{n as PageWrapperComponent,l as default};
diff --git a/chunk-I23XA5NM.js b/chunk-GEIAPOAK.js
similarity index 69%
rename from chunk-I23XA5NM.js
rename to chunk-GEIAPOAK.js
index c95c7a5..b48b2a5 100644
--- a/chunk-I23XA5NM.js
+++ b/chunk-GEIAPOAK.js
@@ -1 +1 @@
-import{a as c}from"./chunk-WEP4G4BU.js";import{Ha as r,Ra as p,U as t,ob as g}from"./chunk-FUUZABHH.js";import"./chunk-TWZW5B45.js";var i='
Changelog
',a=class o{routes=d[0].children;headerContent=i;pageType="guide";hasBreadcrumb=!0;static \u0275fac=function(e){return new(e||o)};static \u0275cmp=t({type:o,selectors:[["ng-doc-page-wrapper-w7stdypd"]],standalone:!0,features:[g],decls:1,vars:4,consts:[[3,"routes","headerContent","hasBreadcrumb","pageType"]],template:function(e,n){e&1&&p(0,"ng-doc-page-wrapper",0),e&2&&r("routes",n.routes)("headerContent",n.headerContent)("hasBreadcrumb",n.hasBreadcrumb)("pageType",n.pageType)},dependencies:[c],encapsulation:2,changeDetection:0})},d=[{path:"",component:a,title:"Changelog",children:[{path:"",loadChildren:()=>import("./chunk-JRRIW6GX.js"),title:"Changelog",data:{icon:""}}]}],u=d;export{a as PageWrapperComponent,u as default};
+import{a as c}from"./chunk-WEP4G4BU.js";import{Ha as r,Ra as p,U as t,ob as g}from"./chunk-FUUZABHH.js";import"./chunk-TWZW5B45.js";var s='
Changelog
',a=class o{routes=d[0].children;headerContent=s;pageType="guide";hasBreadcrumb=!0;static \u0275fac=function(e){return new(e||o)};static \u0275cmp=t({type:o,selectors:[["ng-doc-page-wrapper-dp516u1k"]],standalone:!0,features:[g],decls:1,vars:4,consts:[[3,"routes","headerContent","hasBreadcrumb","pageType"]],template:function(e,n){e&1&&p(0,"ng-doc-page-wrapper",0),e&2&&r("routes",n.routes)("headerContent",n.headerContent)("hasBreadcrumb",n.hasBreadcrumb)("pageType",n.pageType)},dependencies:[c],encapsulation:2,changeDetection:0})},d=[{path:"",component:a,title:"Changelog",children:[{path:"",loadChildren:()=>import("./chunk-W3AJ6MML.js"),title:"Changelog",data:{icon:""}}]}],u=d;export{a as PageWrapperComponent,u as default};
diff --git a/chunk-K7KZHR5I.js b/chunk-K7KZHR5I.js
new file mode 100644
index 0000000..7666eb8
--- /dev/null
+++ b/chunk-K7KZHR5I.js
@@ -0,0 +1 @@
+import{a as p}from"./chunk-L4YHDAK7.js";import"./chunk-WEP4G4BU.js";import{S as y,a as s}from"./chunk-FNBE65Q7.js";import{Ba as l,Ra as g,U as c,nb as r,ob as i}from"./chunk-FUUZABHH.js";import{a as o,b as d,h as b}from"./chunk-TWZW5B45.js";var m=b(y());var D={title:"Welcome",mdFile:"../../../../README.md"},e=D;var h=[];var w={},u=w;var N='
Angular Web User Interface \u{1F3A8}
Angular library of components, services & patterns easing development of user interfaces. This is not a framework, nor a cdk, nut simply a collection of components following best practices in angular web development.
This repository was created as a model for creating actual application. Feel free to use take any components you want \u{1F64C}
Builds application in production mode to dist/ngx-lib/browser
npm run watch
Builds application in development mode and watch for file change
npm run test
Launch unit tests with Jest runner
npm run test:watch
Launch unit tests and watch for files change
npm run lint
Lint repository with eslint & prettier.
Versions \u{1F516}
A complete changelog can be found in dedicated markdown. Which resume current progress. You can also found what is in the current development inside TODO markdown.
',a=class t extends s{pageType="guide";pageContent=N;page=e;demoAssets=u;constructor(){super()}static \u0275fac=function(n){return new(n||t)};static \u0275cmp=c({type:t,selectors:[["ng-doc-page-2e5o7jm6"]],standalone:!0,features:[r([{provide:s,useExisting:t},h,e.providers??[]]),l,i],decls:1,vars:0,template:function(n,v){n&1&&g(0,"ng-doc-page")},dependencies:[p],encapsulation:2,changeDetection:0})},P=[d(o({},(0,m.isRoute)(e.route)?e.route:{}),{path:"",component:a,title:"Welcome"})],M=P;export{a as PageComponent,M as default};
diff --git a/chunk-6KTFR5ZY.js b/chunk-MA7OCDYI.js
similarity index 89%
rename from chunk-6KTFR5ZY.js
rename to chunk-MA7OCDYI.js
index a045667..e67e592 100644
--- a/chunk-6KTFR5ZY.js
+++ b/chunk-MA7OCDYI.js
@@ -1,6 +1,6 @@
-import{a as _}from"./chunk-YTBHK5E4.js";import{a as L}from"./chunk-L4YHDAK7.js";import"./chunk-WEP4G4BU.js";import{a as F,b as k}from"./chunk-NQCIMNAB.js";import{o as z,q as H}from"./chunk-ZCY2UNJH.js";import{S as Z,a as y}from"./chunk-FNBE65Q7.js";import{Ba as l,Ha as T,I as x,Ia as E,O as R,Qb as G,Ra as g,S as s,Tb as O,U as a,bb as u,cb as h,db as f,ha as c,ia as V,m as S,n as w,nb as q,ob as d,va as M,wa as A,x as I}from"./chunk-FUUZABHH.js";import{a as N,b,h as j}from"./chunk-TWZW5B45.js";var B=j(Z());var m=class t{http=s(O);getSVG(o){return this.http.get(o,{responseType:"text"}).pipe(I(()=>S(null)),w(e=>{if(!e){let r=`
+import{a as _}from"./chunk-YTBHK5E4.js";import{a as L}from"./chunk-L4YHDAK7.js";import"./chunk-WEP4G4BU.js";import{a as q,b as z}from"./chunk-NQCIMNAB.js";import{o as F,q as H}from"./chunk-ZCY2UNJH.js";import{S as Z,a as y}from"./chunk-FNBE65Q7.js";import{Ba as l,Ha as T,I as x,Ia as E,O as R,Qb as O,Ra as g,S as s,Tb as k,U as a,bb as u,cb as h,db as f,ha as c,ia as V,m as S,n as w,nb as G,ob as d,va as M,wa as A,x as I}from"./chunk-FUUZABHH.js";import{a as N,b,h as j}from"./chunk-TWZW5B45.js";var B=j(Z());var m=class t{http=s(k);getSVG(o){return this.http.get(o,{responseType:"text"}).pipe(I(()=>S(null)),w(e=>{if(!e){let r=`
- `,P=document.createElement("div");return P.innerHTML=r,P.querySelector("svg")}let n=document.createElement("div");return n.innerHTML=e,n.querySelector("svg")}))}static \u0275fac=function(e){return new(e||t)};static \u0275prov=R({token:t,factory:t.\u0275fac,providedIn:"root"})};var $="/icons",p=class t{name=c.required();alt=c("icon");size=c("1.5rem");aspectRatio=c("1 / 1");color=c("currentColor");triggerSubscription=k(this.name).pipe(x(o=>this.fileService.getSVG(`${$}/${o}.svg`)),F()).subscribe(o=>this.renderSvg(o));el=s(V);fileService=s(m);renderer=s(M);renderSvg(o){let e=o?.querySelector("svg");e&&(this.renderer.setAttribute(e,"width",this.size()),this.renderer.setAttribute(e,"height",this.size())),this.renderer.appendChild(this.el.nativeElement,o)}static \u0275fac=function(e){return new(e||t)};static \u0275cmp=a({type:t,selectors:[["lib-icon"]],hostVars:4,hostBindings:function(e,n){e&2&&E("width",n.size())("aspect-ratio",n.aspectRatio())},inputs:{name:[1,"name"],alt:[1,"alt"],size:[1,"size"],aspectRatio:[1,"aspectRatio"],color:[1,"color"]},standalone:!0,features:[d],decls:0,vars:0,template:function(e,n){},styles:["[_nghost-%COMP%] svg[_ngcontent-%COMP%]{fill:currentColor;width:100%;height:100%}"],changeDetection:0})};var J={title:"Icon",mdFile:"./index.md",playgrounds:{IconPlayground:{target:p,template:""}},category:_},i=J;var C=class t extends H{static selector="lib-icon";playground;viewContainerRef;configData=i.playgrounds.IconPlayground.data;constructor(){super(i.playgrounds.IconPlayground.target)}static \u0275fac=function(e){return new(e||t)};static \u0275cmp=a({type:t,selectors:[["ng-doc-playground-1"]],viewQuery:function(e,n){if(e&1&&(u(i.playgrounds.IconPlayground.target,7),u(i.playgrounds.IconPlayground.target,7,A)),e&2){let r;h(r=f())&&(n.playground=r.first),h(r=f())&&(n.viewContainerRef=r.first)}},standalone:!0,features:[l,d],decls:1,vars:5,consts:[[3,"name","alt","size","aspectRatio","color"]],template:function(e,n){e&1&&g(0,"lib-icon",0),e&2&&T("name",n.properties.name)("alt",n.properties.alt)("size",n.properties.size)("aspectRatio",n.properties.aspectRatio)("color",n.properties.color)},dependencies:[G,p],encapsulation:2,changeDetection:0})};var U=[z("IconPlayground",C)];var K={},Y=K;var X=`
Simple component to display an icon as SVG tag from an svg file located in your assets/icons folder.
Pre requirements
In order to use this component in your application, you must follow these steps:
Create assets/icons folder
In this folder, you can add all SVG required for your UI. You can also creates sub-folders but be aware, you'll need to format name as folderName/fileName.
Note: With this component, you can control the fill of the SVG by adding some color of the component (works by inheritance).
Import FileService
This service helps working with files in general but this component requires getSVG() method. Simply copy paste this service or get isolated method.
That's it \u{1F389}
You can now start importing this component in your application !
Ensure that the SVG files in the assets/icons folder are properly named and formatted.
The name input should match the file name of the SVG without the .svg extension.
By following these guidelines, you can effectively use the lib-icon component in your Angular application.
Playground \u{1F579}\uFE0F
lib-icon
{"name":{"inputName":"name","type":"string","description":"<p>Name of the icon.
-(must match the filename located in assets/icons folder, without extension .svg)</p>","options":[]},"alt":{"inputName":"alt","type":"string","description":"<p>Alternative text to be displayed when the icon is not available</p>","options":[]},"size":{"inputName":"size","type":"string","description":"<p>Size of the icon (must include css unit)</p>","options":[]},"aspectRatio":{"inputName":"aspectRatio","type":"string","description":"<p>Aspect ratio of the icon (must match css aspect-ratio property)</p>","options":[]},"color":{"inputName":"color","type":"string","description":"<p>Color of the icon (must match css aspect-ratio property)</p>","options":[]}}
Simple component to display an icon as SVG tag from an svg file located in your assets/icons folder.
Pre requirements
In order to use this component in your application, you must follow these steps:
Create assets/icons folder
In this folder, you can add all SVG required for your UI. You can also creates sub-folders but be aware, you'll need to format name as folderName/fileName.
Note: With this component, you can control the fill of the SVG by adding some color of the component (works by inheritance).
Import FileService
This service helps working with files in general but this component requires getSVG() method. Simply copy paste this service or get isolated method.
That's it \u{1F389}
You can now start importing this component in your application !
Ensure that the SVG files in the assets/icons folder are properly named and formatted.
The name input should match the file name of the SVG without the .svg extension.
By following these guidelines, you can effectively use the lib-icon component in your Angular application.
Playground \u{1F579}\uFE0F
lib-icon
{"name":{"inputName":"name","type":"string","description":"<p>Name of the icon.
+(must match the filename located in assets/icons folder, without extension .svg)</p>","options":[]},"alt":{"inputName":"alt","type":"string","description":"<p>Alternative text to be displayed when the icon is not available</p>","options":[]},"size":{"inputName":"size","type":"string","description":"<p>Size of the icon (must include css unit)</p>","options":[]},"aspectRatio":{"inputName":"aspectRatio","type":"string","description":"<p>Aspect ratio of the icon (must match css aspect-ratio property)</p>","options":[]},"color":{"inputName":"color","type":"string","description":"<p>Color of the icon (must match css aspect-ratio property)</p>","options":[]}}
{}
`,D=class t extends y{pageType="guide";pageContent=X;page=i;demoAssets=Y;constructor(){super()}static \u0275fac=function(e){return new(e||t)};static \u0275cmp=a({type:t,selectors:[["ng-doc-page-skzo0non"]],standalone:!0,features:[G([{provide:y,useExisting:t},U,i.providers??[]]),l,d],decls:1,vars:0,template:function(e,n){e&1&&g(0,"ng-doc-page")},dependencies:[L],encapsulation:2,changeDetection:0})},ee=[b(N({},(0,B.isRoute)(i.route)?i.route:{}),{path:"",component:D,title:"Icon"})],Ee=ee;export{D as PageComponent,Ee as default};
diff --git a/chunk-KZZE6VJO.js b/chunk-OYIBIQ5V.js
similarity index 99%
rename from chunk-KZZE6VJO.js
rename to chunk-OYIBIQ5V.js
index ca6988f..231f44e 100644
--- a/chunk-KZZE6VJO.js
+++ b/chunk-OYIBIQ5V.js
@@ -7,4 +7,4 @@ import{a as v}from"./chunk-YTBHK5E4.js";import{a as b}from"./chunk-L4YHDAK7.js";
"wght" 400, "GRAD" 0, "opsz" 24;
-}
That's it \u{1F389}
You can now start importing this component in your application !
Playground \u{1F579}\uFE0F
lib-icon-material
{"name":{"inputName":"name","type":"string","description":"<p>Name of the material icon (check google material icon website for the list of available icons)</p>","options":[]},"size":{"inputName":"size","type":"string","description":"<p>Size of the icon (must include css unit)</p>","options":[]}}
{}
`,y=class s extends h{pageType="guide";pageContent=T;page=n;demoAssets=x;constructor(){super()}static \u0275fac=function(e){return new(e||s)};static \u0275cmp=t({type:s,selectors:[["ng-doc-page-765rp5pg"]],standalone:!0,features:[F([{provide:h,useExisting:s},N,n.providers??[]]),r,c],decls:1,vars:0,template:function(e,o){e&1&&l(0,"ng-doc-page")},dependencies:[b],encapsulation:2,changeDetection:0})},z=[k(f({},(0,I.isRoute)(n.route)?n.route:{}),{path:"",component:y,title:"Icon Material"})],te=z;export{y as PageComponent,te as default};
+}
That's it \u{1F389}
You can now start importing this component in your application !
Playground \u{1F579}\uFE0F
lib-icon-material
{"name":{"inputName":"name","type":"string","description":"<p>Name of the material icon (check google material icon website for the list of available icons)</p>","options":[]},"size":{"inputName":"size","type":"string","description":"<p>Size of the icon (must include css unit)</p>","options":[]}}
{}
`,y=class s extends h{pageType="guide";pageContent=T;page=n;demoAssets=x;constructor(){super()}static \u0275fac=function(e){return new(e||s)};static \u0275cmp=t({type:s,selectors:[["ng-doc-page-1yl9vsjr"]],standalone:!0,features:[F([{provide:h,useExisting:s},N,n.providers??[]]),r,c],decls:1,vars:0,template:function(e,o){e&1&&l(0,"ng-doc-page")},dependencies:[b],encapsulation:2,changeDetection:0})},z=[k(f({},(0,I.isRoute)(n.route)?n.route:{}),{path:"",component:y,title:"Icon Material"})],te=z;export{y as PageComponent,te as default};
diff --git a/chunk-Z7QK36IY.js b/chunk-P5KW6MXK.js
similarity index 87%
rename from chunk-Z7QK36IY.js
rename to chunk-P5KW6MXK.js
index 47046c9..8f3f8e8 100644
--- a/chunk-Z7QK36IY.js
+++ b/chunk-P5KW6MXK.js
@@ -1 +1 @@
-import{a as i}from"./chunk-WEP4G4BU.js";import{Ha as r,Ra as p,U as a,ob as c}from"./chunk-FUUZABHH.js";import"./chunk-TWZW5B45.js";var g='
Icon
',o=class t{routes=s[0].children;headerContent=g;pageType="guide";hasBreadcrumb=!0;static \u0275fac=function(e){return new(e||t)};static \u0275cmp=a({type:t,selectors:[["ng-doc-page-wrapper-iyucen0j"]],standalone:!0,features:[c],decls:1,vars:4,consts:[[3,"routes","headerContent","hasBreadcrumb","pageType"]],template:function(e,n){e&1&&p(0,"ng-doc-page-wrapper",0),e&2&&r("routes",n.routes)("headerContent",n.headerContent)("hasBreadcrumb",n.hasBreadcrumb)("pageType",n.pageType)},dependencies:[i],encapsulation:2,changeDetection:0})},s=[{path:"",component:o,title:"Icon",children:[{path:"",loadChildren:()=>import("./chunk-6KTFR5ZY.js"),title:"Icon",data:{icon:""}}]}],l=s;export{o as PageWrapperComponent,l as default};
+import{a as i}from"./chunk-WEP4G4BU.js";import{Ha as r,Ra as p,U as a,ob as c}from"./chunk-FUUZABHH.js";import"./chunk-TWZW5B45.js";var g='
Icon
',o=class t{routes=s[0].children;headerContent=g;pageType="guide";hasBreadcrumb=!0;static \u0275fac=function(e){return new(e||t)};static \u0275cmp=a({type:t,selectors:[["ng-doc-page-wrapper-8m84borm"]],standalone:!0,features:[c],decls:1,vars:4,consts:[[3,"routes","headerContent","hasBreadcrumb","pageType"]],template:function(e,n){e&1&&p(0,"ng-doc-page-wrapper",0),e&2&&r("routes",n.routes)("headerContent",n.headerContent)("hasBreadcrumb",n.hasBreadcrumb)("pageType",n.pageType)},dependencies:[i],encapsulation:2,changeDetection:0})},s=[{path:"",component:o,title:"Icon",children:[{path:"",loadChildren:()=>import("./chunk-MA7OCDYI.js"),title:"Icon",data:{icon:""}}]}],l=s;export{o as PageWrapperComponent,l as default};
diff --git a/chunk-JRRIW6GX.js b/chunk-W3AJ6MML.js
similarity index 96%
rename from chunk-JRRIW6GX.js
rename to chunk-W3AJ6MML.js
index 14d16d1..bf4503b 100644
--- a/chunk-JRRIW6GX.js
+++ b/chunk-W3AJ6MML.js
@@ -1 +1 @@
-import{a as h}from"./chunk-L4YHDAK7.js";import"./chunk-WEP4G4BU.js";import{S as b,a as c}from"./chunk-FNBE65Q7.js";import{Ba as d,Ra as g,U as s,nb as l,ob as r}from"./chunk-FUUZABHH.js";import{a as i,b as t,h as y}from"./chunk-TWZW5B45.js";var m=y(b());var k={title:"Changelog",mdFile:"./index.md"},e=k;var p=[];var D={},u=D;var x='
Versions \u{1F516}
V0.0.1 - Init application \u{1F389}
Architecture
Generate angular app & link to github repository
Set eslint/prettier configuration & workspace plugins
Add deployment CI on github pages (available here)
Message component to display information with severity (info, warn, error ..)
Notification center (display notification in the root component)
Core
LocalStorageService
NotificationService
Still in progress !
',a=class n extends c{pageType="guide";pageContent=x;page=e;demoAssets=u;constructor(){super()}static \u0275fac=function(o){return new(o||n)};static \u0275cmp=s({type:n,selectors:[["ng-doc-page-7nnvomkb"]],standalone:!0,features:[l([{provide:c,useExisting:n},p,e.providers??[]]),d,r],decls:1,vars:0,template:function(o,P){o&1&&g(0,"ng-doc-page")},dependencies:[h],encapsulation:2,changeDetection:0})},N=[t(i({},(0,m.isRoute)(e.route)?e.route:{}),{path:"",component:a,title:"Changelog"})],F=N;export{a as PageComponent,F as default};
+import{a as h}from"./chunk-L4YHDAK7.js";import"./chunk-WEP4G4BU.js";import{S as b,a as c}from"./chunk-FNBE65Q7.js";import{Ba as d,Ra as g,U as s,nb as l,ob as r}from"./chunk-FUUZABHH.js";import{a as i,b as t,h as y}from"./chunk-TWZW5B45.js";var m=y(b());var k={title:"Changelog",mdFile:"./index.md"},e=k;var p=[];var D={},u=D;var x='
Versions \u{1F516}
V0.0.1 - Init application \u{1F389}
Architecture
Generate angular app & link to github repository
Set eslint/prettier configuration & workspace plugins
Add deployment CI on github pages (available here)
Message component to display information with severity (info, warn, error ..)
Notification center (display notification in the root component)
Core
LocalStorageService
NotificationService
Still in progress !
',a=class n extends c{pageType="guide";pageContent=x;page=e;demoAssets=u;constructor(){super()}static \u0275fac=function(o){return new(o||n)};static \u0275cmp=s({type:n,selectors:[["ng-doc-page-et00uf6j"]],standalone:!0,features:[l([{provide:c,useExisting:n},p,e.providers??[]]),d,r],decls:1,vars:0,template:function(o,P){o&1&&g(0,"ng-doc-page")},dependencies:[h],encapsulation:2,changeDetection:0})},N=[t(i({},(0,m.isRoute)(e.route)?e.route:{}),{path:"",component:a,title:"Changelog"})],F=N;export{a as PageComponent,F as default};
diff --git a/chunk-JLKXU7RL.js b/chunk-XLZLLBIX.js
similarity index 96%
rename from chunk-JLKXU7RL.js
rename to chunk-XLZLLBIX.js
index bbce4cd..006c866 100644
--- a/chunk-JLKXU7RL.js
+++ b/chunk-XLZLLBIX.js
@@ -1 +1 @@
-import{a as h}from"./chunk-L4YHDAK7.js";import"./chunk-WEP4G4BU.js";import{S as y,a as s}from"./chunk-FNBE65Q7.js";import{Ba as t,Ra as g,U as i,nb as l,ob as r}from"./chunk-FUUZABHH.js";import{a as d,b as c,h as b}from"./chunk-TWZW5B45.js";var m=b(y());var D={title:"Todo",mdFile:"./index.md"},e=D;var p=[];var x={},u=x;var P='
Current development \u23F0
Tasks on development scope (more tasks can be found in this repository using TODO Tree -vscode extensions)
Init application \u{1F389}
Core
modules
Platform
Dialog
Http request
directives
Match Media
File value accessor
guards
Can deactivate
functions
Capitalize
Clean
dash-to-camel-case
Pipes
Trust Html
Trust URL
Since
UI
NotFoundPage
ComponentsPage
ServicesPage
ModulesPage
',a=class n extends s{pageType="guide";pageContent=P;page=e;demoAssets=u;constructor(){super()}static \u0275fac=function(o){return new(o||n)};static \u0275cmp=i({type:n,selectors:[["ng-doc-page-o4sqm749"]],standalone:!0,features:[l([{provide:s,useExisting:n},p,e.providers??[]]),t,r],decls:1,vars:0,template:function(o,N){o&1&&g(0,"ng-doc-page")},dependencies:[h],encapsulation:2,changeDetection:0})},k=[c(d({},(0,m.isRoute)(e.route)?e.route:{}),{path:"",component:a,title:"Todo"})],q=k;export{a as PageComponent,q as default};
+import{a as h}from"./chunk-L4YHDAK7.js";import"./chunk-WEP4G4BU.js";import{S as y,a as s}from"./chunk-FNBE65Q7.js";import{Ba as t,Ra as g,U as i,nb as l,ob as r}from"./chunk-FUUZABHH.js";import{a as d,b as c,h as b}from"./chunk-TWZW5B45.js";var m=b(y());var D={title:"Todo",mdFile:"./index.md"},e=D;var p=[];var x={},u=x;var P='
Current development \u23F0
Tasks on development scope (more tasks can be found in this repository using TODO Tree -vscode extensions)
Init application \u{1F389}
Core
modules
Platform
Dialog
Http request
directives
Match Media
File value accessor
guards
Can deactivate
functions
Capitalize
Clean
dash-to-camel-case
Pipes
Trust Html
Trust URL
Since
UI
NotFoundPage
ComponentsPage
ServicesPage
ModulesPage
',a=class n extends s{pageType="guide";pageContent=P;page=e;demoAssets=u;constructor(){super()}static \u0275fac=function(o){return new(o||n)};static \u0275cmp=i({type:n,selectors:[["ng-doc-page-z182h42m"]],standalone:!0,features:[l([{provide:s,useExisting:n},p,e.providers??[]]),t,r],decls:1,vars:0,template:function(o,N){o&1&&g(0,"ng-doc-page")},dependencies:[h],encapsulation:2,changeDetection:0})},k=[c(d({},(0,m.isRoute)(e.route)?e.route:{}),{path:"",component:a,title:"Todo"})],G=k;export{a as PageComponent,G as default};
diff --git a/chunk-2IUJ2XCY.js b/chunk-XM4I3GAQ.js
similarity index 50%
rename from chunk-2IUJ2XCY.js
rename to chunk-XM4I3GAQ.js
index a061eb4..eda0110 100644
--- a/chunk-2IUJ2XCY.js
+++ b/chunk-XM4I3GAQ.js
@@ -1 +1 @@
-import{a as d}from"./chunk-WEP4G4BU.js";import{Ha as r,Ra as p,U as a,ob as c}from"./chunk-FUUZABHH.js";import"./chunk-TWZW5B45.js";var g='
Welcome
',o=class n{routes=s[0].children;headerContent=g;pageType="guide";hasBreadcrumb=!0;static \u0275fac=function(e){return new(e||n)};static \u0275cmp=a({type:n,selectors:[["ng-doc-page-wrapper-cgld7ihx"]],standalone:!0,features:[c],decls:1,vars:4,consts:[[3,"routes","headerContent","hasBreadcrumb","pageType"]],template:function(e,t){e&1&&p(0,"ng-doc-page-wrapper",0),e&2&&r("routes",t.routes)("headerContent",t.headerContent)("hasBreadcrumb",t.hasBreadcrumb)("pageType",t.pageType)},dependencies:[d],encapsulation:2,changeDetection:0})},s=[{path:"",component:o,title:"Welcome",children:[{path:"",loadChildren:()=>import("./chunk-6IVRQXMA.js"),title:"Welcome",data:{icon:""}}]}],u=s;export{o as PageWrapperComponent,u as default};
+import{a as d}from"./chunk-WEP4G4BU.js";import{Ha as r,Ra as p,U as a,ob as c}from"./chunk-FUUZABHH.js";import"./chunk-TWZW5B45.js";var g='
Welcome
',n=class o{routes=s[0].children;headerContent=g;pageType="guide";hasBreadcrumb=!0;static \u0275fac=function(e){return new(e||o)};static \u0275cmp=a({type:o,selectors:[["ng-doc-page-wrapper-t5hqq5wn"]],standalone:!0,features:[c],decls:1,vars:4,consts:[[3,"routes","headerContent","hasBreadcrumb","pageType"]],template:function(e,t){e&1&&p(0,"ng-doc-page-wrapper",0),e&2&&r("routes",t.routes)("headerContent",t.headerContent)("hasBreadcrumb",t.hasBreadcrumb)("pageType",t.pageType)},dependencies:[d],encapsulation:2,changeDetection:0})},s=[{path:"",component:n,title:"Welcome",children:[{path:"",loadChildren:()=>import("./chunk-K7KZHR5I.js"),title:"Welcome",data:{icon:""}}]}],u=s;export{n as PageWrapperComponent,u as default};
diff --git a/index.html b/index.html
index 55aba51..3da3795 100644
--- a/index.html
+++ b/index.html
@@ -20,5 +20,5 @@
-
+