',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-header-example',\n templateUrl: './header-example.component.html',\n styleUrls: ['./header-example.component.scss']\n})\nexport class HeaderExampleComponent {\n light = false;\n sticky = false;\n search = false;\n login = 'none';\n}"]],template:function(i,a){1&i&&n._UZ(0,"it-header-example")(1,"it-source-display",0)},dependencies:[b.F,y]})}return e})();const H=[{path:"",component:(()=>{class e{constructor(){this.component=p.wx.find(l=>"ItHeaderComponent"===l.name)}static#n=this.\u0275fac=function(i){return new(i||e)};static#e=this.\u0275cmp=n.Xpm({type:e,selectors:[["it-header-index"]],decls:10,vars:2,consts:[[1,"bd-title"],[1,"bd-lead"],[3,"innerHTML"],["label","Esempi","active","true",1,"pt-3"],["label","API",1,"pt-3"],[3,"component"]],template:function(i,a){1&i&&(n.TgZ(0,"h1",0),n._uU(1,"Header"),n.qZA(),n.TgZ(2,"p",1),n._uU(3,"Consente all\u2019utente di creare un Header."),n.qZA(),n._UZ(4,"div",2),n.TgZ(5,"it-tab-container")(6,"it-tab-item",3),n._UZ(7,"it-header-examples"),n.qZA(),n.TgZ(8,"it-tab-item",4),n._UZ(9,"it-api-parameters",5),n.qZA()()),2&i&&(n.xp6(4),n.Q6J("innerHTML",a.component.description,n.oJD),n.xp6(5),n.Q6J("component",a.component))},dependencies:[h.G,u.U,v.m,U],encapsulation:2})}return e})()}];let L=(()=>{class e{static#n=this.\u0275fac=function(i){return new(i||e)};static#e=this.\u0275mod=n.oAB({type:e});static#t=this.\u0275inj=n.cJS({imports:[c.Bz.forChild(H),c.Bz]})}return e})(),J=(()=>{class e{static#n=this.\u0275fac=function(i){return new(i||e)};static#e=this.\u0275mod=n.oAB({type:e});static#t=this.\u0275inj=n.cJS({imports:[m.ez,g.m,d.u5,L]})}return e})()}}]);
\ No newline at end of file
diff --git a/2009.e35d38be09c57970.js b/2009.e35d38be09c57970.js
new file mode 100644
index 00000000..ac8885fe
--- /dev/null
+++ b/2009.e35d38be09c57970.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdesign_angular_kit_bundle=self.webpackChunkdesign_angular_kit_bundle||[]).push([[2009],{2009:(M,r,s)=>{s.r(r),s.d(r,{DimmerModule:()=>P});var b=s(6814),o=s(6223),h=s(7114),d=s(1640),v=s(7069),e=s(5879),Z=s(528),D=s(6273),q=s(4580),f=s(6099),c=s(5336),x=s(7060),l=s(4220),y=s(3016);let A=(()=>{class i{constructor(){this.text="Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.",this.icon="unlocked",this.size="xl",this.active=!1}static#e=this.\u0275fac=function(t){return new(t||i)};static#i=this.\u0275cmp=e.Xpm({type:i,selectors:[["it-dimmer-example"]],decls:39,vars:6,consts:[[1,"row","my-3"],[1,"col"],[1,"col-auto"],["label","Attiva",3,"ngModel","toggle","ngModelChange"],[1,"row"],[3,"active"],[3,"name","size"],[1,"col-12","col-lg-4"],[1,"card-wrapper"],[1,"card"],[1,"card-body"],[1,"card-title"],[1,"card-text"]],template:function(t,n){1&t&&(e.TgZ(0,"div",0)(1,"div",1)(2,"h3"),e._uU(3,"Dimmer con icona"),e.qZA()()(),e.TgZ(4,"div",0)(5,"div",2)(6,"it-checkbox",3),e.NdJ("ngModelChange",function(a){return n.active=a}),e.qZA()()(),e.TgZ(7,"div",0)(8,"div",1)(9,"div",4)(10,"it-dimmer",5)(11,"it-dimmer-icon"),e._UZ(12,"it-icon",6),e.TgZ(13,"p"),e._uU(14),e.qZA()()(),e.TgZ(15,"div",7)(16,"div",8)(17,"div",9)(18,"div",10)(19,"h5",11),e._uU(20,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026"),e.qZA(),e.TgZ(21,"p",12),e._uU(22,"Praesent volutpat in dolor in sollicitudin. Donec mollis varius condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel. Donec vehicula vehicula nibh non suscipit."),e.qZA()()()()(),e.TgZ(23,"div",7)(24,"div",8)(25,"div",9)(26,"div",10)(27,"h5",11),e._uU(28,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026"),e.qZA(),e.TgZ(29,"p",12),e._uU(30,"Praesent volutpat in dolor in sollicitudin. Donec mollis varius condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel. Donec vehicula vehicula nibh non suscipit."),e.qZA()()()()(),e.TgZ(31,"div",7)(32,"div",8)(33,"div",9)(34,"div",10)(35,"h5",11),e._uU(36,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026"),e.qZA(),e.TgZ(37,"p",12),e._uU(38,"Praesent volutpat in dolor in sollicitudin. Donec mollis varius condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel. Donec vehicula vehicula nibh non suscipit."),e.qZA()()()()()()()()),2&t&&(e.xp6(6),e.Q6J("ngModel",n.active)("toggle",!0),e.xp6(4),e.Q6J("active",n.active),e.xp6(2),e.Q6J("name",n.icon)("size",n.size),e.xp6(2),e.Oqu(n.text))},dependencies:[c.q,x.a,l.f,y.Q,o.JJ,o.On],encapsulation:2})}return i})(),T=(()=>{class i{constructor(){this.text="Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus. Nulla vulputate luctus sem, eu maximus lacus faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel. Donec vehicula vehicula nibh non suscipit.",this.active=!1,this.color="dimmer-primary"}static#e=this.\u0275fac=function(t){return new(t||i)};static#i=this.\u0275cmp=e.Xpm({type:i,selectors:[["it-dimmer-primary"]],decls:37,vars:5,consts:[[1,"row","my-3"],[1,"col"],[1,"col-auto"],["label","Attiva",3,"ngModel","toggle","ngModelChange"],[1,"row"],[3,"color","active"],[1,"col-12","col-lg-4"],[1,"card-wrapper"],[1,"card"],[1,"card-body"],[1,"card-title"],[1,"card-text"]],template:function(t,n){1&t&&(e.TgZ(0,"div",0)(1,"div",1)(2,"h3"),e._uU(3,"Dimmer con colore primary"),e.qZA()()(),e.TgZ(4,"div",0)(5,"div",2)(6,"it-checkbox",3),e.NdJ("ngModelChange",function(a){return n.active=a}),e.qZA()()(),e.TgZ(7,"div",0)(8,"div",1)(9,"div",4)(10,"it-dimmer",5)(11,"p"),e._uU(12),e.qZA()(),e.TgZ(13,"div",6)(14,"div",7)(15,"div",8)(16,"div",9)(17,"h5",10),e._uU(18,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026"),e.qZA(),e.TgZ(19,"p",11),e._uU(20,"Praesent volutpat in dolor in sollicitudin. Donec mollis varius condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel. Donec vehicula vehicula nibh non suscipit."),e.qZA()()()()(),e.TgZ(21,"div",6)(22,"div",7)(23,"div",8)(24,"div",9)(25,"h5",10),e._uU(26,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026"),e.qZA(),e.TgZ(27,"p",11),e._uU(28,"Praesent volutpat in dolor in sollicitudin. Donec mollis varius condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel. Donec vehicula vehicula nibh non suscipit."),e.qZA()()()()(),e.TgZ(29,"div",6)(30,"div",7)(31,"div",8)(32,"div",9)(33,"h5",10),e._uU(34,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026"),e.qZA(),e.TgZ(35,"p",11),e._uU(36,"Praesent volutpat in dolor in sollicitudin. Donec mollis varius condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel. Donec vehicula vehicula nibh non suscipit."),e.qZA()()()()()()()()),2&t&&(e.xp6(6),e.Q6J("ngModel",n.active)("toggle",!0),e.xp6(4),e.Q6J("color",n.color)("active",n.active),e.xp6(2),e.Oqu(n.text))},dependencies:[c.q,l.f,o.JJ,o.On],encapsulation:2})}return i})();var p=s(7463),g=s(5101);let F=(()=>{class i{constructor(){this.title="Titolo Dimmer",this.active=!1}static#e=this.\u0275fac=function(t){return new(t||i)};static#i=this.\u0275cmp=e.Xpm({type:i,selectors:[["it-dimmer-with-buttons"]],decls:42,vars:4,consts:[[1,"row","my-3"],[1,"col"],[1,"col-auto"],["label","Attiva",3,"ngModel","toggle","ngModelChange"],[1,"row"],[3,"active"],["itButton","outline-primary"],["itButton","primary"],[1,"col-12","col-lg-4"],[1,"card-wrapper"],[1,"card"],[1,"card-body"],[1,"card-title"],[1,"card-text"]],template:function(t,n){1&t&&(e.TgZ(0,"div",0)(1,"div",1)(2,"h3"),e._uU(3,"Dimmer con pulsanti"),e.qZA()()(),e.TgZ(4,"div",0)(5,"div",2)(6,"it-checkbox",3),e.NdJ("ngModelChange",function(a){return n.active=a}),e.qZA()()(),e.TgZ(7,"div",0)(8,"div",1)(9,"div",4)(10,"it-dimmer",5)(11,"h4"),e._uU(12),e.qZA(),e.TgZ(13,"it-dimmer-buttons")(14,"button",6),e._uU(15," Azione secondaria "),e.qZA(),e.TgZ(16,"button",7),e._uU(17," Azione primaria "),e.qZA()()(),e.TgZ(18,"div",8)(19,"div",9)(20,"div",10)(21,"div",11)(22,"h5",12),e._uU(23,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026"),e.qZA(),e.TgZ(24,"p",13),e._uU(25,"Praesent volutpat in dolor in sollicitudin. Donec mollis varius condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel. Donec vehicula vehicula nibh non suscipit."),e.qZA()()()()(),e.TgZ(26,"div",8)(27,"div",9)(28,"div",10)(29,"div",11)(30,"h5",12),e._uU(31,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026"),e.qZA(),e.TgZ(32,"p",13),e._uU(33,"Praesent volutpat in dolor in sollicitudin. Donec mollis varius condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel. Donec vehicula vehicula nibh non suscipit."),e.qZA()()()()(),e.TgZ(34,"div",8)(35,"div",9)(36,"div",10)(37,"div",11)(38,"h5",12),e._uU(39,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026"),e.qZA(),e.TgZ(40,"p",13),e._uU(41,"Praesent volutpat in dolor in sollicitudin. Donec mollis varius condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel. Donec vehicula vehicula nibh non suscipit."),e.qZA()()()()()()()()),2&t&&(e.xp6(6),e.Q6J("ngModel",n.active)("toggle",!0),e.xp6(4),e.Q6J("active",n.active),e.xp6(2),e.Oqu(n.title))},dependencies:[p.E,c.q,g.d,l.f,o.JJ,o.On],encapsulation:2})}return i})(),N=(()=>{class i{constructor(){this.active=!1,this.color="dimmer-primary",this.title="Titolo Dimmer"}static#e=this.\u0275fac=function(t){return new(t||i)};static#i=this.\u0275cmp=e.Xpm({type:i,selectors:[["it-dimmer-primary-one-button"]],decls:40,vars:6,consts:[[1,"row","my-3"],[1,"col"],[1,"col-auto"],["label","Attiva",3,"ngModel","toggle","ngModelChange"],[1,"row"],[3,"color","active"],[3,"hasOneButton"],["itButton","primary"],[1,"col-12","col-lg-4"],[1,"card-wrapper"],[1,"card"],[1,"card-body"],[1,"card-title"],[1,"card-text"]],template:function(t,n){1&t&&(e.TgZ(0,"div",0)(1,"div",1)(2,"h3"),e._uU(3,"Dimmer primary con 1 pulsante"),e.qZA()()(),e.TgZ(4,"div",0)(5,"div",2)(6,"it-checkbox",3),e.NdJ("ngModelChange",function(a){return n.active=a}),e.qZA()()(),e.TgZ(7,"div",0)(8,"div",1)(9,"div",4)(10,"it-dimmer",5)(11,"h4"),e._uU(12),e.qZA(),e.TgZ(13,"it-dimmer-buttons",6)(14,"button",7),e._uU(15," Azione primaria "),e.qZA()()(),e.TgZ(16,"div",8)(17,"div",9)(18,"div",10)(19,"div",11)(20,"h5",12),e._uU(21,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026"),e.qZA(),e.TgZ(22,"p",13),e._uU(23,"Praesent volutpat in dolor in sollicitudin. Donec mollis varius condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel. Donec vehicula vehicula nibh non suscipit."),e.qZA()()()()(),e.TgZ(24,"div",8)(25,"div",9)(26,"div",10)(27,"div",11)(28,"h5",12),e._uU(29,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026"),e.qZA(),e.TgZ(30,"p",13),e._uU(31,"Praesent volutpat in dolor in sollicitudin. Donec mollis varius condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel. Donec vehicula vehicula nibh non suscipit."),e.qZA()()()()(),e.TgZ(32,"div",8)(33,"div",9)(34,"div",10)(35,"div",11)(36,"h5",12),e._uU(37,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026"),e.qZA(),e.TgZ(38,"p",13),e._uU(39,"Praesent volutpat in dolor in sollicitudin. Donec mollis varius condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel. Donec vehicula vehicula nibh non suscipit."),e.qZA()()()()()()()()),2&t&&(e.xp6(6),e.Q6J("ngModel",n.active)("toggle",!0),e.xp6(4),e.Q6J("color",n.color)("active",n.active),e.xp6(2),e.Oqu(n.title),e.xp6(1),e.Q6J("hasOneButton",!0))},dependencies:[p.E,c.q,g.d,l.f,o.JJ,o.On],encapsulation:2})}return i})(),U=(()=>{class i{static#e=this.\u0275fac=function(t){return new(t||i)};static#i=this.\u0275cmp=e.Xpm({type:i,selectors:[["it-dimmer-examples"]],decls:8,vars:0,consts:[["html",'
\n
\n
Dimmer con icona
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n \n \n \n
/{/{ text /}/}
\n \n \n
\n
\n
\n
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed\n do eiusmod tempor\u2026
\n
Praesent volutpat in dolor in sollicitudin. Donec mollis varius\n condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere\n ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat\n tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus\n faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel.\n Donec vehicula vehicula nibh non suscipit.
\n
\n
\n
\n
\n
\n
\n
\n
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed\n do eiusmod tempor\u2026
\n
Praesent volutpat in dolor in sollicitudin. Donec mollis varius\n condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere\n ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat\n tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus\n faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel.\n Donec vehicula vehicula nibh non suscipit.
\n
\n
\n
\n
\n
\n
\n
\n
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed\n do eiusmod tempor\u2026
\n
Praesent volutpat in dolor in sollicitudin. Donec mollis varius\n condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere\n ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat\n tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus\n faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel.\n Donec vehicula vehicula nibh non suscipit.
\n
\n
\n
\n
\n
\n
\n
',"typescript","import { Component } from '@angular/core';\nimport { IconName, IconSize } from 'projects/design-angular-kit/src/public_api';\n\n@Component({\n selector: 'it-dimmer-example',\n templateUrl: './dimmer-example.component.html'\n})\nexport class DimmerExampleComponent {\n\n text = \"Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.\";\n icon: IconName = 'unlocked';\n size: IconSize = 'xl'\n active = false;\n\n}"],["html",'
\n
\n
Dimmer con colore primary
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n \n
/{/{ text /}/}
\n \n
\n
\n
\n
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed\n do eiusmod tempor\u2026
\n
Praesent volutpat in dolor in sollicitudin. Donec mollis varius\n condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere\n ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat\n tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus\n faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel.\n Donec vehicula vehicula nibh non suscipit.
\n
\n
\n
\n
\n
\n
\n
\n
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed\n do eiusmod tempor\u2026
\n
Praesent volutpat in dolor in sollicitudin. Donec mollis varius\n condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere\n ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat\n tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus\n faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel.\n Donec vehicula vehicula nibh non suscipit.
\n
\n
\n
\n
\n
\n
\n
\n
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed\n do eiusmod tempor\u2026
\n
Praesent volutpat in dolor in sollicitudin. Donec mollis varius\n condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere\n ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat\n tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus\n faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel.\n Donec vehicula vehicula nibh non suscipit.
\n
\n
\n
\n
\n
\n
\n
',"typescript","import { Component } from '@angular/core';\nimport { DimmerColor } from 'projects/design-angular-kit/src/public_api';\n\n@Component({\n selector: 'it-dimmer-primary',\n templateUrl: './dimmer-primary.component.html'\n})\nexport class DimmerPrimaryComponent {\n\n text = \"Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus. Nulla vulputate luctus sem, eu maximus lacus faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel. Donec vehicula vehicula nibh non suscipit.\";\n active = false;\n color: DimmerColor = 'dimmer-primary'\n\n}"],["html",'
\n
\n
Dimmer con pulsanti
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n \n
/{/{ title /}/}
\n \n \n \n \n \n
\n
\n
\n
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed\n do eiusmod tempor\u2026
\n
Praesent volutpat in dolor in sollicitudin. Donec mollis varius\n condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere\n ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat\n tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus\n faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel.\n Donec vehicula vehicula nibh non suscipit.
\n
\n
\n
\n
\n
\n
\n
\n
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed\n do eiusmod tempor\u2026
\n
Praesent volutpat in dolor in sollicitudin. Donec mollis varius\n condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere\n ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat\n tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus\n faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel.\n Donec vehicula vehicula nibh non suscipit.
\n
\n
\n
\n
\n
\n
\n
\n
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed\n do eiusmod tempor\u2026
\n
Praesent volutpat in dolor in sollicitudin. Donec mollis varius\n condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere\n ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat\n tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus\n faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel.\n Donec vehicula vehicula nibh non suscipit.
\n
\n
\n
\n
\n
\n
\n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-dimmer-with-buttons',\n templateUrl: './dimmer-with-buttons.component.html'\n})\nexport class DimmerWithButtonsComponent {\n\n title = 'Titolo Dimmer';\n active = false;\n\n}"],["html",'
\n
\n
Dimmer primary con 1 pulsante
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n \n
/{/{ title /}/}
\n \n \n \n \n
\n
\n
\n
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed\n do eiusmod tempor\u2026
\n
Praesent volutpat in dolor in sollicitudin. Donec mollis varius\n condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere\n ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat\n tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus\n faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel.\n Donec vehicula vehicula nibh non suscipit.
\n
\n
\n
\n
\n
\n
\n
\n
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed\n do eiusmod tempor\u2026
\n
Praesent volutpat in dolor in sollicitudin. Donec mollis varius\n condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere\n ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat\n tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus\n faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel.\n Donec vehicula vehicula nibh non suscipit.
\n
\n
\n
\n
\n
\n
\n
\n
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed\n do eiusmod tempor\u2026
\n
Praesent volutpat in dolor in sollicitudin. Donec mollis varius\n condimentum. Nunc viverra, metus at viverra consectetur, magna orci posuere\n ipsum, et bibendum est urna sed sem. Fusce libero neque, elementum volutpat\n tincidunt id, egestas vitae nisi. Nulla vulputate luctus sem, eu maximus lacus\n faucibus eget. Fusce tristique enim augue, sed suscipit lorem bibendum vel.\n Donec vehicula vehicula nibh non suscipit.
\n
\n
\n
\n
\n
\n
\n
',"typescript","import { Component } from '@angular/core';\nimport { DimmerColor } from 'projects/design-angular-kit/src/public_api';\n\n@Component({\n selector: 'it-dimmer-primary-one-button',\n templateUrl: './dimmer-primary-one-button.component.html'\n})\nexport class DimmerPrimaryOneButtonComponent {\n\n active = false;\n color: DimmerColor = 'dimmer-primary';\n title = 'Titolo Dimmer';\n\n}"]],template:function(t,n){1&t&&e._UZ(0,"it-dimmer-example")(1,"it-source-display",0)(2,"it-dimmer-primary")(3,"it-source-display",1)(4,"it-dimmer-with-buttons")(5,"it-source-display",2)(6,"it-dimmer-primary-one-button")(7,"it-source-display",3)},dependencies:[f.F,A,T,F,N],encapsulation:2})}return i})();const C=[{path:"",component:(()=>{class i{constructor(){this.component=v.wx.find(u=>"ItDimmerComponent"===u.name),this.componentButtons=v.wx.find(u=>"ItDimmerButtonsComponent"===u.name)}static#e=this.\u0275fac=function(t){return new(t||i)};static#i=this.\u0275cmp=e.Xpm({type:i,selectors:[["it-dimmer-index"]],decls:21,vars:5,consts:[[1,"bd-title"],[1,"bd-lead"],[3,"innerHTML"],["label","Esempi","active","true",1,"pt-3"],["label","API",1,"pt-3"],[1,"row"],[1,"col"],[3,"component"]],template:function(t,n){1&t&&(e.TgZ(0,"h1",0),e._uU(1,"Dimmer"),e.qZA(),e.TgZ(2,"p",1),e._uU(3,"Un componente per focalizzare l\u2019attenzione su un contenuto."),e.qZA(),e.TgZ(4,"p"),e._uU(5,"Un dimmer occupa tutta l\u2019altezza e la larghezza dell\u2019elemento all\u2019interno del quale \xe8 contenuto."),e.qZA(),e._UZ(6,"div",2),e.TgZ(7,"it-tab-container")(8,"it-tab-item",3),e._UZ(9,"it-dimmer-examples"),e.qZA(),e.TgZ(10,"it-tab-item",4)(11,"div",5)(12,"div",6)(13,"h2"),e._uU(14),e.qZA(),e._UZ(15,"it-api-parameters",7),e.qZA()(),e.TgZ(16,"div",5)(17,"div",6)(18,"h2"),e._uU(19),e.qZA(),e._UZ(20,"it-api-parameters",7),e.qZA()()()()),2&t&&(e.xp6(6),e.Q6J("innerHTML",n.component.description,e.oJD),e.xp6(8),e.Oqu(null==n.component?null:n.component.name),e.xp6(1),e.Q6J("component",n.component),e.xp6(4),e.Oqu(null==n.componentButtons?null:n.componentButtons.name),e.xp6(1),e.Q6J("component",n.componentButtons))},dependencies:[Z.G,D.U,q.m,U],encapsulation:2})}return i})()}];let w=(()=>{class i{static#e=this.\u0275fac=function(t){return new(t||i)};static#i=this.\u0275mod=e.oAB({type:i});static#t=this.\u0275inj=e.cJS({imports:[d.Bz.forChild(C),d.Bz]})}return i})(),P=(()=>{class i{static#e=this.\u0275fac=function(t){return new(t||i)};static#i=this.\u0275mod=e.oAB({type:i});static#t=this.\u0275inj=e.cJS({imports:[b.ez,h.m,o.u5,w]})}return i})()}}]);
\ No newline at end of file
diff --git a/2127.848e21e6d00b17cd.js b/2127.848e21e6d00b17cd.js
new file mode 100644
index 00000000..74574634
--- /dev/null
+++ b/2127.848e21e6d00b17cd.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdesign_angular_kit_bundle=self.webpackChunkdesign_angular_kit_bundle||[]).push([[2127],{2127:(F,p,n)=>{n.r(p),n.d(p,{ChipModule:()=>M});var c=n(6814),h=n(6223),u=n(7114),r=n(1640),m=n(7069),t=n(5879),d=n(528),v=n(6273),_=n(4580),b=n(6099),a=n(1471);let C=(()=>{class e{constructor(){this.primary="primary",this.secondary="secondary",this.warning="warning",this.danger="danger",this.success="success",this.size="lg"}static#t=this.\u0275fac=function(s){return new(s||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-chips-colors"]],decls:14,vars:10,consts:[[1,"bd-example"],[1,"row"],[1,"col-6","col-sm-auto"],["label","Primary",3,"color","size"],["label","Secondary",3,"color","size"],["label","Success",3,"color","size"],["label","Danger",3,"color","size"],["label","Warning",3,"color","size"]],template:function(s,o){1&s&&(t.TgZ(0,"h3"),t._uU(1,"Varianti di colore"),t.qZA(),t.TgZ(2,"div",0)(3,"div",1)(4,"div",2),t._UZ(5,"it-chip",3),t.qZA(),t.TgZ(6,"div",2),t._UZ(7,"it-chip",4),t.qZA(),t.TgZ(8,"div",2),t._UZ(9,"it-chip",5),t.qZA(),t.TgZ(10,"div",2),t._UZ(11,"it-chip",6),t.qZA(),t.TgZ(12,"div",2),t._UZ(13,"it-chip",7),t.qZA()()()),2&s&&(t.xp6(5),t.Q6J("color",o.primary)("size",o.size),t.xp6(2),t.Q6J("color",o.secondary)("size",o.size),t.xp6(2),t.Q6J("color",o.success)("size",o.size),t.xp6(2),t.Q6J("color",o.danger)("size",o.size),t.xp6(2),t.Q6J("color",o.warning)("size",o.size))},dependencies:[a.B],encapsulation:2})}return e})();function f(e,l){if(1&e){const i=t.EpF();t.TgZ(0,"it-chip",7),t.NdJ("closeEvent",function(){t.CHM(i);const o=t.oxw();return t.KtG(o.close("first"))}),t.qZA()}if(2&e){const i=t.oxw();t.Q6J("disabled",!0)("showCloseButton",!0)("size",i.size)}}let g=(()=>{class e{constructor(){this.el={first:!0},this.iconGithub="github",this.size="lg"}close(i){this.el[i]=!1}static#t=this.\u0275fac=function(s){return new(s||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-chips-disabled"]],decls:12,vars:10,consts:[[1,"bd-example"],[1,"row"],[1,"col-6","col-sm-auto"],["label","Label disabilitata",3,"disabled","size"],["label","Label disabilitata",3,"disabled","showCloseButton","size","closeEvent",4,"ngIf"],["label","Label disabilitata",3,"disabled","icon","size"],["label","Label disabilitata",3,"avatar","altAvatar","disabled","size"],["label","Label disabilitata",3,"disabled","showCloseButton","size","closeEvent"]],template:function(s,o){1&s&&(t.TgZ(0,"h3"),t._uU(1,"Chip disabilitata"),t.qZA(),t.TgZ(2,"div",0)(3,"div",1)(4,"div",2),t._UZ(5,"it-chip",3),t.qZA(),t.TgZ(6,"div",2),t.YNc(7,f,1,3,"it-chip",4),t.qZA(),t.TgZ(8,"div",2),t._UZ(9,"it-chip",5),t.qZA(),t.TgZ(10,"div",2),t._UZ(11,"it-chip",6),t.qZA()()()),2&s&&(t.xp6(5),t.Q6J("disabled",!0)("size",o.size),t.xp6(2),t.Q6J("ngIf",o.el.first),t.xp6(2),t.Q6J("disabled",!0)("icon",o.iconGithub)("size",o.size),t.xp6(2),t.Q6J("avatar","https://randomuser.me/api/portraits/men/46.jpg")("altAvatar","Mario Rossi")("disabled",!0)("size",o.size))},dependencies:[c.O5,a.B],encapsulation:2})}return e})();function Z(e,l){if(1&e){const i=t.EpF();t.TgZ(0,"it-chip",11),t.NdJ("closeEvent",function(){t.CHM(i);const o=t.oxw();return t.KtG(o.close("first"))}),t.qZA()}2&e&&t.Q6J("showCloseButton",!0)}function x(e,l){if(1&e){const i=t.EpF();t.TgZ(0,"it-chip",12),t.NdJ("closeEvent",function(){t.CHM(i);const o=t.oxw();return t.KtG(o.close("second"))}),t.qZA()}if(2&e){const i=t.oxw();t.Q6J("showCloseButton",!0)("icon",i.iconGithub)}}function z(e,l){if(1&e){const i=t.EpF();t.TgZ(0,"it-chip",13),t.NdJ("closeEvent",function(){t.CHM(i);const o=t.oxw();return t.KtG(o.close("third"))}),t.qZA()}2&e&&t.Q6J("showCloseButton",!0)("avatar","https://randomuser.me/api/portraits/men/46.jpg")("altAvatar","Mario Rossi")}function E(e,l){if(1&e){const i=t.EpF();t.TgZ(0,"it-chip",14),t.NdJ("closeEvent",function(){t.CHM(i);const o=t.oxw();return t.KtG(o.close("fourth"))}),t.qZA()}if(2&e){const i=t.oxw();t.Q6J("showCloseButton",!0)("size",i.size)}}function w(e,l){if(1&e){const i=t.EpF();t.TgZ(0,"it-chip",15),t.NdJ("closeEvent",function(){t.CHM(i);const o=t.oxw();return t.KtG(o.close("fifth"))}),t.qZA()}if(2&e){const i=t.oxw();t.Q6J("showCloseButton",!0)("icon",i.iconGithub)("size",i.size)}}function T(e,l){if(1&e){const i=t.EpF();t.TgZ(0,"it-chip",16),t.NdJ("closeEvent",function(){t.CHM(i);const o=t.oxw();return t.KtG(o.close("sixth"))}),t.qZA()}if(2&e){const i=t.oxw();t.Q6J("showCloseButton",!0)("avatar","https://randomuser.me/api/portraits/men/46.jpg")("size",i.size)("altAvatar","Mario Rossi")}}let A=(()=>{class e{constructor(){this.el={first:!0,second:!0,third:!0,fourth:!0,fifth:!0,sixth:!0},this.iconGithub="github",this.size="lg"}close(i){this.el[i]=!1}static#t=this.\u0275fac=function(s){return new(s||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-chips-group"]],decls:22,vars:7,consts:[[1,"bd-example"],[1,"row"],[1,"col-6","col-sm-auto"],["label","Label"],["label","Label",3,"showCloseButton","closeEvent",4,"ngIf"],["label","Label",3,"showCloseButton","icon","closeEvent",4,"ngIf"],["label","Label",3,"showCloseButton","avatar","altAvatar","closeEvent",4,"ngIf"],["label","Label",3,"size"],["label","Label",3,"showCloseButton","size","closeEvent",4,"ngIf"],["label","Label",3,"showCloseButton","icon","size","closeEvent",4,"ngIf"],["label","Label",3,"showCloseButton","avatar","size","altAvatar","closeEvent",4,"ngIf"],["label","Label",3,"showCloseButton","closeEvent"],["label","Label",3,"showCloseButton","icon","closeEvent"],["label","Label",3,"showCloseButton","avatar","altAvatar","closeEvent"],["label","Label",3,"showCloseButton","size","closeEvent"],["label","Label",3,"showCloseButton","icon","size","closeEvent"],["label","Label",3,"showCloseButton","avatar","size","altAvatar","closeEvent"]],template:function(s,o){1&s&&(t.TgZ(0,"h3"),t._uU(1,"Gruppi di Chip"),t.qZA(),t.TgZ(2,"div",0)(3,"div",1)(4,"div",2),t._UZ(5,"it-chip",3),t.qZA(),t.TgZ(6,"div",2),t.YNc(7,Z,1,1,"it-chip",4),t.qZA(),t.TgZ(8,"div",2),t.YNc(9,x,1,2,"it-chip",5),t.qZA(),t.TgZ(10,"div",2),t.YNc(11,z,1,3,"it-chip",6),t.qZA()(),t._UZ(12,"hr"),t.TgZ(13,"div",1)(14,"div",2),t._UZ(15,"it-chip",7),t.qZA(),t.TgZ(16,"div",2),t.YNc(17,E,1,2,"it-chip",8),t.qZA(),t.TgZ(18,"div",2),t.YNc(19,w,1,3,"it-chip",9),t.qZA(),t.TgZ(20,"div",2),t.YNc(21,T,1,4,"it-chip",10),t.qZA()()()),2&s&&(t.xp6(7),t.Q6J("ngIf",o.el.first),t.xp6(2),t.Q6J("ngIf",o.el.second),t.xp6(2),t.Q6J("ngIf",o.el.third),t.xp6(4),t.Q6J("size",o.size),t.xp6(2),t.Q6J("ngIf",o.el.fourth),t.xp6(2),t.Q6J("ngIf",o.el.fifth),t.xp6(2),t.Q6J("ngIf",o.el.sixth))},dependencies:[c.O5,a.B],encapsulation:2})}return e})();function B(e,l){if(1&e){const i=t.EpF();t.TgZ(0,"it-chip",11),t.NdJ("closeEvent",function(){t.CHM(i);const o=t.oxw();return t.KtG(o.close("first"))}),t.qZA()}2&e&&t.Q6J("showCloseButton",!0)}function L(e,l){if(1&e){const i=t.EpF();t.TgZ(0,"it-chip",12),t.NdJ("closeEvent",function(){t.CHM(i);const o=t.oxw();return t.KtG(o.close("second"))}),t.qZA()}if(2&e){const i=t.oxw();t.Q6J("icon",i.iconGithub)("showCloseButton",!0)}}function I(e,l){if(1&e){const i=t.EpF();t.TgZ(0,"it-chip",13),t.NdJ("closeEvent",function(){t.CHM(i);const o=t.oxw();return t.KtG(o.close("third"))}),t.qZA()}2&e&&t.Q6J("avatar","https://randomuser.me/api/portraits/men/46.jpg")("altAvatar","Mario Rossi")("showCloseButton",!0)}function J(e,l){if(1&e){const i=t.EpF();t.TgZ(0,"it-chip",14),t.NdJ("closeEvent",function(){t.CHM(i);const o=t.oxw();return t.KtG(o.close("fourth"))}),t.qZA()}if(2&e){const i=t.oxw();t.Q6J("size",i.size)("showCloseButton",!0)}}function G(e,l){if(1&e){const i=t.EpF();t.TgZ(0,"it-chip",15),t.NdJ("closeEvent",function(){t.CHM(i);const o=t.oxw();return t.KtG(o.close("fifth"))}),t.qZA()}if(2&e){const i=t.oxw();t.Q6J("icon",i.iconGithub)("size",i.size)("showCloseButton",!0)}}function y(e,l){if(1&e){const i=t.EpF();t.TgZ(0,"it-chip",16),t.NdJ("closeEvent",function(){t.CHM(i);const o=t.oxw();return t.KtG(o.close("sixth"))}),t.qZA()}if(2&e){const i=t.oxw();t.Q6J("avatar","https://randomuser.me/api/portraits/men/46.jpg")("altAvatar","Mario Rossi")("size",i.size)("showCloseButton",!0)}}let Q=(()=>{class e{constructor(){this.el={first:!0,second:!0,third:!0,fourth:!0,fifth:!0,sixth:!0},this.iconGithub="github",this.size="lg"}close(i){this.el[i]=!1}static#t=this.\u0275fac=function(s){return new(s||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-chips-example"]],decls:31,vars:7,consts:[[1,"row"],[1,"col-12","col-md-6"],[1,"mt-4","mb-2"],["label","Label"],["label","Label",3,"showCloseButton","closeEvent",4,"ngIf"],["label","Label",3,"icon","showCloseButton","closeEvent",4,"ngIf"],["label","Label",3,"avatar","altAvatar","showCloseButton","closeEvent",4,"ngIf"],["label","Label",3,"size"],["label","Label",3,"size","showCloseButton","closeEvent",4,"ngIf"],["label","Label",3,"icon","size","showCloseButton","closeEvent",4,"ngIf"],["label","Label",3,"avatar","altAvatar","size","showCloseButton","closeEvent",4,"ngIf"],["label","Label",3,"showCloseButton","closeEvent"],["label","Label",3,"icon","showCloseButton","closeEvent"],["label","Label",3,"avatar","altAvatar","showCloseButton","closeEvent"],["label","Label",3,"size","showCloseButton","closeEvent"],["label","Label",3,"icon","size","showCloseButton","closeEvent"],["label","Label",3,"avatar","altAvatar","size","showCloseButton","closeEvent"]],template:function(s,o){1&s&&(t.TgZ(0,"div",0)(1,"div",1)(2,"h4"),t._uU(3,"Versione Standard"),t.qZA(),t.TgZ(4,"p",2),t._uU(5,"Solo testo"),t.qZA(),t._UZ(6,"it-chip",3),t.TgZ(7,"p",2),t._uU(8,"Testo e chiusura"),t.qZA(),t.YNc(9,B,1,1,"it-chip",4),t.TgZ(10,"p",2),t._uU(11,"Icona, testo e chiusura"),t.qZA(),t.YNc(12,L,1,2,"it-chip",5),t.TgZ(13,"p",2),t._uU(14,"Avatar, testo e chiusura"),t.qZA(),t.YNc(15,I,1,3,"it-chip",6),t.qZA(),t.TgZ(16,"div",1)(17,"h4"),t._uU(18,"Versione Grande"),t.qZA(),t.TgZ(19,"p",2),t._uU(20,"Solo testo grande"),t.qZA(),t._UZ(21,"it-chip",7),t.TgZ(22,"p",2),t._uU(23,"Testo e chiusura grande"),t.qZA(),t.YNc(24,J,1,2,"it-chip",8),t.TgZ(25,"p",2),t._uU(26,"Icona, testo e chiusura grande"),t.qZA(),t.YNc(27,G,1,3,"it-chip",9),t.TgZ(28,"p",2),t._uU(29,"Avatar, testo e chiusura grande"),t.qZA(),t.YNc(30,y,1,4,"it-chip",10),t.qZA()()),2&s&&(t.xp6(9),t.Q6J("ngIf",o.el.first),t.xp6(3),t.Q6J("ngIf",o.el.second),t.xp6(3),t.Q6J("ngIf",o.el.third),t.xp6(6),t.Q6J("size",o.size),t.xp6(3),t.Q6J("ngIf",o.el.fourth),t.xp6(3),t.Q6J("ngIf",o.el.fifth),t.xp6(3),t.Q6J("ngIf",o.el.sixth))},dependencies:[c.O5,a.B],encapsulation:2})}return e})(),q=(()=>{class e{static#t=this.\u0275fac=function(s){return new(s||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-chips-examples"]],decls:8,vars:0,consts:[["html",'
',"typescript","import { Component } from '@angular/core';\nimport {\n AutocompleteSearchExampleComponent\n} from '../autocomplete-search-example/autocomplete-search-example.component';\n\n@Component({\n selector: 'it-autocomplete-big-search-example',\n templateUrl: './autocomplete-big-search-example.component.html',\n})\nexport class AutocompleteBigSearchExampleComponent extends AutocompleteSearchExampleComponent {\n\n}"]],template:function(a,l){1&a&&e._UZ(0,"it-autocomplete-search-example")(1,"it-source-display",0)(2,"it-autocomplete-big-search-example")(3,"it-source-display",1)},dependencies:[A.F,s,g],encapsulation:2})}return t})();const C=[{path:"",component:(()=>{class t{constructor(){this.component=d.wx.find(o=>"ItAutocompleteComponent"===o.name)}static#e=this.\u0275fac=function(a){return new(a||t)};static#t=this.\u0275cmp=e.Xpm({type:t,selectors:[["it-autocomplete-index"]],decls:10,vars:2,consts:[[1,"bd-title"],[1,"bd-lead"],[3,"innerHTML"],["label","Esempi","active","true",1,"pt-3"],["label","API",1,"pt-3"],[3,"component"]],template:function(a,l){1&a&&(e.TgZ(0,"h1",0),e._uU(1,"Autocompletamento"),e.qZA(),e.TgZ(2,"p",1),e._uU(3,"Elementi e stili per la creazione di input con autocompletamento."),e.qZA(),e._UZ(4,"div",2),e.TgZ(5,"it-tab-container")(6,"it-tab-item",3),e._UZ(7,"it-autocomplete-examples"),e.qZA(),e.TgZ(8,"it-tab-item",4),e._UZ(9,"it-api-parameters",5),e.qZA()()),2&a&&(e.xp6(4),e.Q6J("innerHTML",l.component.description,e.oJD),e.xp6(5),e.Q6J("component",l.component))},dependencies:[h.U,v.m,f.G,x],encapsulation:2})}return t})()}];let S=(()=>{class t{static#e=this.\u0275fac=function(a){return new(a||t)};static#t=this.\u0275mod=e.oAB({type:t});static#a=this.\u0275inj=e.cJS({imports:[m.Bz.forChild(C),m.Bz]})}return t})();var b=n(7114);let T=(()=>{class t{static#e=this.\u0275fac=function(a){return new(a||t)};static#t=this.\u0275mod=e.oAB({type:t});static#a=this.\u0275inj=e.cJS({imports:[u.ez,S,b.m]})}return t})()}}]);
\ No newline at end of file
diff --git a/2605.58edc20c9f81bf31.js b/2605.58edc20c9f81bf31.js
new file mode 100644
index 00000000..ecc3de45
--- /dev/null
+++ b/2605.58edc20c9f81bf31.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdesign_angular_kit_bundle=self.webpackChunkdesign_angular_kit_bundle||[]).push([[2605],{2605:(j,v,p)=>{p.r(v),p.d(v,{FormInputModule:()=>X});var u=p(6814),h=p(1640),_=p(7069),e=p(5879),f=p(528),x=p(6273),C=p(4580),y=p(6099),r=p(6223),M=p(4220),m=p(4676),I=p(2998),b=p(8790);function Z(n,d){if(1&n){const o=e.EpF();e.TgZ(0,"it-input",22),e.NdJ("ngModelChange",function(t){e.CHM(o);const l=e.oxw();return e.KtG(l.value=t)}),e.qZA()}if(2&n){const o=e.oxw();e.Q6J("label",o.label)("placeholder",o.placeholder)("disabled",o.disabled)("readonly",o.readOnly)("type","password"!==o.type?o.type:"text")("ngModel",o.value)("description",o.note)}}function T(n,d){if(1&n){const o=e.EpF();e.TgZ(0,"it-password-input",23),e.NdJ("ngModelChange",function(t){e.CHM(o);const l=e.oxw();return e.KtG(l.value=t)}),e.qZA()}if(2&n){const o=e.oxw();e.Q6J("label",o.label)("placeholder",o.placeholder)("disabled",o.disabled)("ngModel",o.value)("validationMode",!1)}}let E=(()=>{class n{constructor(){this.i=0,this.readOnly=!1,this.disabled=!1,this.type="text",this.icon="pencil",this.value="myNgModel",this.hasPlaceholder=!0,this.hasLabel=!0,this.hasNote=!1}get placeholder(){return this.hasPlaceholder?"Testo di esempio":""}get label(){return this.hasLabel?"Label dell'input":""}get note(){return this.hasNote?"non condivideremo mai i tuoi dati":""}static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275cmp=e.Xpm({type:n,selectors:[["it-form-input-example"]],decls:36,vars:16,consts:[[1,"bd-example"],[1,"row"],[1,"col-8"],[3,"label","placeholder","disabled","readonly","type","ngModel","description","ngModelChange",4,"ngIf"],["showStrengthMeter","true",3,"label","placeholder","disabled","ngModel","validationMode","ngModelChange",4,"ngIf"],[1,"form-check","col-6"],[1,"col-4"],["label","Disabled",3,"ngModel","ngModelChange"],["label","Readonly",3,"ngModel","ngModelChange"],["label","Label",3,"ngModel","ngModelChange"],[1,"col-auto"],["label","Placeholder",3,"ngModel","ngModelChange"],["label","Note",3,"ngModel","ngModelChange"],["name","text","value","text","label","text",3,"ngModel","ngModelChange"],["name","number","value","number","label","number",3,"ngModel","ngModelChange"],["name","email","value","email","label","email",3,"ngModel","ngModelChange"],["name","password","value","password","label","password",3,"ngModel","ngModelChange"],["name","time","value","time","label","time",3,"ngModel","ngModelChange"],["name","date","value","date","label","date",3,"ngModel","ngModelChange"],["name","tel","value","tel","label","tel",3,"ngModel","ngModelChange"],["name","color","value","color","label","color",3,"ngModel","ngModelChange"],["name","url","value","url","label","url",3,"ngModel","ngModelChange"],[3,"label","placeholder","disabled","readonly","type","ngModel","description","ngModelChange"],["showStrengthMeter","true",3,"label","placeholder","disabled","ngModel","validationMode","ngModelChange"]],template:function(i,t){1&i&&(e.TgZ(0,"h3"),e._uU(1,"Interazione con Form Input"),e.qZA(),e.TgZ(2,"p"),e._uU(3,"Elementi e stili per la creazione di input accessibili e responsivi."),e.qZA(),e.TgZ(4,"div",0)(5,"div",1)(6,"div",2),e.YNc(7,Z,1,7,"it-input",3),e.YNc(8,T,1,5,"it-password-input",4),e.qZA()(),e.TgZ(9,"div",1)(10,"div",5)(11,"h5"),e._uU(12,"Opzioni"),e.qZA(),e.TgZ(13,"div",1)(14,"div",6)(15,"it-checkbox",7),e.NdJ("ngModelChange",function(a){return t.disabled=a}),e.qZA(),e.TgZ(16,"it-checkbox",8),e.NdJ("ngModelChange",function(a){return t.readOnly=a}),e.qZA(),e.TgZ(17,"it-checkbox",9),e.NdJ("ngModelChange",function(a){return t.hasLabel=a}),e.qZA()(),e.TgZ(18,"div",10)(19,"it-checkbox",11),e.NdJ("ngModelChange",function(a){return t.hasPlaceholder=a}),e.qZA(),e.TgZ(20,"it-checkbox",12),e.NdJ("ngModelChange",function(a){return t.hasNote=a}),e.qZA()()()(),e.TgZ(21,"div",5)(22,"h5"),e._uU(23,"Tipo Input"),e.qZA(),e.TgZ(24,"div",1)(25,"div",6)(26,"it-radio-button",13),e.NdJ("ngModelChange",function(a){return t.type=a}),e.qZA(),e.TgZ(27,"it-radio-button",14),e.NdJ("ngModelChange",function(a){return t.type=a}),e.qZA(),e.TgZ(28,"it-radio-button",15),e.NdJ("ngModelChange",function(a){return t.type=a}),e.qZA(),e.TgZ(29,"it-radio-button",16),e.NdJ("ngModelChange",function(a){return t.type=a}),e.qZA()(),e.TgZ(30,"div",10)(31,"it-radio-button",17),e.NdJ("ngModelChange",function(a){return t.type=a}),e.qZA(),e.TgZ(32,"it-radio-button",18),e.NdJ("ngModelChange",function(a){return t.type=a}),e.qZA(),e.TgZ(33,"it-radio-button",19),e.NdJ("ngModelChange",function(a){return t.type=a}),e.qZA(),e.TgZ(34,"it-radio-button",20),e.NdJ("ngModelChange",function(a){return t.type=a}),e.qZA(),e.TgZ(35,"it-radio-button",21),e.NdJ("ngModelChange",function(a){return t.type=a}),e.qZA()()()()()()),2&i&&(e.xp6(7),e.Q6J("ngIf","password"!==t.type),e.xp6(1),e.Q6J("ngIf","password"===t.type),e.xp6(7),e.Q6J("ngModel",t.disabled),e.xp6(1),e.Q6J("ngModel",t.readOnly),e.xp6(1),e.Q6J("ngModel",t.hasLabel),e.xp6(2),e.Q6J("ngModel",t.hasPlaceholder),e.xp6(1),e.Q6J("ngModel",t.hasNote),e.xp6(6),e.Q6J("ngModel",t.type),e.xp6(1),e.Q6J("ngModel",t.type),e.xp6(1),e.Q6J("ngModel",t.type),e.xp6(1),e.Q6J("ngModel",t.type),e.xp6(2),e.Q6J("ngModel",t.type),e.xp6(1),e.Q6J("ngModel",t.type),e.xp6(1),e.Q6J("ngModel",t.type),e.xp6(1),e.Q6J("ngModel",t.type),e.xp6(1),e.Q6J("ngModel",t.type))},dependencies:[u.O5,r.JJ,r.On,M.f,m.g,I.S,b.C],changeDetection:0})}return n})();var c=p(7463),A=p(3016);function F(n,d){if(1&n&&e._UZ(0,"it-icon",12),2&n){const o=e.oxw();e.Q6J("name",o.icon)}}function J(n,d){if(1&n&&e._UZ(0,"it-icon",13),2&n){const o=e.oxw();e.Q6J("name",o.icon)}}function N(n,d){if(1&n&&e._UZ(0,"it-icon",12),2&n){const o=e.oxw();e.Q6J("name",o.icon)}}let q=(()=>{class n{constructor(){this.i=0,this.type="text",this.icon="pencil",this.value="",this.label="Etichetta di esempio"}static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275cmp=e.Xpm({type:n,selectors:[["it-form-input-icon-example"]],decls:20,vars:11,consts:[[1,"bd-example"],[1,"row"],[1,"col-5"],[3,"label"],["size","sm","color","primary","prependText","",3,"name",4,"ngIf"],["size","sm","color","primary","appendText","",3,"name",4,"ngIf"],["itButton","primary","append",""],[1,"form-check","col-auto","offset-1"],["name","none","label","Nessuna",3,"ngModel","value","ngModelChange"],["name","it-pencil","value","pencil","label","it-pencil",3,"ngModel","ngModelChange"],["name","it-link","value","link","label","it-link",3,"ngModel","ngModelChange"],["name","it-star-outline","value","star-outline","label","it-star-outline",3,"ngModel","ngModelChange"],["size","sm","color","primary","prependText","",3,"name"],["size","sm","color","primary","appendText","",3,"name"]],template:function(i,t){1&i&&(e.TgZ(0,"h3"),e._uU(1,"Input con icona o pulsanti"),e.qZA(),e.TgZ(2,"div",0)(3,"div",1)(4,"div",2)(5,"it-input",3),e.YNc(6,F,1,1,"it-icon",4),e.qZA(),e.TgZ(7,"it-input",3),e.YNc(8,J,1,1,"it-icon",5),e.qZA(),e.TgZ(9,"it-input",3),e.YNc(10,N,1,1,"it-icon",4),e.TgZ(11,"button",6),e._uU(12,"Invia"),e.qZA()()(),e.TgZ(13,"div",7)(14,"h5"),e._uU(15,"Icona"),e.qZA(),e.TgZ(16,"it-radio-button",8),e.NdJ("ngModelChange",function(a){return t.icon=a}),e.qZA(),e.TgZ(17,"it-radio-button",9),e.NdJ("ngModelChange",function(a){return t.icon=a}),e.qZA(),e.TgZ(18,"it-radio-button",10),e.NdJ("ngModelChange",function(a){return t.icon=a}),e.qZA(),e.TgZ(19,"it-radio-button",11),e.NdJ("ngModelChange",function(a){return t.icon=a}),e.qZA()()()()),2&i&&(e.xp6(5),e.Q6J("label",t.label),e.xp6(1),e.Q6J("ngIf",t.icon),e.xp6(1),e.Q6J("label",t.label),e.xp6(1),e.Q6J("ngIf",t.icon),e.xp6(1),e.Q6J("label",t.label),e.xp6(1),e.Q6J("ngIf",t.icon),e.xp6(6),e.Q6J("ngModel",t.icon)("value",void 0),e.xp6(1),e.Q6J("ngModel",t.icon),e.xp6(1),e.Q6J("ngModel",t.icon),e.xp6(1),e.Q6J("ngModel",t.icon))},dependencies:[u.O5,r.JJ,r.On,c.E,m.g,b.C,A.Q]})}return n})();function U(n,d){if(1&n&&(e.TgZ(0,"div"),e._uU(1),e.qZA()),2&n){const o=e.oxw();e.xp6(1),e.hij("Salvato `",o.savedValue,"`")}}let k=(()=>{class n{constructor(){this.value="",this.savedValue=void 0}save(o){this.savedValue=o.value.myInput}static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275cmp=e.Xpm({type:n,selectors:[["it-template-driven-validation-example"]],decls:9,vars:3,consts:[[1,"bd-example"],["myForm","ngForm"],["name","myInput","minlength","3","maxlength","10","pattern","[ab]+","required","",3,"ngModel","ngModelChange"],["itButton","primary",3,"disabled","click"],[4,"ngIf"]],template:function(i,t){if(1&i){const l=e.EpF();e.TgZ(0,"h3"),e._uU(1,"Interazione con Form Input dotato di validazione Template Driven"),e.qZA(),e.TgZ(2,"div",0)(3,"form",null,1)(5,"it-input",2),e.NdJ("ngModelChange",function(g){return t.value=g}),e.qZA(),e.TgZ(6,"button",3),e.NdJ("click",function(){e.CHM(l);const g=e.MAs(4);return e.KtG(t.save(g))}),e._uU(7,"Salva"),e.qZA(),e.YNc(8,U,2,1,"div",4),e.qZA()()}if(2&i){const l=e.MAs(4);e.xp6(5),e.Q6J("ngModel",t.value),e.xp6(1),e.Q6J("disabled",!l.valid),e.xp6(2),e.Q6J("ngIf",t.savedValue)}},dependencies:[u.O5,r._Y,r.JJ,r.JL,r.Q7,r.wO,r.nD,r.c5,r.On,r.F,c.E,m.g]})}return n})();var s=p(1759);function V(n,d){1&n&&(e.TgZ(0,"div"),e._uU(1,"Il campo \xe8 obbligatorio"),e.qZA())}function Q(n,d){1&n&&(e.TgZ(0,"div"),e._uU(1,"Deve essere almeno di lunghezza 3"),e.qZA())}function w(n,d){1&n&&(e.TgZ(0,"div"),e._uU(1,"Deve essere massimo di lunghezza 10"),e.qZA())}function D(n,d){1&n&&(e.TgZ(0,"div"),e._uU(1,"Non corrisponde al pattern [ab]+"),e.qZA())}function z(n,d){if(1&n&&(e.TgZ(0,"div"),e._uU(1),e.qZA()),2&n){const o=e.oxw();e.xp6(1),e.hij("Salvato `",o.savedValue,"`")}}let L=(()=>{class n{constructor(o){this._fb=o,this.value="",this.savedValue=void 0;const i=[r.kI.required,r.kI.minLength(3),r.kI.maxLength(10),r.kI.pattern("[ab]+")];this.myForm=this._fb.group({taxCode:[null,s.u.taxCode],vat:[null,s.u.vatNumber],cap:[null,s.u.cap],email:[null],url:[null],phone:[null],iban:[null,s.u.iban],myInput:["",i]})}save(o){this.savedValue=o.value.myInput}markAllAsTouched(){this.myForm.markAllAsTouched()}static#e=this.\u0275fac=function(i){return new(i||n)(e.Y36(r.qu))};static#n=this.\u0275cmp=e.Xpm({type:n,selectors:[["it-model-driven-validation-example"]],decls:35,vars:7,consts:[[1,"bd-example"],[3,"formGroup"],[1,"row"],[1,"col-6"],["label","Custom","formControlName","myInput"],["myInput",""],["error",""],[4,"ngIf"],["label","Codice fiscale","formControlName","taxCode","required",""],[1,"col-4"],["label","IBAN","formControlName","iban"],["label","Partita IVA","formControlName","vat","required",""],["label","Cap","formControlName","cap","required",""],["type","email","label","Email","formControlName","email","required",""],["type","url","label","Url","formControlName","url","required",""],["type","tel","label","Telefono","formControlName","phone","required",""],[1,"d-flex","justify-content-between"],["itButton","primary",3,"disabled","click"],["itButton","secondary","type","button",3,"click"]],template:function(i,t){if(1&i&&(e.TgZ(0,"h3"),e._uU(1,"Interazione con Form Input dotato di validazione Model Driven"),e.qZA(),e.TgZ(2,"div",0)(3,"form",1)(4,"div",2)(5,"div",3)(6,"it-input",4,5),e.ynx(8,6),e.YNc(9,V,2,0,"div",7),e.YNc(10,Q,2,0,"div",7),e.YNc(11,w,2,0,"div",7),e.YNc(12,D,2,0,"div",7),e.BQk(),e.qZA()(),e.TgZ(13,"div",3),e._UZ(14,"it-input",8),e.qZA()(),e.TgZ(15,"div",2)(16,"div",9),e._UZ(17,"it-input",10),e.qZA(),e.TgZ(18,"div",9),e._UZ(19,"it-input",11),e.qZA(),e.TgZ(20,"div",9),e._UZ(21,"it-input",12),e.qZA()(),e.TgZ(22,"div",2)(23,"div",9),e._UZ(24,"it-input",13),e.qZA(),e.TgZ(25,"div",9),e._UZ(26,"it-input",14),e.qZA(),e.TgZ(27,"div",9),e._UZ(28,"it-input",15),e.qZA()(),e.TgZ(29,"div",16)(30,"button",17),e.NdJ("click",function(){return t.save(t.myForm)}),e._uU(31,"Salva"),e.qZA(),e.TgZ(32,"button",18),e.NdJ("click",function(){return t.markAllAsTouched()}),e._uU(33,"Valida"),e.qZA()(),e.YNc(34,z,2,1,"div",7),e.qZA()()),2&i){const l=e.MAs(7);e.xp6(3),e.Q6J("formGroup",t.myForm),e.xp6(6),e.Q6J("ngIf",l.hasError("required")),e.xp6(1),e.Q6J("ngIf",l.hasError("minlength")),e.xp6(1),e.Q6J("ngIf",l.hasError("maxlength")),e.xp6(1),e.Q6J("ngIf",l.hasError("pattern")),e.xp6(18),e.Q6J("disabled",!t.myForm.valid),e.xp6(4),e.Q6J("ngIf",t.savedValue)}},dependencies:[u.O5,r._Y,r.JJ,r.JL,r.Q7,c.E,m.g,r.sg,r.u]})}return n})(),S=(()=>{class n{constructor(){this.adaptiveInputValue=99999}static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275cmp=e.Xpm({type:n,selectors:[["it-form-input-number-example"]],decls:23,vars:4,consts:[[1,"bd-example"],[1,"mb-5"],["type","number","label","Min, Max & Step",3,"min","max","step"],["type","number","label","Currency","currency","true","symbol","$"],["type","number","label","Percentage","percentage","true","symbol","%"],["type","number","label","Adattivo","adaptive","true",3,"ngModel","ngModelChange"]],template:function(i,t){1&i&&(e.TgZ(0,"h3"),e._uU(1,"Input Numerico"),e.qZA(),e.TgZ(2,"div",0)(3,"h5"),e._uU(4,"Limiti e Step"),e.qZA(),e.TgZ(5,"p",1),e._uU(6,'Aggiungendo le propriet\xe0 "min", "max" e "step" all\u2019input \xe8 possibile limitare il valore minimo e massimo del campo e decidere di quanto varier\xe0 a ogni click sui pulsanti.'),e.qZA(),e._UZ(7,"it-input",2),e.TgZ(8,"h5"),e._uU(9,"Valuta"),e.qZA(),e.TgZ(10,"p",1),e._uU(11,'Per anteporre il simbolo della valuta in Euro, aggiungere la propriet\xe0 "currency"'),e.qZA(),e._UZ(12,"it-input",3),e.TgZ(13,"h5"),e._uU(14,"Percentuale"),e.qZA(),e.TgZ(15,"p",1),e._uU(16,'Per anteporre il simbolo della percentuale in Euro, aggiungere la propriet\xe0 "percentage"'),e.qZA(),e._UZ(17,"it-input",4),e.TgZ(18,"h5"),e._uU(19,"Ridimensionamento"),e.qZA(),e.TgZ(20,"p",1),e._uU(21,'\xc8 possibile far s\xec che il campo numerico si ridimensioni automaticamente a seconda del valore contenuto in esso. Basta aggiungere la propriet\xe0 "adaptive"'),e.qZA(),e.TgZ(22,"it-input",5),e.NdJ("ngModelChange",function(a){return t.adaptiveInputValue=a}),e.qZA()()),2&i&&(e.xp6(7),e.Q6J("min",10)("max",100)("step",5),e.xp6(15),e.Q6J("ngModel",t.adaptiveInputValue))},dependencies:[r.JJ,r.On,m.g]})}return n})(),P=(()=>{class n{static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275cmp=e.Xpm({type:n,selectors:[["it-form-input-calendar-example"]],decls:13,vars:0,consts:[[1,"bd-example"],[1,"mb-5"],["type","date","label","Datepicker"],["type","date","label","Min, Max","minDate","2020-05-07","maxDate","2025-05-07"]],template:function(i,t){1&i&&(e.TgZ(0,"h3"),e._uU(1,"Input Calendario"),e.qZA(),e.TgZ(2,"div",0)(3,"h5"),e._uU(4,"Datepicker"),e.qZA(),e.TgZ(5,"p",1),e._uU(6,"Clicca sull\u2019icona a destra per visualizzare il datepicker."),e.qZA(),e._UZ(7,"it-input",2),e.TgZ(8,"h5"),e._uU(9,"Limiti"),e.qZA(),e.TgZ(10,"p",1),e._uU(11,'Aggiungendo le propriet\xe0 "min" e "max" all\'input \xe8 possibile limitare la data minima e massima del campo'),e.qZA(),e._UZ(12,"it-input",3),e.qZA())},dependencies:[m.g]})}return n})(),B=(()=>{class n{static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275cmp=e.Xpm({type:n,selectors:[["it-form-input-examples"]],decls:12,vars:0,consts:[["html",'
Interazione con Form Input
\n
Elementi e stili per la creazione di input accessibili e responsivi.
\n\n
\n
\n
\n \n \n \n
\n
\n\n
\n
\n
Opzioni
\n
\n
\n \n \n \n
\n
\n \n \n
\n
\n
\n\n
\n
Tipo Input
\n
\n
\n \n \n \n \n
\n
\n \n \n \n \n \n
\n
\n
\n
\n
',"typescript","import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { InputControlType } from 'projects/design-angular-kit/src/public_api';\n\n@Component({\n selector: 'it-form-input-example',\n templateUrl: './form-input-example.component.html',\n styleUrls: ['./form-input-example.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormInputExampleComponent {\n i = 0;\n readOnly = false;\n disabled = false;\n type: InputControlType | 'password' = 'text';\n icon = 'pencil';\n value = 'myNgModel';\n\n get placeholder() {\n return this.hasPlaceholder ? 'Testo di esempio' : '';\n }\n\n get label() {\n return this.hasLabel ? \"Label dell'input\" : '';\n }\n\n get note() {\n return this.hasNote ? 'non condivideremo mai i tuoi dati' : '';\n }\n\n hasPlaceholder = true;\n\n hasLabel = true;\n\n hasNote = false;\n}"],["html",'
Input Numerico
\n
\n
Limiti e Step
\n
Aggiungendo le propriet\xe0 "min", "max" e "step" all\u2019input \xe8 possibile\n limitare il valore minimo e massimo del campo e decidere di quanto varier\xe0 a ogni click sui pulsanti.
\n\n \x3c!-- Input numerico con min, max e step --\x3e\n \n\n\n
Valuta
\n
Per anteporre il simbolo della valuta in Euro, aggiungere la propriet\xe0 "currency"
\n\n \x3c!-- Input numerico con valuta --\x3e\n \n\n\n
Percentuale
\n
Per anteporre il simbolo della percentuale in Euro, aggiungere la propriet\xe0 "percentage"
\n\n \x3c!-- Input numerico con percentuale --\x3e\n \n\n
Ridimensionamento
\n
\xc8 possibile far s\xec che il campo numerico si ridimensioni automaticamente a seconda del valore\n contenuto in esso.\n Basta aggiungere la propriet\xe0 "adaptive"
\n\n \x3c!-- Input numerico con ridimensionamento automatico --\x3e\n \n\n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-form-input-number-example',\n templateUrl: './form-input-number.component.html',\n styleUrls: ['./form-input-number.component.scss']\n})\nexport class FormInputNumberExampleComponent {\n adaptiveInputValue: number = 99999;\n}"],["html",'
Input Calendario
\n
\n\n
Datepicker
\n
Clicca sull\u2019icona a destra per visualizzare il datepicker.
\n\n \n\n
Limiti
\n
Aggiungendo le propriet\xe0 "min" e "max" all\'input \xe8 possibile limitare la data minima e massima del campo
\n\n \x3c!-- Input date con min, max e step --\x3e\n \n\n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-form-input-calendar-example',\n templateUrl: './form-input-calendar.component.html',\n styleUrls: ['./form-input-calendar.component.scss']\n})\nexport class FormInputCalendarExampleComponent {}"],["html",'
Input con icona o pulsanti
\n
\n
\n\n
\n \x3c!-- Input con icona a sinistra tramite attributo --\x3e\n \n \n \n\n \x3c!-- Input con icona a sinistra tramite direttiva itTextSuffix --\x3e\n \n \n \n\n \x3c!-- Input con icona a sinistra tramite direttiva itTextSuffix e bottone a destra tramite direttiva itSuffix--\x3e\n \n \n \n \n
\n\n\n
\n
Icona
\n \n \n \n \n
\n
\n\n\n
',"typescript","import { Component } from '@angular/core';\nimport { IconName } from 'design-angular-kit/interfaces/icon';\n\n@Component({\n selector: 'it-form-input-icon-example',\n templateUrl: './form-input-icon.component.html',\n styleUrls: ['./form-input-icon.component.scss']\n})\nexport class FormInputIconExampleComponent {\n i = 0;\n type = 'text';\n icon: IconName = 'pencil';\n value = '';\n label = \"Etichetta di esempio\";\n}"],["html",'
Interazione con Form Input dotato di validazione Template Driven
\n\n
\n \n
',"typescript","import { Component } from '@angular/core';\nimport { NgForm } from '@angular/forms';\n\n@Component({\n selector: 'it-template-driven-validation-example',\n templateUrl: './template-driven-validation-example.component.html',\n styleUrls: ['./template-driven-validation-example.component.scss']\n})\nexport class TemplateDrivenValidationExampleComponent {\n value = '';\n savedValue = undefined;\n\n save(ngForm: NgForm) {\n this.savedValue = ngForm.value.myInput;\n }\n}"],["html",'
Interazione con Form Input dotato di validazione Model Driven
\n\n
\n \n
',"typescript","import { Component } from '@angular/core';\nimport { FormBuilder, FormGroup, UntypedFormGroup, Validators } from '@angular/forms';\nimport { ItValidators } from 'design-angular-kit/validators/it-validators';\n\n@Component({\n selector: 'it-model-driven-validation-example',\n templateUrl: './model-driven-validation-example.component.html',\n styleUrls: ['./model-driven-validation-example.component.scss']\n})\nexport class ModelDrivenValidationExampleComponent {\n\n myForm: FormGroup;\n\n constructor(private _fb: FormBuilder) {\n const validators = [\n Validators.required,\n Validators.minLength(3),\n Validators.maxLength(10),\n Validators.pattern('[ab]+')\n ];\n this.myForm = this._fb.group({\n taxCode: [null, ItValidators.taxCode],\n vat: [null, ItValidators.vatNumber],\n cap: [null, ItValidators.cap],\n email: [null],\n url: [null],\n phone: [null],\n iban: [null, ItValidators.iban],\n myInput: ['', validators],\n });\n }\n\n value = '';\n savedValue = undefined;\n\n save(form: UntypedFormGroup) {\n this.savedValue = form.value.myInput;\n }\n\n markAllAsTouched() {\n this.myForm.markAllAsTouched();\n }\n}"]],template:function(i,t){1&i&&e._UZ(0,"it-form-input-example")(1,"it-source-display",0)(2,"it-form-input-number-example")(3,"it-source-display",1)(4,"it-form-input-calendar-example")(5,"it-source-display",2)(6,"it-form-input-icon-example")(7,"it-source-display",3)(8,"it-template-driven-validation-example")(9,"it-source-display",4)(10,"it-model-driven-validation-example")(11,"it-source-display",5)},dependencies:[y.F,E,q,k,L,S,P]})}return n})();const O=[{path:"",component:(()=>{class n{constructor(){this.component=_.wx.find(o=>"ItInputComponent"===o.name)}static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275cmp=e.Xpm({type:n,selectors:[["it-form-input-index"]],decls:10,vars:2,consts:[[1,"bd-title"],[1,"bd-lead"],[3,"innerHTML"],["label","Esempi","active","true",1,"pt-3"],["label","API",1,"pt-3"],[3,"component"]],template:function(i,t){1&i&&(e.TgZ(0,"h1",0),e._uU(1,"Form Input"),e.qZA(),e.TgZ(2,"p",1),e._uU(3,"Il componente Form Input utilizzabile in un form"),e.qZA(),e._UZ(4,"div",2),e.TgZ(5,"it-tab-container")(6,"it-tab-item",3),e._UZ(7,"it-form-input-examples"),e.qZA(),e.TgZ(8,"it-tab-item",4),e._UZ(9,"it-api-parameters",5),e.qZA()()),2&i&&(e.xp6(4),e.Q6J("innerHTML",t.component.description,e.oJD),e.xp6(5),e.Q6J("component",t.component))},dependencies:[f.G,x.U,C.m,B]})}return n})()}];let Y=(()=>{class n{static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275mod=e.oAB({type:n});static#t=this.\u0275inj=e.cJS({imports:[h.Bz.forChild(O),h.Bz]})}return n})();var G=p(7114);let X=(()=>{class n{static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275mod=e.oAB({type:n});static#t=this.\u0275inj=e.cJS({imports:[u.ez,r.u5,G.m,Y,r.UX]})}return n})()}}]);
\ No newline at end of file
diff --git a/261.59c064bf814b6dbb.js b/261.bdf05d60a8f941d3.js
similarity index 66%
rename from 261.59c064bf814b6dbb.js
rename to 261.bdf05d60a8f941d3.js
index ac38a0c6..6262b0d6 100644
--- a/261.59c064bf814b6dbb.js
+++ b/261.bdf05d60a8f941d3.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkdesign_angular_kit_bundle=self.webpackChunkdesign_angular_kit_bundle||[]).push([[261],{261:(R,r,a)=>{a.r(r),a.d(r,{BadgeModule:()=>J});var c=a(6814),i=a(6223),m=a(7341),g=a(1640),u=a(7069),e=a(2029),h=a(528),v=a(6273),b=a(4580),f=a(6099),C=a(142),x=a(4220),B=a(4676),T=a(8790);function Z(n,p){if(1&n){const d=e.EpF();e.ynx(0),e.TgZ(1,"it-radio-button",14),e.NdJ("ngModelChange",function(t){e.CHM(d);const l=e.oxw();return e.KtG(l.selectedColor=t)}),e.qZA(),e.BQk()}if(2&n){const d=p.$implicit,o=p.index,t=e.oxw();e.xp6(1),e.Q6J("id","color-"+o)("label",d)("value",d)("ngModel",t.selectedColor)}}let M=(()=>{class n{constructor(){this.colors=["primary","secondary","danger","warning","success"],this.selectedColor="primary",this.badgeText="New",this.isRounded=!1}static#e=this.\u0275fac=function(o){return new(o||n)};static#n=this.\u0275cmp=e.Xpm({type:n,selectors:[["it-badge-example"]],decls:31,vars:8,consts:[[1,"bd-example"],[1,"row"],[1,"col-4"],[1,"example-section"],[1,"mt-4"],["label","Testo badge",3,"ngModel","ngModelChange"],[1,"col-6"],[4,"ngFor","ngForOf"],["for","isRounded"],["label","Rounded",3,"ngModel","ngModelChange"],[1,"col-6","offset-2"],[1,"card-title"],[3,"itBadge","rounded"],["href","#",3,"itBadge","rounded"],["name","color",3,"id","label","value","ngModel","ngModelChange"]],template:function(o,t){1&o&&(e.TgZ(0,"h3"),e._uU(1,"Configurazione badge"),e.qZA(),e.TgZ(2,"div",0)(3,"div",1)(4,"div",2)(5,"div",3)(6,"div",4)(7,"it-input",5),e.NdJ("ngModelChange",function(s){return t.badgeText=s}),e.qZA(),e._UZ(8,"hr"),e.qZA(),e.TgZ(9,"div",1)(10,"div",6)(11,"label")(12,"strong"),e._uU(13,"Colore Badge"),e.qZA()(),e.YNc(14,Z,2,4,"ng-container",7),e.qZA(),e.TgZ(15,"div",6)(16,"label",8)(17,"strong"),e._uU(18,"Badge arrotondato"),e.qZA()(),e.TgZ(19,"it-checkbox",9),e.NdJ("ngModelChange",function(s){return t.isRounded=s}),e.qZA()()()()(),e.TgZ(20,"div",10)(21,"h4",11),e._uU(22,"Risultato badge"),e.qZA(),e.TgZ(23,"h5"),e._uU(24,"Testo di esempio "),e.TgZ(25,"span",12),e._uU(26),e.qZA()(),e.TgZ(27,"h5"),e._uU(28,"Link di esempio "),e.TgZ(29,"a",13),e._uU(30,"link"),e.qZA()()()()()),2&o&&(e.xp6(7),e.Q6J("ngModel",t.badgeText),e.xp6(7),e.Q6J("ngForOf",t.colors),e.xp6(5),e.Q6J("ngModel",t.isRounded),e.xp6(6),e.Q6J("itBadge",t.selectedColor)("rounded",t.isRounded),e.xp6(1),e.Oqu(t.badgeText),e.xp6(3),e.Q6J("itBadge",t.selectedColor)("rounded",t.isRounded))},dependencies:[c.sg,i.JJ,i.On,C.Y,x.f,B.g,T.C]})}return n})(),y=(()=>{class n{constructor(){}static#e=this.\u0275fac=function(o){return new(o||n)};static#n=this.\u0275cmp=e.Xpm({type:n,selectors:[["it-badge-examples"]],decls:2,vars:0,consts:[["html",'
',"typescript","import { Component } from '@angular/core';\nimport { AvailableLanguage } from '../../../../projects/design-angular-kit/src/lib/interfaces/utils';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Component({\n selector: 'it-language-switcher-custom-example',\n templateUrl: './language-switcher-custom-example.component.html'\n})\nexport class LanguageSwitcherCustomExampleComponent {\n\n availableLanguages?: Array;\n\n constructor(\n private readonly translateService: TranslateService\n ) {\n this.availableLanguages = this.translateService.getLangs().map(lang => ({\n code: lang,\n label: lang,\n ...(lang === 'it' && {label: 'Italiano'}),\n ...(lang === 'en' && {label: 'English'})\n }));\n }\n}"]],template:function(a,l){1&a&&(e._UZ(0,"it-language-switcher-example")(1,"it-source-display",0),e.TgZ(2,"div",1)(3,"p"),e._uU(4,"Puoi aggiungere altre lingue aggiungendo nel tuo "),e.TgZ(5,"span",2),e._uU(6,"app.module.ts"),e.qZA()(),e._UZ(7,"it-source-display",3),e.qZA(),e._UZ(8,"it-language-switcher-custom-example")(9,"it-source-display",4)),2&a&&(e.xp6(7),e.Q6J("typescript",l.typescriptAppModule))},dependencies:[v.F,x,f],encapsulation:2})}return t})();const w=[{path:"",component:(()=>{class t{constructor(){this.component=p.wx.find(i=>"ItLanguageSwitcherComponent"===i.name)}static#e=this.\u0275fac=function(a){return new(a||t)};static#t=this.\u0275cmp=e.Xpm({type:t,selectors:[["it-language-switcher-index"]],decls:11,vars:1,consts:[[1,"bd-title"],[1,"bd-lead"],["label","Esempi","active","true",1,"pt-3"],["label","API",1,"pt-3"],[3,"component"]],template:function(a,l){1&a&&(e.TgZ(0,"h1",0),e._uU(1,"Language Switcher"),e.qZA(),e.TgZ(2,"p",1),e._uU(3,"Per cambiare facilmente la lingua del tuo sito web"),e.qZA(),e.TgZ(4,"it-tab-container")(5,"it-tab-item",2),e._UZ(6,"it-language-switcher-examples"),e.qZA(),e.TgZ(7,"it-tab-item",3)(8,"h3"),e._uU(9,"LanguageSwitcherComponent"),e.qZA(),e._UZ(10,"it-api-parameters",4),e.qZA()()),2&a&&(e.xp6(10),e.Q6J("component",l.component))},dependencies:[m.G,h.U,d.m,Z],encapsulation:2})}return t})()}];let L=(()=>{class t{static#e=this.\u0275fac=function(a){return new(a||t)};static#t=this.\u0275mod=e.oAB({type:t});static#a=this.\u0275inj=e.cJS({imports:[r.Bz.forChild(w),r.Bz]})}return t})(),b=(()=>{class t{static#e=this.\u0275fac=function(a){return new(a||t)};static#t=this.\u0275mod=e.oAB({type:t});static#a=this.\u0275inj=e.cJS({imports:[g.ez,u.m,s.aw,L]})}return t})()}}]);
\ No newline at end of file
diff --git a/2750.f80c9202343a0843.js b/2750.f80c9202343a0843.js
new file mode 100644
index 00000000..ef314f14
--- /dev/null
+++ b/2750.f80c9202343a0843.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdesign_angular_kit_bundle=self.webpackChunkdesign_angular_kit_bundle||[]).push([[2750],{2750:(U,m,o)=>{o.r(m),o.d(m,{IconModule:()=>E});var r=o(6814),d=o(7114),p=o(1640),h=o(7069),e=o(5879),g=o(6099),u=o(528),x=o(6273),f=o(4580),l=o(3016);let v=(()=>{class n{constructor(){this.exampleText=''}static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275cmp=e.Xpm({type:n,selectors:[["it-icon-example"]],decls:2,vars:0,consts:[[1,"bd-example"],["name","tool"]],template:function(i,c){1&i&&(e.TgZ(0,"div",0),e._UZ(1,"it-icon",1),e.qZA())},dependencies:[l.Q],encapsulation:2,changeDetection:0})}return n})(),b=(()=>{class n{static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275cmp=e.Xpm({type:n,selectors:[["it-icon-size-example"]],decls:17,vars:0,consts:[[1,"bd-example"],[1,"d-flex","gap-1","align-items-center"],["name","check-circle","size","xs",1,"bg-light"],["name","check-circle","size","sm",1,"bg-light"],["name","check-circle",1,"bg-light"],["name","check-circle","size","lg",1,"bg-light"],["name","check-circle","size","xl",1,"bg-light"],[1,"mt-5"],["name","check-circle","size","sm","padded","true",1,"bg-light"],["name","check-circle","size","xs","padded","true",1,"bg-light"],["name","check-circle","padded","true",1,"bg-light"],["name","check-circle","size","lg","padded","true",1,"bg-light"],["name","check-circle","size","xl","padded","true",1,"bg-light"]],template:function(i,c){1&i&&(e.TgZ(0,"h3"),e._uU(1,"Dimensioni"),e.qZA(),e.TgZ(2,"div",0)(3,"div",1),e._UZ(4,"it-icon",2)(5,"it-icon",3)(6,"it-icon",4)(7,"it-icon",5)(8,"it-icon",6),e.qZA(),e.TgZ(9,"h3",7),e._uU(10,"Padded"),e.qZA(),e.TgZ(11,"div",1),e._UZ(12,"it-icon",8)(13,"it-icon",9)(14,"it-icon",10)(15,"it-icon",11)(16,"it-icon",12),e.qZA()())},dependencies:[l.Q],encapsulation:2})}return n})();const a=["arrow-down","arrow-down-circle","arrow-down-triangle","arrow-left","arrow-left-circle","arrow-left-triangle","arrow-right","arrow-right-circle","arrow-right-triangle","arrow-up","arrow-up-circle","arrow-up-triangle","ban","bookmark","box","burger","calendar","camera","card","chart-line","check","check-circle","chevron-left","chevron-right","clip","clock","close","close-big","close-circle","comment","copy","delete","download","error","exchange-circle","expand","external-link","flag","folder","fullscreen","funnel","hearing","help","help-circle","horn","inbox","info-circle","key","link","list","locked","logout","mail","mail-open","map-marker","map-marker-circle","map-marker-minus","map-marker-plus","maximize","maximize-alt","minimize","minus","minus-circle","more-actions","more-items","note","pa","password-invisible","password-visible","pencil","piattaforme","pin","plug","plus","plus-circle","presentation","print","refresh","restore","rss","rss-square","search","settings","share","software","star-full","star-outline","telephone","tool","unlocked","upload","user","video","warning","warning-circle","wifi","zoom-in","zoom-out","file","files","file-audio","file-compressed","file-csv","file-json","file-odp","file-ods","file-odt","file-pdf","file-pdf-ext","file-sheet","file-slides","file-ppt","file-txt","file-video","file-xml","behance","facebook","facebook-square","figma","figma-square","flickr","flickr-square","github","instagram","linkedin","linkedin-square","mastodon","mastodon-square","medium","medium-square","moodle","moodle-square","pinterest","pinterest-square","quora","quora-square","reddit","reddit-square","slack","slack-square","snapchat","snapchat-square","stackexchange","stackexchange-square","stackoverflow","stackoverflow-square","telegram","tiktok","tiktok-square","twitter","twitter-square","vimeo","vimeo-square","whatsapp","whatsapp-square","youtube","google","designers-italia","team-digitale"];function k(n,s){if(1&n&&(e.TgZ(0,"h4",5),e._uU(1),e.qZA()),2&n){const t=e.oxw().$implicit;e.xp6(1),e.Oqu(t.name)}}function y(n,s){if(1&n&&(e.TgZ(0,"div",6)(1,"div",7),e._UZ(2,"it-icon",8),e.TgZ(3,"div",9),e._uU(4),e.qZA()()()),2&n){const t=s.$implicit;e.xp6(2),e.Q6J("name",t),e.xp6(2),e.Oqu(t)}}function C(n,s){if(1&n&&(e.ynx(0),e.YNc(1,k,2,1,"h4",2),e.TgZ(2,"div",3),e.YNc(3,y,5,2,"div",4),e.qZA(),e.BQk()),2&n){const t=s.$implicit;e.xp6(1),e.Q6J("ngIf",t.name),e.xp6(2),e.Q6J("ngForOf",t.icons)}}let I=(()=>{class n{constructor(){const t=a.indexOf("file"),i=a.indexOf("behance"),c=a.indexOf("designers-italia");this.iconGroups=[{icons:t>=0?a.slice(0,t):[]},{name:"File",icons:t>=0&&i>=0?a.slice(t,i):[]},{name:"Piattaforme",icons:c>=0&&i>=0?a.slice(i,c):[]},{name:"Extra",icons:c>=0?a.slice(c,a.length):[]}]}static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275cmp=e.Xpm({type:n,selectors:[["it-icon-list-example"]],decls:4,vars:1,consts:[[1,"bd-example"],[4,"ngFor","ngForOf"],["class","mt-4",4,"ngIf"],[1,"row"],["class","col-12 col-md-6 col-lg-4 mt-2",4,"ngFor","ngForOf"],[1,"mt-4"],[1,"col-12","col-md-6","col-lg-4","mt-2"],[1,"d-flex"],[3,"name"],[1,"ms-3"]],template:function(i,c){1&i&&(e.TgZ(0,"h3"),e._uU(1,"Lista delle icone disponibili"),e.qZA(),e.TgZ(2,"div",0),e.YNc(3,C,4,2,"ng-container",1),e.qZA()),2&i&&(e.xp6(3),e.Q6J("ngForOf",c.iconGroups))},dependencies:[r.sg,r.O5,l.Q],encapsulation:2,changeDetection:0})}return n})(),Z=(()=>{class n{static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275cmp=e.Xpm({type:n,selectors:[["it-icon-color-example"]],decls:11,vars:0,consts:[[1,"bd-example"],[1,"d-flex","gap-1","align-items-center"],["name","check-circle","color","primary",1,"bg-light"],["name","check-circle","color","secondary",1,"bg-light"],["name","check-circle","color","success",1,"bg-light"],["name","check-circle","color","warning",1,"bg-light"],["name","check-circle","color","danger",1,"bg-light"],["name","check-circle","color","light",1,"bg-dark"],["name","check-circle","color","white",1,"bg-dark"]],template:function(i,c){1&i&&(e.TgZ(0,"h3"),e._uU(1,"Colori"),e.qZA(),e.TgZ(2,"div",0)(3,"div",1),e._UZ(4,"it-icon",2)(5,"it-icon",3)(6,"it-icon",4)(7,"it-icon",5)(8,"it-icon",6)(9,"it-icon",7)(10,"it-icon",8),e.qZA()())},dependencies:[l.Q],encapsulation:2})}return n})(),A=(()=>{class n{static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275cmp=e.Xpm({type:n,selectors:[["it-icon-alignment-example"]],decls:7,vars:0,consts:[[1,"bd-example"],[2,"line-height","4em"],["name","check-circle","svgClass","bg-light align-bottom",1,"me-2"],["name","check-circle","svgClass","bg-light align-middle",1,"me-2"],["name","check-circle","svgClass","bg-light align-top"]],template:function(i,c){1&i&&(e.TgZ(0,"h3"),e._uU(1,"Allineamenti"),e.qZA(),e.TgZ(2,"div",0)(3,"div",1),e._UZ(4,"it-icon",2)(5,"it-icon",3)(6,"it-icon",4),e.qZA()())},dependencies:[l.Q],encapsulation:2})}return n})(),w=(()=>{class n{static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275cmp=e.Xpm({type:n,selectors:[["it-icon-examples"]],decls:10,vars:0,consts:[["html",'
\n \n
',"typescript","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n selector: 'it-icon-example',\n templateUrl: './icon-example.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class IconExampleComponent {\n exampleText: string = '';\n}"],["html",'
Dimensioni
\n
\n
\n \n \n \n \n \n
\n\n
Padded
\n
\n \n \n \n \n \n
\n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-icon-size-example',\n templateUrl: './icon-size-example.component.html'\n})\nexport class IconSizeExampleComponent {\n\n}"],["html",'
Colori
\n
\n
\n \n \n \n \n \n \n \n
\n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-icon-color-example',\n templateUrl: './icon-color-example.component.html'\n})\nexport class IconColorExampleComponent {\n\n}"],["html",'
Allineamenti
\n
\n
\n \n \n \n
\n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-icon-alignment-example',\n templateUrl: './icon-alignment-example.component.html'\n})\nexport class IconAlignmentExampleComponent {\n\n}"],["html",'
Lista delle icone disponibili
\n
\n \n
/{/{group.name/}/}
\n\n
\n
\n
\n\n \n
/{/{icon/}/}
\n\n
\n
\n
\n \n
',"typescript","import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { IconName, IconNameArray } from 'design-angular-kit/interfaces/icon';\n\n@Component({\n selector: 'it-icon-list-example',\n templateUrl: './icon-list-example.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class IconListExampleComponent {\n\n iconGroups: Array<{ name?: string, icons: Readonly> }>;\n\n constructor() {\n const indexFile = IconNameArray.indexOf('file');\n const indexPlatform = IconNameArray.indexOf('behance');\n const indexExtra = IconNameArray.indexOf('designers-italia');\n\n this.iconGroups = [\n {\n icons: indexFile >= 0 ? IconNameArray.slice(0, indexFile) : []\n },\n {\n name: 'File',\n icons: indexFile >= 0 && indexPlatform >= 0 ? IconNameArray.slice(indexFile, indexPlatform) : []\n },\n {\n name: 'Piattaforme',\n icons: indexExtra >= 0 && indexPlatform >= 0 ? IconNameArray.slice(indexPlatform, indexExtra) : []\n },\n {\n name: 'Extra',\n icons: indexExtra >= 0 ? IconNameArray.slice(indexExtra, IconNameArray.length) : []\n }\n ];\n }\n}"]],template:function(i,c){1&i&&e._UZ(0,"it-icon-example")(1,"it-source-display",0)(2,"it-icon-size-example")(3,"it-source-display",1)(4,"it-icon-color-example")(5,"it-source-display",2)(6,"it-icon-alignment-example")(7,"it-source-display",3)(8,"it-icon-list-example")(9,"it-source-display",4)},dependencies:[g.F,v,b,I,Z,A],encapsulation:2})}return n})();const z=[{path:"",component:(()=>{class n{constructor(){this.hrefLibraryConfig="import {DesignAngularKitModule, DesignAngularKitInit} from 'design-angular-kit';\n \n const initConfig: DesignAngularKitInit = {\n /**\n * The initial path in the `href` attribute in the `IconComponent` component\n * @default './bootstrap-italia/dist/svg/sprites.svg'\n */\n iconHref: 'my-path/svg/sprites.svg',\n };\n \n @NgModule({\n imports: [\n ...\n DesignAngularKitModule.forRoot(initConfig)\n ]\n })",this.component=h.wx.find(t=>"ItIconComponent"===t.name)}static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275cmp=e.Xpm({type:n,selectors:[["it-icon-index"]],decls:16,vars:2,consts:[[1,"bd-title"],[1,"bd-lead"],["label","Esempi","active","true",1,"pt-3"],["label","API",1,"pt-3"],[3,"typescript"],[3,"component"]],template:function(i,c){1&i&&(e.TgZ(0,"h1",0),e._uU(1,"Icone"),e.qZA(),e._UZ(2,"p",1),e.TgZ(3,"it-tab-container")(4,"it-tab-item",2),e._UZ(5,"it-icon-examples"),e.qZA(),e.TgZ(6,"it-tab-item",3)(7,"h3"),e._uU(8,"IconComponent"),e.qZA(),e.TgZ(9,"p"),e._uU(10,"E' possibile configurare il path "),e.TgZ(11,"strong"),e._uU(12,"href"),e.qZA(),e._uU(13," del componente attraverso la configurazione iniziale della libreria."),e.qZA(),e._UZ(14,"it-source-display",4)(15,"it-api-parameters",5),e.qZA()()),2&i&&(e.xp6(14),e.Q6J("typescript",c.hrefLibraryConfig),e.xp6(1),e.Q6J("component",c.component))},dependencies:[g.F,u.G,x.U,f.m,w],encapsulation:2})}return n})()}];let T=(()=>{class n{static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275mod=e.oAB({type:n});static#i=this.\u0275inj=e.cJS({imports:[p.Bz.forChild(z),p.Bz]})}return n})();var q=o(6223);let E=(()=>{class n{static#e=this.\u0275fac=function(i){return new(i||n)};static#n=this.\u0275mod=e.oAB({type:n});static#i=this.\u0275inj=e.cJS({imports:[r.ez,d.m,T,q.u5]})}return n})()}}]);
\ No newline at end of file
diff --git a/289.d04eb2f6d2a26fb7.js b/289.d04eb2f6d2a26fb7.js
deleted file mode 100644
index ca14182c..00000000
--- a/289.d04eb2f6d2a26fb7.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdesign_angular_kit_bundle=self.webpackChunkdesign_angular_kit_bundle||[]).push([[289],{6289:(E,c,d)=>{d.r(c),d.d(c,{TableModule:()=>Q});var Z=d(6814),p=d(7341),h=d(1640),g=d(7069),t=d(2029),m=d(528),u=d(6273),T=d(4580),A=d(6099),i=d(5969),b=d(8790),s=d(6223);let _=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-example"]],decls:60,vars:11,consts:[[1,"bd-example"],[3,"color"],["thead",""],["scope","col"],["tbody",""],["scope","row"],[1,"form-check"],[1,"row"],[1,"form-check","col-5"],["name","selectedColor","label","None",3,"ngModel","value","ngModelChange"],["name","selectedColor","value","primary","label","Primary",3,"ngModel","ngModelChange"],["name","selectedColor","value","secondary","label","Secondary",3,"ngModel","ngModelChange"],[1,"form-check","col-4"],["name","selectedColor","value","success","label","Success",3,"ngModel","ngModelChange"],["name","selectedColor","value","warning","label","Warning",3,"ngModel","ngModelChange"],["name","selectedColor","value","danger","label","Danger",3,"ngModel","ngModelChange"],[1,"form-check","col-3"],["name","selectedColor","value","info","label","Info",3,"ngModel","ngModelChange"],["name","selectedColor","value","light","label","Light",3,"ngModel","ngModelChange"],["name","selectedColor","value","dark","label","Dark",3,"ngModel","ngModelChange"],["href","https://italia.github.io/bootstrap-italia/docs/organizzare-i-contenuti/tabelle/#varianti"]],template:function(n,o){1&n&&(t.TgZ(0,"div",0)(1,"it-table",1),t.ynx(2,2),t.TgZ(3,"tr")(4,"th",3),t._uU(5,"#"),t.qZA(),t.TgZ(6,"th",3),t._uU(7,"Nome"),t.qZA(),t.TgZ(8,"th",3),t._uU(9,"Cognome"),t.qZA(),t.TgZ(10,"th",3),t._uU(11,"Username"),t.qZA()(),t.BQk(),t.ynx(12,4),t.TgZ(13,"tr")(14,"th",5),t._uU(15,"1"),t.qZA(),t.TgZ(16,"td"),t._uU(17,"Mario"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Verdi"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"mario.verdi"),t.qZA()(),t.TgZ(22,"tr")(23,"th",5),t._uU(24,"2"),t.qZA(),t.TgZ(25,"td"),t._uU(26,"Francesco"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Bianchi"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"francesco.bianchi"),t.qZA()(),t.TgZ(31,"tr")(32,"th",5),t._uU(33,"3"),t.qZA(),t.TgZ(34,"td"),t._uU(35,"Alessandro"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Rossi"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA(),t.TgZ(40,"div",6)(41,"h5"),t._uU(42,"Colorazione"),t.qZA(),t.TgZ(43,"div",7)(44,"div",8)(45,"it-radio-button",9),t.NdJ("ngModelChange",function(r){return o.color=r}),t.qZA(),t.TgZ(46,"it-radio-button",10),t.NdJ("ngModelChange",function(r){return o.color=r}),t.qZA(),t.TgZ(47,"it-radio-button",11),t.NdJ("ngModelChange",function(r){return o.color=r}),t.qZA()(),t.TgZ(48,"div",12)(49,"it-radio-button",13),t.NdJ("ngModelChange",function(r){return o.color=r}),t.qZA(),t.TgZ(50,"it-radio-button",14),t.NdJ("ngModelChange",function(r){return o.color=r}),t.qZA(),t.TgZ(51,"it-radio-button",15),t.NdJ("ngModelChange",function(r){return o.color=r}),t.qZA()(),t.TgZ(52,"div",16)(53,"it-radio-button",17),t.NdJ("ngModelChange",function(r){return o.color=r}),t.qZA(),t.TgZ(54,"it-radio-button",18),t.NdJ("ngModelChange",function(r){return o.color=r}),t.qZA(),t.TgZ(55,"it-radio-button",19),t.NdJ("ngModelChange",function(r){return o.color=r}),t.qZA()()()(),t.TgZ(56,"p"),t._uU(57," Per la colorazione su singole righe o celle, fare riferimento alla documentazione "),t.TgZ(58,"a",20),t._uU(59,"Bootstrap Italia"),t.qZA()()()),2&n&&(t.xp6(1),t.Q6J("color",o.color),t.xp6(44),t.Q6J("ngModel",o.color)("value",void 0),t.xp6(1),t.Q6J("ngModel",o.color),t.xp6(1),t.Q6J("ngModel",o.color),t.xp6(2),t.Q6J("ngModel",o.color),t.xp6(1),t.Q6J("ngModel",o.color),t.xp6(1),t.Q6J("ngModel",o.color),t.xp6(2),t.Q6J("ngModel",o.color),t.xp6(1),t.Q6J("ngModel",o.color),t.xp6(1),t.Q6J("ngModel",o.color))},dependencies:[i.A,b.C,s.JJ,s.On],encapsulation:2})}return e})(),U=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-striped-example"]],decls:81,vars:0,consts:[[1,"bd-example"],["striped","true"],["thead",""],["scope","col"],["tbody",""],["scope","row"],["striped","true","color","dark"]],template:function(n,o){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Righe striate"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table",1),t.ynx(4,2),t.TgZ(5,"tr")(6,"th",3),t._uU(7,"#"),t.qZA(),t.TgZ(8,"th",3),t._uU(9,"Nome"),t.qZA(),t.TgZ(10,"th",3),t._uU(11,"Cognome"),t.qZA(),t.TgZ(12,"th",3),t._uU(13,"Username"),t.qZA()(),t.BQk(),t.ynx(14,4),t.TgZ(15,"tr")(16,"th",5),t._uU(17,"1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Mario"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Verdi"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"mario.verdi"),t.qZA()(),t.TgZ(24,"tr")(25,"th",5),t._uU(26,"2"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Francesco"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"Bianchi"),t.qZA(),t.TgZ(31,"td"),t._uU(32,"francesco.bianchi"),t.qZA()(),t.TgZ(33,"tr")(34,"th",5),t._uU(35,"3"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Alessandro"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"Rossi"),t.qZA(),t.TgZ(40,"td"),t._uU(41,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA(),t.TgZ(42,"it-table",6),t.ynx(43,2),t.TgZ(44,"tr")(45,"th",3),t._uU(46,"#"),t.qZA(),t.TgZ(47,"th",3),t._uU(48,"Nome"),t.qZA(),t.TgZ(49,"th",3),t._uU(50,"Cognome"),t.qZA(),t.TgZ(51,"th",3),t._uU(52,"Username"),t.qZA()(),t.BQk(),t.ynx(53,4),t.TgZ(54,"tr")(55,"th",5),t._uU(56,"1"),t.qZA(),t.TgZ(57,"td"),t._uU(58,"Mario"),t.qZA(),t.TgZ(59,"td"),t._uU(60,"Verdi"),t.qZA(),t.TgZ(61,"td"),t._uU(62,"mario.verdi"),t.qZA()(),t.TgZ(63,"tr")(64,"th",5),t._uU(65,"2"),t.qZA(),t.TgZ(66,"td"),t._uU(67,"Francesco"),t.qZA(),t.TgZ(68,"td"),t._uU(69,"Bianchi"),t.qZA(),t.TgZ(70,"td"),t._uU(71,"francesco.bianchi"),t.qZA()(),t.TgZ(72,"tr")(73,"th",5),t._uU(74,"3"),t.qZA(),t.TgZ(75,"td"),t._uU(76,"Alessandro"),t.qZA(),t.TgZ(77,"td"),t._uU(78,"Rossi"),t.qZA(),t.TgZ(79,"td"),t._uU(80,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA()())},dependencies:[i.A],encapsulation:2})}return e})(),q=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-hover-example"]],decls:81,vars:0,consts:[[1,"bd-example"],["hover","true"],["thead",""],["scope","col"],["tbody",""],["scope","row"],["hover","true","striped","true"]],template:function(n,o){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Righe ed hover"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table",1),t.ynx(4,2),t.TgZ(5,"tr")(6,"th",3),t._uU(7,"#"),t.qZA(),t.TgZ(8,"th",3),t._uU(9,"Nome"),t.qZA(),t.TgZ(10,"th",3),t._uU(11,"Cognome"),t.qZA(),t.TgZ(12,"th",3),t._uU(13,"Username"),t.qZA()(),t.BQk(),t.ynx(14,4),t.TgZ(15,"tr")(16,"th",5),t._uU(17,"1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Mario"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Verdi"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"mario.verdi"),t.qZA()(),t.TgZ(24,"tr")(25,"th",5),t._uU(26,"2"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Francesco"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"Bianchi"),t.qZA(),t.TgZ(31,"td"),t._uU(32,"francesco.bianchi"),t.qZA()(),t.TgZ(33,"tr")(34,"th",5),t._uU(35,"3"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Alessandro"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"Rossi"),t.qZA(),t.TgZ(40,"td"),t._uU(41,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA(),t.TgZ(42,"it-table",6),t.ynx(43,2),t.TgZ(44,"tr")(45,"th",3),t._uU(46,"#"),t.qZA(),t.TgZ(47,"th",3),t._uU(48,"Nome"),t.qZA(),t.TgZ(49,"th",3),t._uU(50,"Cognome"),t.qZA(),t.TgZ(51,"th",3),t._uU(52,"Username"),t.qZA()(),t.BQk(),t.ynx(53,4),t.TgZ(54,"tr")(55,"th",5),t._uU(56,"1"),t.qZA(),t.TgZ(57,"td"),t._uU(58,"Mario"),t.qZA(),t.TgZ(59,"td"),t._uU(60,"Verdi"),t.qZA(),t.TgZ(61,"td"),t._uU(62,"mario.verdi"),t.qZA()(),t.TgZ(63,"tr")(64,"th",5),t._uU(65,"2"),t.qZA(),t.TgZ(66,"td"),t._uU(67,"Francesco"),t.qZA(),t.TgZ(68,"td"),t._uU(69,"Bianchi"),t.qZA(),t.TgZ(70,"td"),t._uU(71,"francesco.bianchi"),t.qZA()(),t.TgZ(72,"tr")(73,"th",5),t._uU(74,"3"),t.qZA(),t.TgZ(75,"td"),t._uU(76,"Alessandro"),t.qZA(),t.TgZ(77,"td"),t._uU(78,"Rossi"),t.qZA(),t.TgZ(79,"td"),t._uU(80,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA()())},dependencies:[i.A],encapsulation:2})}return e})(),C=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-bordered-example"]],decls:42,vars:0,consts:[[1,"bd-example"],["bordered","true"],["thead",""],["scope","col"],["tbody",""],["scope","row"]],template:function(n,o){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Tabella con bordi"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table",1),t.ynx(4,2),t.TgZ(5,"tr")(6,"th",3),t._uU(7,"#"),t.qZA(),t.TgZ(8,"th",3),t._uU(9,"Nome"),t.qZA(),t.TgZ(10,"th",3),t._uU(11,"Cognome"),t.qZA(),t.TgZ(12,"th",3),t._uU(13,"Username"),t.qZA()(),t.BQk(),t.ynx(14,4),t.TgZ(15,"tr")(16,"th",5),t._uU(17,"1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Mario"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Verdi"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"mario.verdi"),t.qZA()(),t.TgZ(24,"tr")(25,"th",5),t._uU(26,"2"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Francesco"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"Bianchi"),t.qZA(),t.TgZ(31,"td"),t._uU(32,"francesco.bianchi"),t.qZA()(),t.TgZ(33,"tr")(34,"th",5),t._uU(35,"3"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Alessandro"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"Rossi"),t.qZA(),t.TgZ(40,"td"),t._uU(41,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA()())},dependencies:[i.A],encapsulation:2})}return e})(),x=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-borderless-example"]],decls:81,vars:0,consts:[[1,"bd-example"],["borderless","true"],["thead",""],["scope","col"],["tbody",""],["scope","row"],["borderless","true","color","dark"]],template:function(n,o){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Tabella senza bordi"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table",1),t.ynx(4,2),t.TgZ(5,"tr")(6,"th",3),t._uU(7,"#"),t.qZA(),t.TgZ(8,"th",3),t._uU(9,"Nome"),t.qZA(),t.TgZ(10,"th",3),t._uU(11,"Cognome"),t.qZA(),t.TgZ(12,"th",3),t._uU(13,"Username"),t.qZA()(),t.BQk(),t.ynx(14,4),t.TgZ(15,"tr")(16,"th",5),t._uU(17,"1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Mario"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Verdi"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"mario.verdi"),t.qZA()(),t.TgZ(24,"tr")(25,"th",5),t._uU(26,"2"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Francesco"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"Bianchi"),t.qZA(),t.TgZ(31,"td"),t._uU(32,"francesco.bianchi"),t.qZA()(),t.TgZ(33,"tr")(34,"th",5),t._uU(35,"3"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Alessandro"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"Rossi"),t.qZA(),t.TgZ(40,"td"),t._uU(41,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA(),t.TgZ(42,"it-table",6),t.ynx(43,2),t.TgZ(44,"tr")(45,"th",3),t._uU(46,"#"),t.qZA(),t.TgZ(47,"th",3),t._uU(48,"Nome"),t.qZA(),t.TgZ(49,"th",3),t._uU(50,"Cognome"),t.qZA(),t.TgZ(51,"th",3),t._uU(52,"Username"),t.qZA()(),t.BQk(),t.ynx(53,4),t.TgZ(54,"tr")(55,"th",5),t._uU(56,"1"),t.qZA(),t.TgZ(57,"td"),t._uU(58,"Mario"),t.qZA(),t.TgZ(59,"td"),t._uU(60,"Verdi"),t.qZA(),t.TgZ(61,"td"),t._uU(62,"mario.verdi"),t.qZA()(),t.TgZ(63,"tr")(64,"th",5),t._uU(65,"2"),t.qZA(),t.TgZ(66,"td"),t._uU(67,"Francesco"),t.qZA(),t.TgZ(68,"td"),t._uU(69,"Bianchi"),t.qZA(),t.TgZ(70,"td"),t._uU(71,"francesco.bianchi"),t.qZA()(),t.TgZ(72,"tr")(73,"th",5),t._uU(74,"3"),t.qZA(),t.TgZ(75,"td"),t._uU(76,"Alessandro"),t.qZA(),t.TgZ(77,"td"),t._uU(78,"Rossi"),t.qZA(),t.TgZ(79,"td"),t._uU(80,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA()())},dependencies:[i.A],encapsulation:2})}return e})(),v=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-compact-example"]],decls:42,vars:0,consts:[[1,"bd-example"],["compact","true"],["thead",""],["scope","col"],["tbody",""],["scope","row"]],template:function(n,o){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Tabella compatta"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table",1),t.ynx(4,2),t.TgZ(5,"tr")(6,"th",3),t._uU(7,"#"),t.qZA(),t.TgZ(8,"th",3),t._uU(9,"Nome"),t.qZA(),t.TgZ(10,"th",3),t._uU(11,"Cognome"),t.qZA(),t.TgZ(12,"th",3),t._uU(13,"Username"),t.qZA()(),t.BQk(),t.ynx(14,4),t.TgZ(15,"tr")(16,"th",5),t._uU(17,"1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Mario"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Verdi"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"mario.verdi"),t.qZA()(),t.TgZ(24,"tr")(25,"th",5),t._uU(26,"2"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Francesco"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"Bianchi"),t.qZA(),t.TgZ(31,"td"),t._uU(32,"francesco.bianchi"),t.qZA()(),t.TgZ(33,"tr")(34,"th",5),t._uU(35,"3"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Alessandro"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"Rossi"),t.qZA(),t.TgZ(40,"td"),t._uU(41,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA()())},dependencies:[i.A],encapsulation:2})}return e})(),f=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-alignment-example"]],decls:24,vars:0,consts:[[1,"bd-example"],["alignment","align-middle"],["thead",""],["scope","col",1,"w-25"],["tbody",""]],template:function(n,o){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Allineamento verticale"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table",1),t.ynx(4,2),t.TgZ(5,"tr")(6,"th",3),t._uU(7,"Intestazione 1"),t.qZA(),t.TgZ(8,"th",3),t._uU(9,"Intestazione 2"),t.qZA(),t.TgZ(10,"th",3),t._uU(11,"Intestazione 3"),t.qZA(),t.TgZ(12,"th",3),t._uU(13,"Intestazione 4"),t.qZA()(),t.BQk(),t.ynx(14,4),t.TgZ(15,"tr")(16,"td"),t._uU(17,"Valore 1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Valore 2"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Valore 3"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"This here is some placeholder text, intended to take up quite a bit of vertical space, to demonstrate how the vertical alignment works in the preceding cells."),t.qZA()(),t.BQk(),t.qZA()())},dependencies:[i.A],encapsulation:2})}return e})(),y=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-header-example"]],decls:81,vars:0,consts:[[1,"bd-example"],["headColor","dark"],["thead",""],["scope","col"],["tbody",""],["scope","row"],["headColor","light"]],template:function(n,o){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Intestazione"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table",1),t.ynx(4,2),t.TgZ(5,"tr")(6,"th",3),t._uU(7,"#"),t.qZA(),t.TgZ(8,"th",3),t._uU(9,"Nome"),t.qZA(),t.TgZ(10,"th",3),t._uU(11,"Cognome"),t.qZA(),t.TgZ(12,"th",3),t._uU(13,"Username"),t.qZA()(),t.BQk(),t.ynx(14,4),t.TgZ(15,"tr")(16,"th",5),t._uU(17,"1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Mario"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Verdi"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"mario.verdi"),t.qZA()(),t.TgZ(24,"tr")(25,"th",5),t._uU(26,"2"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Francesco"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"Bianchi"),t.qZA(),t.TgZ(31,"td"),t._uU(32,"francesco.bianchi"),t.qZA()(),t.TgZ(33,"tr")(34,"th",5),t._uU(35,"3"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Alessandro"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"Rossi"),t.qZA(),t.TgZ(40,"td"),t._uU(41,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA(),t.TgZ(42,"it-table",6),t.ynx(43,2),t.TgZ(44,"tr")(45,"th",3),t._uU(46,"#"),t.qZA(),t.TgZ(47,"th",3),t._uU(48,"Nome"),t.qZA(),t.TgZ(49,"th",3),t._uU(50,"Cognome"),t.qZA(),t.TgZ(51,"th",3),t._uU(52,"Username"),t.qZA()(),t.BQk(),t.ynx(53,4),t.TgZ(54,"tr")(55,"th",5),t._uU(56,"1"),t.qZA(),t.TgZ(57,"td"),t._uU(58,"Mario"),t.qZA(),t.TgZ(59,"td"),t._uU(60,"Verdi"),t.qZA(),t.TgZ(61,"td"),t._uU(62,"mario.verdi"),t.qZA()(),t.TgZ(63,"tr")(64,"th",5),t._uU(65,"2"),t.qZA(),t.TgZ(66,"td"),t._uU(67,"Francesco"),t.qZA(),t.TgZ(68,"td"),t._uU(69,"Bianchi"),t.qZA(),t.TgZ(70,"td"),t._uU(71,"francesco.bianchi"),t.qZA()(),t.TgZ(72,"tr")(73,"th",5),t._uU(74,"3"),t.qZA(),t.TgZ(75,"td"),t._uU(76,"Alessandro"),t.qZA(),t.TgZ(77,"td"),t._uU(78,"Rossi"),t.qZA(),t.TgZ(79,"td"),t._uU(80,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA()())},dependencies:[i.A],encapsulation:2})}return e})(),M=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-footer-example"]],decls:52,vars:0,consts:[[1,"bd-example"],["thead",""],["scope","col"],["tbody",""],["scope","row"],["tfoot",""]],template:function(n,o){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Footer"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table"),t.ynx(4,1),t.TgZ(5,"tr")(6,"th",2),t._uU(7,"#"),t.qZA(),t.TgZ(8,"th",2),t._uU(9,"Nome"),t.qZA(),t.TgZ(10,"th",2),t._uU(11,"Cognome"),t.qZA(),t.TgZ(12,"th",2),t._uU(13,"Username"),t.qZA()(),t.BQk(),t.ynx(14,3),t.TgZ(15,"tr")(16,"th",4),t._uU(17,"1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Mario"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Verdi"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"mario.verdi"),t.qZA()(),t.TgZ(24,"tr")(25,"th",4),t._uU(26,"2"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Francesco"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"Bianchi"),t.qZA(),t.TgZ(31,"td"),t._uU(32,"francesco.bianchi"),t.qZA()(),t.TgZ(33,"tr")(34,"th",4),t._uU(35,"3"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Alessandro"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"Rossi"),t.qZA(),t.TgZ(40,"td"),t._uU(41,"alessandro.rossi"),t.qZA()(),t.BQk(),t.ynx(42,5),t.TgZ(43,"tr")(44,"td"),t._uU(45,"Footer"),t.qZA(),t.TgZ(46,"td"),t._uU(47,"Footer"),t.qZA(),t.TgZ(48,"td"),t._uU(49,"Footer"),t.qZA(),t.TgZ(50,"td"),t._uU(51,"Footer"),t.qZA()(),t.BQk(),t.qZA()())},dependencies:[i.A],encapsulation:2})}return e})(),B=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-caption-example"]],decls:85,vars:0,consts:[[1,"bd-example"],["compact","true"],["thead",""],["scope","col"],["tbody",""],["scope","row"],["caption",""],["compact","true","captionTop","true"]],template:function(n,o){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Caption"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table",1),t.ynx(4,2),t.TgZ(5,"tr")(6,"th",3),t._uU(7,"#"),t.qZA(),t.TgZ(8,"th",3),t._uU(9,"Nome"),t.qZA(),t.TgZ(10,"th",3),t._uU(11,"Cognome"),t.qZA(),t.TgZ(12,"th",3),t._uU(13,"Username"),t.qZA()(),t.BQk(),t.ynx(14,4),t.TgZ(15,"tr")(16,"th",5),t._uU(17,"1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Mario"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Verdi"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"mario.verdi"),t.qZA()(),t.TgZ(24,"tr")(25,"th",5),t._uU(26,"2"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Francesco"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"Bianchi"),t.qZA(),t.TgZ(31,"td"),t._uU(32,"francesco.bianchi"),t.qZA()(),t.TgZ(33,"tr")(34,"th",5),t._uU(35,"3"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Alessandro"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"Rossi"),t.qZA(),t.TgZ(40,"td"),t._uU(41,"alessandro.rossi"),t.qZA()(),t.BQk(),t.ynx(42,6),t._uU(43,"Lista degli utenti"),t.BQk(),t.qZA(),t.TgZ(44,"it-table",7),t.ynx(45,2),t.TgZ(46,"tr")(47,"th",3),t._uU(48,"#"),t.qZA(),t.TgZ(49,"th",3),t._uU(50,"Nome"),t.qZA(),t.TgZ(51,"th",3),t._uU(52,"Cognome"),t.qZA(),t.TgZ(53,"th",3),t._uU(54,"Username"),t.qZA()(),t.BQk(),t.ynx(55,4),t.TgZ(56,"tr")(57,"th",5),t._uU(58,"1"),t.qZA(),t.TgZ(59,"td"),t._uU(60,"Mario"),t.qZA(),t.TgZ(61,"td"),t._uU(62,"Verdi"),t.qZA(),t.TgZ(63,"td"),t._uU(64,"mario.verdi"),t.qZA()(),t.TgZ(65,"tr")(66,"th",5),t._uU(67,"2"),t.qZA(),t.TgZ(68,"td"),t._uU(69,"Francesco"),t.qZA(),t.TgZ(70,"td"),t._uU(71,"Bianchi"),t.qZA(),t.TgZ(72,"td"),t._uU(73,"francesco.bianchi"),t.qZA()(),t.TgZ(74,"tr")(75,"th",5),t._uU(76,"3"),t.qZA(),t.TgZ(77,"td"),t._uU(78,"Alessandro"),t.qZA(),t.TgZ(79,"td"),t._uU(80,"Rossi"),t.qZA(),t.TgZ(81,"td"),t._uU(82,"alessandro.rossi"),t.qZA()(),t.BQk(),t.ynx(83,6),t._uU(84,"Lista degli utenti"),t.BQk(),t.qZA()())},dependencies:[i.A]})}return e})(),w=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-examples"]],decls:20,vars:0,consts:[["html",'
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n\n
\n
Colorazione
\n
\n
\n \n \n \n
\n
\n \n \n \n
\n
\n \n \n \n
\n
\n
\n\n
\n Per la colorazione su singole righe o celle, fare riferimento alla documentazione Bootstrap Italia\n
\n
',"typescript","import { Component } from '@angular/core';\nimport { TableColor } from '../../../../projects/design-angular-kit/src/lib/interfaces/core';\n\n@Component({\n selector: 'it-table-example',\n templateUrl: './table-example.component.html'\n})\nexport class TableExampleComponent {\n\n color?: TableColor;\n\n}"],["html",'
Righe striate
\n
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n\n\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-striped-example',\n templateUrl: './table-striped-example.component.html'\n})\nexport class TableStripedExampleComponent {\n\n}"],["html",'
Righe ed hover
\n
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n\n\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-hover-example',\n templateUrl: './table-hover-example.component.html'\n})\nexport class TableHoverExampleComponent {\n\n}"],["html",'
Tabella con bordi
\n
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n\n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-bordered-example',\n templateUrl: './table-bordered-example.component.html'\n})\nexport class TableBorderedExampleComponent {\n\n}"],["html",'
Tabella senza bordi
\n
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-borderless-example',\n templateUrl: './table-borderless-example.component.html'\n})\nexport class TableBorderlessExampleComponent {\n\n}"],["html",'
Tabella compatta
\n
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n\n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-compact-example',\n templateUrl: './table-compact-example.component.html'\n})\nexport class TableCompactExampleComponent {\n\n}"],["html",'
Allineamento verticale
\n
\n \n \n
\n
Intestazione 1
\n
Intestazione 2
\n
Intestazione 3
\n
Intestazione 4
\n
\n \n\n \n
\n
Valore 1
\n
Valore 2
\n
Valore 3
\n
This here is some placeholder text, intended to take up quite a bit of vertical space, to demonstrate how the vertical alignment works in the preceding cells.
\n
\n \n \n\n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-alignment-example',\n templateUrl: './table-alignment-example.component.html'\n})\nexport class TableAlignmentExampleComponent {\n}"],["html",'
Intestazione
\n
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-header-example',\n templateUrl: './table-header-example.component.html'\n})\nexport class TableHeaderExampleComponent {\n\n}"],["html",'
Footer
\n
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n\n \n
\n
Footer
\n
Footer
\n
Footer
\n
Footer
\n
\n \n \n\n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-footer-example',\n templateUrl: './table-footer-example.component.html'\n})\nexport class TableFooterExampleComponent {\n\n}"],["html",'
Caption
\n
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n\n Lista degli utenti\n \n\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n\n Lista degli utenti\n \n\n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-caption-example',\n templateUrl: './table-caption-example.component.html',\n styleUrls: ['./table-caption-example.component.scss']\n})\nexport class TableCaptionExampleComponent {\n\n}"]],template:function(n,o){1&n&&t._UZ(0,"it-table-example")(1,"it-source-display",0)(2,"it-table-striped-example")(3,"it-source-display",1)(4,"it-table-hover-example")(5,"it-source-display",2)(6,"it-table-bordered-example")(7,"it-source-display",3)(8,"it-table-borderless-example")(9,"it-source-display",4)(10,"it-table-compact-example")(11,"it-source-display",5)(12,"it-table-alignment-example")(13,"it-source-display",6)(14,"it-table-header-example")(15,"it-source-display",7)(16,"it-table-footer-example")(17,"it-source-display",8)(18,"it-table-caption-example")(19,"it-source-display",9)},dependencies:[A.F,_,U,q,C,x,v,f,y,M,B],encapsulation:2})}return e})();const F=[{path:"",component:(()=>{class e{constructor(){this.component=g.wx.find(a=>"ItTableComponent"===a.name)}static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-index"]],decls:11,vars:1,consts:[[1,"bd-title"],[1,"bd-lead"],["label","Esempi","active","true",1,"pt-3"],["label","API",1,"pt-3"],[3,"component"]],template:function(n,o){1&n&&(t.TgZ(0,"h1",0),t._uU(1,"Tabelle"),t.qZA(),t.TgZ(2,"p",1),t._uU(3,"Documentazione ed esempi per lo stile delle tabelle."),t.qZA(),t.TgZ(4,"it-tab-container")(5,"it-tab-item",2),t._UZ(6,"it-table-examples"),t.qZA(),t.TgZ(7,"it-tab-item",3)(8,"h3"),t._uU(9,"TableComponent"),t.qZA(),t._UZ(10,"it-api-parameters",4),t.qZA()()),2&n&&(t.xp6(10),t.Q6J("component",o.component))},dependencies:[m.G,u.U,T.m,w],encapsulation:2})}return e})()}];let k=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275mod=t.oAB({type:e});static#n=this.\u0275inj=t.cJS({imports:[h.Bz.forChild(F),h.Bz]})}return e})(),Q=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275mod=t.oAB({type:e});static#n=this.\u0275inj=t.cJS({imports:[Z.ez,p.m,k,s.u5]})}return e})()}}]);
\ No newline at end of file
diff --git a/3193.4e8dda3a89570837.js b/3193.4e8dda3a89570837.js
new file mode 100644
index 00000000..a676a9a7
--- /dev/null
+++ b/3193.4e8dda3a89570837.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdesign_angular_kit_bundle=self.webpackChunkdesign_angular_kit_bundle||[]).push([[3193],{3193:(j,p,r)=>{r.r(p),r.d(p,{TableModule:()=>$});var c=r(6814),Z=r(7114),h=r(1640),u=r(7069),t=r(5879),T=r(528),b=r(6273),A=r(4580),_=r(6099),l=r(5969),U=r(6040),m=r(4021),q=r(8790),g=r(6223);let f=(()=>{class e{sortData(o){throw console.log(`active: ${o.active}, direction: ${o.direction}`),new Error("Method not implemented.")}static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-example"]],decls:60,vars:12,consts:[[1,"bd-example"],["itSort","",3,"color","sortChange"],["thead",""],["scope","col"],["it-sort-header","name","scope","col"],["it-sort-header","surname","scope","col"],["it-sort-header","username","scope","col",3,"arrowPosition"],["tbody",""],["scope","row"],[1,"form-check"],[1,"row"],[1,"form-check","col-5"],["name","selectedColor","label","None",3,"ngModel","value","ngModelChange"],["name","selectedColor","value","primary","label","Primary",3,"ngModel","ngModelChange"],["name","selectedColor","value","secondary","label","Secondary",3,"ngModel","ngModelChange"],[1,"form-check","col-4"],["name","selectedColor","value","success","label","Success",3,"ngModel","ngModelChange"],["name","selectedColor","value","warning","label","Warning",3,"ngModel","ngModelChange"],["name","selectedColor","value","danger","label","Danger",3,"ngModel","ngModelChange"],[1,"form-check","col-3"],["name","selectedColor","value","info","label","Info",3,"ngModel","ngModelChange"],["name","selectedColor","value","light","label","Light",3,"ngModel","ngModelChange"],["name","selectedColor","value","dark","label","Dark",3,"ngModel","ngModelChange"],["href","https://italia.github.io/bootstrap-italia/docs/organizzare-i-contenuti/tabelle/#varianti"]],template:function(n,a){1&n&&(t.TgZ(0,"div",0)(1,"it-table",1),t.NdJ("sortChange",function(i){return a.sortData(i)}),t.ynx(2,2),t.TgZ(3,"tr")(4,"th",3),t._uU(5,"#"),t.qZA(),t.TgZ(6,"th",4),t._uU(7,"Nome"),t.qZA(),t.TgZ(8,"th",5),t._uU(9,"Cognome"),t.qZA(),t.TgZ(10,"th",6),t._uU(11,"Username"),t.qZA()(),t.BQk(),t.ynx(12,7),t.TgZ(13,"tr")(14,"th",8),t._uU(15,"1"),t.qZA(),t.TgZ(16,"td"),t._uU(17,"Mario"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Verdi"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"mario.verdi"),t.qZA()(),t.TgZ(22,"tr")(23,"th",8),t._uU(24,"2"),t.qZA(),t.TgZ(25,"td"),t._uU(26,"Francesco"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Bianchi"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"francesco.bianchi"),t.qZA()(),t.TgZ(31,"tr")(32,"th",8),t._uU(33,"3"),t.qZA(),t.TgZ(34,"td"),t._uU(35,"Alessandro"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Rossi"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA(),t.TgZ(40,"div",9)(41,"h5"),t._uU(42,"Colorazione"),t.qZA(),t.TgZ(43,"div",10)(44,"div",11)(45,"it-radio-button",12),t.NdJ("ngModelChange",function(i){return a.color=i}),t.qZA(),t.TgZ(46,"it-radio-button",13),t.NdJ("ngModelChange",function(i){return a.color=i}),t.qZA(),t.TgZ(47,"it-radio-button",14),t.NdJ("ngModelChange",function(i){return a.color=i}),t.qZA()(),t.TgZ(48,"div",15)(49,"it-radio-button",16),t.NdJ("ngModelChange",function(i){return a.color=i}),t.qZA(),t.TgZ(50,"it-radio-button",17),t.NdJ("ngModelChange",function(i){return a.color=i}),t.qZA(),t.TgZ(51,"it-radio-button",18),t.NdJ("ngModelChange",function(i){return a.color=i}),t.qZA()(),t.TgZ(52,"div",19)(53,"it-radio-button",20),t.NdJ("ngModelChange",function(i){return a.color=i}),t.qZA(),t.TgZ(54,"it-radio-button",21),t.NdJ("ngModelChange",function(i){return a.color=i}),t.qZA(),t.TgZ(55,"it-radio-button",22),t.NdJ("ngModelChange",function(i){return a.color=i}),t.qZA()()()(),t.TgZ(56,"p"),t._uU(57," Per la colorazione su singole righe o celle, fare riferimento alla documentazione "),t.TgZ(58,"a",23),t._uU(59,"Bootstrap Italia"),t.qZA()()()),2&n&&(t.xp6(1),t.Q6J("color",a.color),t.xp6(9),t.Q6J("arrowPosition","before"),t.xp6(35),t.Q6J("ngModel",a.color)("value",void 0),t.xp6(1),t.Q6J("ngModel",a.color),t.xp6(1),t.Q6J("ngModel",a.color),t.xp6(2),t.Q6J("ngModel",a.color),t.xp6(1),t.Q6J("ngModel",a.color),t.xp6(1),t.Q6J("ngModel",a.color),t.xp6(2),t.Q6J("ngModel",a.color),t.xp6(1),t.Q6J("ngModel",a.color),t.xp6(1),t.Q6J("ngModel",a.color))},dependencies:[l.A,U.U,m.A,q.C,g.JJ,g.On],encapsulation:2})}return e})(),v=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-striped-example"]],decls:81,vars:0,consts:[[1,"bd-example"],["striped","true"],["thead",""],["scope","col"],["tbody",""],["scope","row"],["striped","true","color","dark"]],template:function(n,a){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Righe striate"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table",1),t.ynx(4,2),t.TgZ(5,"tr")(6,"th",3),t._uU(7,"#"),t.qZA(),t.TgZ(8,"th",3),t._uU(9,"Nome"),t.qZA(),t.TgZ(10,"th",3),t._uU(11,"Cognome"),t.qZA(),t.TgZ(12,"th",3),t._uU(13,"Username"),t.qZA()(),t.BQk(),t.ynx(14,4),t.TgZ(15,"tr")(16,"th",5),t._uU(17,"1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Mario"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Verdi"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"mario.verdi"),t.qZA()(),t.TgZ(24,"tr")(25,"th",5),t._uU(26,"2"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Francesco"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"Bianchi"),t.qZA(),t.TgZ(31,"td"),t._uU(32,"francesco.bianchi"),t.qZA()(),t.TgZ(33,"tr")(34,"th",5),t._uU(35,"3"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Alessandro"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"Rossi"),t.qZA(),t.TgZ(40,"td"),t._uU(41,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA(),t.TgZ(42,"it-table",6),t.ynx(43,2),t.TgZ(44,"tr")(45,"th",3),t._uU(46,"#"),t.qZA(),t.TgZ(47,"th",3),t._uU(48,"Nome"),t.qZA(),t.TgZ(49,"th",3),t._uU(50,"Cognome"),t.qZA(),t.TgZ(51,"th",3),t._uU(52,"Username"),t.qZA()(),t.BQk(),t.ynx(53,4),t.TgZ(54,"tr")(55,"th",5),t._uU(56,"1"),t.qZA(),t.TgZ(57,"td"),t._uU(58,"Mario"),t.qZA(),t.TgZ(59,"td"),t._uU(60,"Verdi"),t.qZA(),t.TgZ(61,"td"),t._uU(62,"mario.verdi"),t.qZA()(),t.TgZ(63,"tr")(64,"th",5),t._uU(65,"2"),t.qZA(),t.TgZ(66,"td"),t._uU(67,"Francesco"),t.qZA(),t.TgZ(68,"td"),t._uU(69,"Bianchi"),t.qZA(),t.TgZ(70,"td"),t._uU(71,"francesco.bianchi"),t.qZA()(),t.TgZ(72,"tr")(73,"th",5),t._uU(74,"3"),t.qZA(),t.TgZ(75,"td"),t._uU(76,"Alessandro"),t.qZA(),t.TgZ(77,"td"),t._uU(78,"Rossi"),t.qZA(),t.TgZ(79,"td"),t._uU(80,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA()())},dependencies:[l.A],encapsulation:2})}return e})(),x=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-hover-example"]],decls:81,vars:0,consts:[[1,"bd-example"],["hover","true"],["thead",""],["scope","col"],["tbody",""],["scope","row"],["hover","true","striped","true"]],template:function(n,a){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Righe ed hover"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table",1),t.ynx(4,2),t.TgZ(5,"tr")(6,"th",3),t._uU(7,"#"),t.qZA(),t.TgZ(8,"th",3),t._uU(9,"Nome"),t.qZA(),t.TgZ(10,"th",3),t._uU(11,"Cognome"),t.qZA(),t.TgZ(12,"th",3),t._uU(13,"Username"),t.qZA()(),t.BQk(),t.ynx(14,4),t.TgZ(15,"tr")(16,"th",5),t._uU(17,"1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Mario"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Verdi"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"mario.verdi"),t.qZA()(),t.TgZ(24,"tr")(25,"th",5),t._uU(26,"2"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Francesco"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"Bianchi"),t.qZA(),t.TgZ(31,"td"),t._uU(32,"francesco.bianchi"),t.qZA()(),t.TgZ(33,"tr")(34,"th",5),t._uU(35,"3"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Alessandro"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"Rossi"),t.qZA(),t.TgZ(40,"td"),t._uU(41,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA(),t.TgZ(42,"it-table",6),t.ynx(43,2),t.TgZ(44,"tr")(45,"th",3),t._uU(46,"#"),t.qZA(),t.TgZ(47,"th",3),t._uU(48,"Nome"),t.qZA(),t.TgZ(49,"th",3),t._uU(50,"Cognome"),t.qZA(),t.TgZ(51,"th",3),t._uU(52,"Username"),t.qZA()(),t.BQk(),t.ynx(53,4),t.TgZ(54,"tr")(55,"th",5),t._uU(56,"1"),t.qZA(),t.TgZ(57,"td"),t._uU(58,"Mario"),t.qZA(),t.TgZ(59,"td"),t._uU(60,"Verdi"),t.qZA(),t.TgZ(61,"td"),t._uU(62,"mario.verdi"),t.qZA()(),t.TgZ(63,"tr")(64,"th",5),t._uU(65,"2"),t.qZA(),t.TgZ(66,"td"),t._uU(67,"Francesco"),t.qZA(),t.TgZ(68,"td"),t._uU(69,"Bianchi"),t.qZA(),t.TgZ(70,"td"),t._uU(71,"francesco.bianchi"),t.qZA()(),t.TgZ(72,"tr")(73,"th",5),t._uU(74,"3"),t.qZA(),t.TgZ(75,"td"),t._uU(76,"Alessandro"),t.qZA(),t.TgZ(77,"td"),t._uU(78,"Rossi"),t.qZA(),t.TgZ(79,"td"),t._uU(80,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA()())},dependencies:[l.A],encapsulation:2})}return e})(),C=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-bordered-example"]],decls:42,vars:0,consts:[[1,"bd-example"],["bordered","true"],["thead",""],["scope","col"],["tbody",""],["scope","row"]],template:function(n,a){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Tabella con bordi"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table",1),t.ynx(4,2),t.TgZ(5,"tr")(6,"th",3),t._uU(7,"#"),t.qZA(),t.TgZ(8,"th",3),t._uU(9,"Nome"),t.qZA(),t.TgZ(10,"th",3),t._uU(11,"Cognome"),t.qZA(),t.TgZ(12,"th",3),t._uU(13,"Username"),t.qZA()(),t.BQk(),t.ynx(14,4),t.TgZ(15,"tr")(16,"th",5),t._uU(17,"1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Mario"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Verdi"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"mario.verdi"),t.qZA()(),t.TgZ(24,"tr")(25,"th",5),t._uU(26,"2"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Francesco"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"Bianchi"),t.qZA(),t.TgZ(31,"td"),t._uU(32,"francesco.bianchi"),t.qZA()(),t.TgZ(33,"tr")(34,"th",5),t._uU(35,"3"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Alessandro"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"Rossi"),t.qZA(),t.TgZ(40,"td"),t._uU(41,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA()())},dependencies:[l.A],encapsulation:2})}return e})(),y=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-borderless-example"]],decls:81,vars:0,consts:[[1,"bd-example"],["borderless","true"],["thead",""],["scope","col"],["tbody",""],["scope","row"],["borderless","true","color","dark"]],template:function(n,a){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Tabella senza bordi"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table",1),t.ynx(4,2),t.TgZ(5,"tr")(6,"th",3),t._uU(7,"#"),t.qZA(),t.TgZ(8,"th",3),t._uU(9,"Nome"),t.qZA(),t.TgZ(10,"th",3),t._uU(11,"Cognome"),t.qZA(),t.TgZ(12,"th",3),t._uU(13,"Username"),t.qZA()(),t.BQk(),t.ynx(14,4),t.TgZ(15,"tr")(16,"th",5),t._uU(17,"1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Mario"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Verdi"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"mario.verdi"),t.qZA()(),t.TgZ(24,"tr")(25,"th",5),t._uU(26,"2"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Francesco"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"Bianchi"),t.qZA(),t.TgZ(31,"td"),t._uU(32,"francesco.bianchi"),t.qZA()(),t.TgZ(33,"tr")(34,"th",5),t._uU(35,"3"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Alessandro"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"Rossi"),t.qZA(),t.TgZ(40,"td"),t._uU(41,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA(),t.TgZ(42,"it-table",6),t.ynx(43,2),t.TgZ(44,"tr")(45,"th",3),t._uU(46,"#"),t.qZA(),t.TgZ(47,"th",3),t._uU(48,"Nome"),t.qZA(),t.TgZ(49,"th",3),t._uU(50,"Cognome"),t.qZA(),t.TgZ(51,"th",3),t._uU(52,"Username"),t.qZA()(),t.BQk(),t.ynx(53,4),t.TgZ(54,"tr")(55,"th",5),t._uU(56,"1"),t.qZA(),t.TgZ(57,"td"),t._uU(58,"Mario"),t.qZA(),t.TgZ(59,"td"),t._uU(60,"Verdi"),t.qZA(),t.TgZ(61,"td"),t._uU(62,"mario.verdi"),t.qZA()(),t.TgZ(63,"tr")(64,"th",5),t._uU(65,"2"),t.qZA(),t.TgZ(66,"td"),t._uU(67,"Francesco"),t.qZA(),t.TgZ(68,"td"),t._uU(69,"Bianchi"),t.qZA(),t.TgZ(70,"td"),t._uU(71,"francesco.bianchi"),t.qZA()(),t.TgZ(72,"tr")(73,"th",5),t._uU(74,"3"),t.qZA(),t.TgZ(75,"td"),t._uU(76,"Alessandro"),t.qZA(),t.TgZ(77,"td"),t._uU(78,"Rossi"),t.qZA(),t.TgZ(79,"td"),t._uU(80,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA()())},dependencies:[l.A],encapsulation:2})}return e})(),M=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-compact-example"]],decls:42,vars:0,consts:[[1,"bd-example"],["compact","true"],["thead",""],["scope","col"],["tbody",""],["scope","row"]],template:function(n,a){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Tabella compatta"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table",1),t.ynx(4,2),t.TgZ(5,"tr")(6,"th",3),t._uU(7,"#"),t.qZA(),t.TgZ(8,"th",3),t._uU(9,"Nome"),t.qZA(),t.TgZ(10,"th",3),t._uU(11,"Cognome"),t.qZA(),t.TgZ(12,"th",3),t._uU(13,"Username"),t.qZA()(),t.BQk(),t.ynx(14,4),t.TgZ(15,"tr")(16,"th",5),t._uU(17,"1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Mario"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Verdi"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"mario.verdi"),t.qZA()(),t.TgZ(24,"tr")(25,"th",5),t._uU(26,"2"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Francesco"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"Bianchi"),t.qZA(),t.TgZ(31,"td"),t._uU(32,"francesco.bianchi"),t.qZA()(),t.TgZ(33,"tr")(34,"th",5),t._uU(35,"3"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Alessandro"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"Rossi"),t.qZA(),t.TgZ(40,"td"),t._uU(41,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA()())},dependencies:[l.A],encapsulation:2})}return e})(),w=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-alignment-example"]],decls:24,vars:0,consts:[[1,"bd-example"],["alignment","align-middle"],["thead",""],["scope","col",1,"w-25"],["tbody",""]],template:function(n,a){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Allineamento verticale"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table",1),t.ynx(4,2),t.TgZ(5,"tr")(6,"th",3),t._uU(7,"Intestazione 1"),t.qZA(),t.TgZ(8,"th",3),t._uU(9,"Intestazione 2"),t.qZA(),t.TgZ(10,"th",3),t._uU(11,"Intestazione 3"),t.qZA(),t.TgZ(12,"th",3),t._uU(13,"Intestazione 4"),t.qZA()(),t.BQk(),t.ynx(14,4),t.TgZ(15,"tr")(16,"td"),t._uU(17,"Valore 1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Valore 2"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Valore 3"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"This here is some placeholder text, intended to take up quite a bit of vertical space, to demonstrate how the vertical alignment works in the preceding cells."),t.qZA()(),t.BQk(),t.qZA()())},dependencies:[l.A],encapsulation:2})}return e})(),B=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-header-example"]],decls:81,vars:0,consts:[[1,"bd-example"],["headColor","dark"],["thead",""],["scope","col"],["tbody",""],["scope","row"],["headColor","light"]],template:function(n,a){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Intestazione"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table",1),t.ynx(4,2),t.TgZ(5,"tr")(6,"th",3),t._uU(7,"#"),t.qZA(),t.TgZ(8,"th",3),t._uU(9,"Nome"),t.qZA(),t.TgZ(10,"th",3),t._uU(11,"Cognome"),t.qZA(),t.TgZ(12,"th",3),t._uU(13,"Username"),t.qZA()(),t.BQk(),t.ynx(14,4),t.TgZ(15,"tr")(16,"th",5),t._uU(17,"1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Mario"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Verdi"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"mario.verdi"),t.qZA()(),t.TgZ(24,"tr")(25,"th",5),t._uU(26,"2"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Francesco"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"Bianchi"),t.qZA(),t.TgZ(31,"td"),t._uU(32,"francesco.bianchi"),t.qZA()(),t.TgZ(33,"tr")(34,"th",5),t._uU(35,"3"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Alessandro"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"Rossi"),t.qZA(),t.TgZ(40,"td"),t._uU(41,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA(),t.TgZ(42,"it-table",6),t.ynx(43,2),t.TgZ(44,"tr")(45,"th",3),t._uU(46,"#"),t.qZA(),t.TgZ(47,"th",3),t._uU(48,"Nome"),t.qZA(),t.TgZ(49,"th",3),t._uU(50,"Cognome"),t.qZA(),t.TgZ(51,"th",3),t._uU(52,"Username"),t.qZA()(),t.BQk(),t.ynx(53,4),t.TgZ(54,"tr")(55,"th",5),t._uU(56,"1"),t.qZA(),t.TgZ(57,"td"),t._uU(58,"Mario"),t.qZA(),t.TgZ(59,"td"),t._uU(60,"Verdi"),t.qZA(),t.TgZ(61,"td"),t._uU(62,"mario.verdi"),t.qZA()(),t.TgZ(63,"tr")(64,"th",5),t._uU(65,"2"),t.qZA(),t.TgZ(66,"td"),t._uU(67,"Francesco"),t.qZA(),t.TgZ(68,"td"),t._uU(69,"Bianchi"),t.qZA(),t.TgZ(70,"td"),t._uU(71,"francesco.bianchi"),t.qZA()(),t.TgZ(72,"tr")(73,"th",5),t._uU(74,"3"),t.qZA(),t.TgZ(75,"td"),t._uU(76,"Alessandro"),t.qZA(),t.TgZ(77,"td"),t._uU(78,"Rossi"),t.qZA(),t.TgZ(79,"td"),t._uU(80,"alessandro.rossi"),t.qZA()(),t.BQk(),t.qZA()())},dependencies:[l.A],encapsulation:2})}return e})(),E=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-footer-example"]],decls:52,vars:0,consts:[[1,"bd-example"],["thead",""],["scope","col"],["tbody",""],["scope","row"],["tfoot",""]],template:function(n,a){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Footer"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table"),t.ynx(4,1),t.TgZ(5,"tr")(6,"th",2),t._uU(7,"#"),t.qZA(),t.TgZ(8,"th",2),t._uU(9,"Nome"),t.qZA(),t.TgZ(10,"th",2),t._uU(11,"Cognome"),t.qZA(),t.TgZ(12,"th",2),t._uU(13,"Username"),t.qZA()(),t.BQk(),t.ynx(14,3),t.TgZ(15,"tr")(16,"th",4),t._uU(17,"1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Mario"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Verdi"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"mario.verdi"),t.qZA()(),t.TgZ(24,"tr")(25,"th",4),t._uU(26,"2"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Francesco"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"Bianchi"),t.qZA(),t.TgZ(31,"td"),t._uU(32,"francesco.bianchi"),t.qZA()(),t.TgZ(33,"tr")(34,"th",4),t._uU(35,"3"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Alessandro"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"Rossi"),t.qZA(),t.TgZ(40,"td"),t._uU(41,"alessandro.rossi"),t.qZA()(),t.BQk(),t.ynx(42,5),t.TgZ(43,"tr")(44,"td"),t._uU(45,"Footer"),t.qZA(),t.TgZ(46,"td"),t._uU(47,"Footer"),t.qZA(),t.TgZ(48,"td"),t._uU(49,"Footer"),t.qZA(),t.TgZ(50,"td"),t._uU(51,"Footer"),t.qZA()(),t.BQk(),t.qZA()())},dependencies:[l.A],encapsulation:2})}return e})(),F=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-caption-example"]],decls:85,vars:0,consts:[[1,"bd-example"],["compact","true"],["thead",""],["scope","col"],["tbody",""],["scope","row"],["caption",""],["compact","true","captionTop","true"]],template:function(n,a){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Caption"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table",1),t.ynx(4,2),t.TgZ(5,"tr")(6,"th",3),t._uU(7,"#"),t.qZA(),t.TgZ(8,"th",3),t._uU(9,"Nome"),t.qZA(),t.TgZ(10,"th",3),t._uU(11,"Cognome"),t.qZA(),t.TgZ(12,"th",3),t._uU(13,"Username"),t.qZA()(),t.BQk(),t.ynx(14,4),t.TgZ(15,"tr")(16,"th",5),t._uU(17,"1"),t.qZA(),t.TgZ(18,"td"),t._uU(19,"Mario"),t.qZA(),t.TgZ(20,"td"),t._uU(21,"Verdi"),t.qZA(),t.TgZ(22,"td"),t._uU(23,"mario.verdi"),t.qZA()(),t.TgZ(24,"tr")(25,"th",5),t._uU(26,"2"),t.qZA(),t.TgZ(27,"td"),t._uU(28,"Francesco"),t.qZA(),t.TgZ(29,"td"),t._uU(30,"Bianchi"),t.qZA(),t.TgZ(31,"td"),t._uU(32,"francesco.bianchi"),t.qZA()(),t.TgZ(33,"tr")(34,"th",5),t._uU(35,"3"),t.qZA(),t.TgZ(36,"td"),t._uU(37,"Alessandro"),t.qZA(),t.TgZ(38,"td"),t._uU(39,"Rossi"),t.qZA(),t.TgZ(40,"td"),t._uU(41,"alessandro.rossi"),t.qZA()(),t.BQk(),t.ynx(42,6),t._uU(43,"Lista degli utenti"),t.BQk(),t.qZA(),t.TgZ(44,"it-table",7),t.ynx(45,2),t.TgZ(46,"tr")(47,"th",3),t._uU(48,"#"),t.qZA(),t.TgZ(49,"th",3),t._uU(50,"Nome"),t.qZA(),t.TgZ(51,"th",3),t._uU(52,"Cognome"),t.qZA(),t.TgZ(53,"th",3),t._uU(54,"Username"),t.qZA()(),t.BQk(),t.ynx(55,4),t.TgZ(56,"tr")(57,"th",5),t._uU(58,"1"),t.qZA(),t.TgZ(59,"td"),t._uU(60,"Mario"),t.qZA(),t.TgZ(61,"td"),t._uU(62,"Verdi"),t.qZA(),t.TgZ(63,"td"),t._uU(64,"mario.verdi"),t.qZA()(),t.TgZ(65,"tr")(66,"th",5),t._uU(67,"2"),t.qZA(),t.TgZ(68,"td"),t._uU(69,"Francesco"),t.qZA(),t.TgZ(70,"td"),t._uU(71,"Bianchi"),t.qZA(),t.TgZ(72,"td"),t._uU(73,"francesco.bianchi"),t.qZA()(),t.TgZ(74,"tr")(75,"th",5),t._uU(76,"3"),t.qZA(),t.TgZ(77,"td"),t._uU(78,"Alessandro"),t.qZA(),t.TgZ(79,"td"),t._uU(80,"Rossi"),t.qZA(),t.TgZ(81,"td"),t._uU(82,"alessandro.rossi"),t.qZA()(),t.BQk(),t.ynx(83,6),t._uU(84,"Lista degli utenti"),t.BQk(),t.qZA()())},dependencies:[l.A]})}return e})();var N=r(4716),Q=r(2096),k=r(5952),I=r(5039),P=r(3016);function R(e,d){if(1&e&&(t.TgZ(0,"tr")(1,"td",10),t._UZ(2,"it-spinner",11),t.qZA()()),2&e){t.oxw();const o=t.MAs(6);t.xp6(1),t.uIk("colspan",o.cells.length)}}function V(e,d){if(1&e&&(t.TgZ(0,"tr")(1,"td",10),t._uU(2,"Nessun elemento"),t.qZA()()),2&e){t.oxw(2);const o=t.MAs(6);t.xp6(1),t.uIk("colspan",o.cells.length)}}function z(e,d){if(1&e&&(t.TgZ(0,"tr")(1,"td"),t._UZ(2,"it-icon",14),t.qZA(),t.TgZ(3,"td"),t._uU(4),t.qZA()()),2&e){const o=d.$implicit;t.xp6(4),t.hij(" ",o," ")}}function J(e,d){if(1&e&&t.YNc(0,z,5,1,"tr",13),2&e){const o=t.oxw(2);t.Q6J("ngForOf",o.list)}}function L(e,d){if(1&e&&(t.YNc(0,V,3,1,"tr",7),t.YNc(1,J,1,1,"ng-template",null,12,t.W1O)),2&e){const o=t.MAs(2),n=t.oxw();t.Q6J("ngIf",!n.list.length)("ngIfElse",o)}}function O(e,d){if(1&e){const o=t.EpF();t.TgZ(0,"it-pagination",15),t.NdJ("changerEvent",function(a){t.CHM(o);const s=t.oxw();return t.KtG(s.changerEvent(a))})("pageEvent",function(a){t.CHM(o);const s=t.oxw();return t.KtG(s.getPage(a))}),t.qZA()}if(2&e){const o=t.oxw();t.Q6J("currentPage",o.currentPage)("pageNumbers",o.totalPages)("currentChanger",o.pageOffset)}}let S=(()=>{class e{constructor(){this.isLoading=!1,this.currentPage=0,this.pageOffset=10,this.totalPages=0,this.list=[],this.pages=[["Antonino","Francesco","Giovanni"],["Emanuele","Francesca","Giovanna"],["Linda","Riccardo","Marco"],["Daniel","Gioele","Giulio"],["Diego","Andrea","Lorenzo"],["Giorgio","Manuel","Luca"]]}ngOnInit(){this.getPage()}getPage(o=0){this.isLoading=!0,this.fakeServer(o,this.pageOffset).pipe((0,N.x)(()=>{this.isLoading=!1})).subscribe(n=>{this.list=n.list,this.currentPage=o,this.totalPages=Math.ceil(n.totalItemsCount/this.pageOffset)})}changerEvent(o){this.pageOffset=o,this.getPage()}fakeServer(o,n){const a=Math.round(n/this.pages[0].length),s=Array.from({length:a}).flatMap(()=>this.pages[o]);return(0,Q.of)({list:s,totalItemsCount:this.pages.length*s.length})}static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-paginated"]],decls:16,vars:3,consts:[[1,"bd-example"],["striped","true"],["thead",""],["tableHead",""],["scope","col",1,"w-25"],["scope","col",1,"w-75"],["tbody",""],[4,"ngIf","ngIfElse"],["showRows",""],["alignment","center",3,"currentPage","pageNumbers","currentChanger","changerEvent","pageEvent",4,"ngIf"],[1,"text-center"],["double","true"],["dataRows",""],[4,"ngFor","ngForOf"],["name","user","color","primary"],["alignment","center",3,"currentPage","pageNumbers","currentChanger","changerEvent","pageEvent"]],template:function(n,a){if(1&n&&(t.TgZ(0,"h3"),t._uU(1,"Tabella con paginazione"),t.qZA(),t.TgZ(2,"div",0)(3,"it-table",1),t.ynx(4,2),t.TgZ(5,"tr",null,3)(7,"th",4),t._uU(8,"Icona"),t.qZA(),t.TgZ(9,"th",5),t._uU(10,"Nome"),t.qZA()(),t.BQk(),t.ynx(11,6),t.YNc(12,R,3,1,"tr",7),t.YNc(13,L,3,2,"ng-template",null,8,t.W1O),t.BQk(),t.qZA(),t.YNc(15,O,1,3,"it-pagination",9),t.qZA()),2&n){const s=t.MAs(14);t.xp6(12),t.Q6J("ngIf",a.isLoading)("ngIfElse",s),t.xp6(3),t.Q6J("ngIf",!a.isLoading&&a.totalPages>0)}},dependencies:[c.sg,c.O5,k.f,I.L,l.A,P.Q],encapsulation:2})}return e})(),D=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-examples"]],decls:22,vars:0,consts:[["html",'
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n\n
\n
Colorazione
\n
\n
\n \n \n \n
\n
\n \n \n \n
\n
\n \n \n \n
\n
\n
\n\n
\n Per la colorazione su singole righe o celle, fare riferimento alla documentazione Bootstrap Italia\n
\n
',"typescript","import { Component } from '@angular/core';\nimport { ItSortEvent } from 'projects/design-angular-kit/src/lib/interfaces/sortable-table';\nimport { TableColor } from 'projects/design-angular-kit/src/lib/interfaces/core';\n\n@Component({\n selector: 'it-table-example',\n templateUrl: './table-example.component.html'\n})\nexport class TableExampleComponent {\n sortData(event: ItSortEvent) {\n console.log(`active: ${event.active}, direction: ${event.direction}`);\n throw new Error('Method not implemented.');\n }\n\n color?: TableColor;\n\n}"],["html",'
Righe striate
\n
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n\n\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-striped-example',\n templateUrl: './table-striped-example.component.html'\n})\nexport class TableStripedExampleComponent {\n\n}"],["html",'
Righe ed hover
\n
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n\n\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-hover-example',\n templateUrl: './table-hover-example.component.html'\n})\nexport class TableHoverExampleComponent {\n\n}"],["html",'
Tabella con bordi
\n
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n\n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-bordered-example',\n templateUrl: './table-bordered-example.component.html'\n})\nexport class TableBorderedExampleComponent {\n\n}"],["html",'
Tabella senza bordi
\n
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-borderless-example',\n templateUrl: './table-borderless-example.component.html'\n})\nexport class TableBorderlessExampleComponent {\n\n}"],["html",'
Tabella compatta
\n
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n\n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-compact-example',\n templateUrl: './table-compact-example.component.html'\n})\nexport class TableCompactExampleComponent {\n\n}"],["html",'
Allineamento verticale
\n
\n \n \n
\n
Intestazione 1
\n
Intestazione 2
\n
Intestazione 3
\n
Intestazione 4
\n
\n \n\n \n
\n
Valore 1
\n
Valore 2
\n
Valore 3
\n
This here is some placeholder text, intended to take up quite a bit of vertical space, to demonstrate how the vertical alignment works in the preceding cells.
\n
\n \n \n\n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-alignment-example',\n templateUrl: './table-alignment-example.component.html'\n})\nexport class TableAlignmentExampleComponent {\n}"],["html",'
Intestazione
\n
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n \n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-header-example',\n templateUrl: './table-header-example.component.html'\n})\nexport class TableHeaderExampleComponent {\n\n}"],["html",'
Footer
\n
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n\n \n
\n
Footer
\n
Footer
\n
Footer
\n
Footer
\n
\n \n \n\n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-footer-example',\n templateUrl: './table-footer-example.component.html'\n})\nexport class TableFooterExampleComponent {\n\n}"],["html",'
Caption
\n
\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n\n Lista degli utenti\n \n\n \n \n
\n
#
\n
Nome
\n
Cognome
\n
Username
\n
\n \n\n \n
\n
1
\n
Mario
\n
Verdi
\n
mario.verdi
\n
\n
\n
2
\n
Francesco
\n
Bianchi
\n
francesco.bianchi
\n
\n
\n
3
\n
Alessandro
\n
Rossi
\n
alessandro.rossi
\n
\n \n\n Lista degli utenti\n \n\n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-table-caption-example',\n templateUrl: './table-caption-example.component.html',\n styleUrls: ['./table-caption-example.component.scss']\n})\nexport class TableCaptionExampleComponent {\n\n}"],["html",'
Tabella con paginazione
\n\n
\n \n \n
\n
Icona
\n
Nome
\n
\n \n\n \n
\n
\n \n
\n
\n\n \n
\n
Nessun elemento
\n
\n \n
\n
\n \n
\n
\n /{/{item/}/}\n
\n
\n \n \n\n \n \n\n \n
',"typescript","import { Component, OnInit } from '@angular/core';\nimport { finalize, Observable, of } from 'rxjs';\n\n@Component({\n selector: 'it-table-paginated',\n templateUrl: './table-paginated.component.html'\n})\nexport class TablePaginatedComponent implements OnInit {\n isLoading: boolean = false;\n currentPage: number = 0;\n pageOffset: number = 10;\n totalPages: number = 0;\n\n list: Array = [];\n\n ngOnInit(): void {\n this.getPage();\n }\n\n /**\n * Retrieve the page list\n * @param page page to show\n */\n getPage(page: number = 0): void {\n this.isLoading = true;\n this.fakeServer(page, this.pageOffset).pipe(\n finalize(() => {\n this.isLoading = false;\n })\n ).subscribe(data => {\n this.list = data.list;\n this.currentPage = page;\n this.totalPages = Math.ceil(data.totalItemsCount / this.pageOffset);\n });\n }\n\n changerEvent(value: number): void {\n this.pageOffset = value;\n this.getPage();\n }\n\n\n private pages: Array> = [\n ['Antonino', 'Francesco', 'Giovanni'],\n ['Emanuele', 'Francesca', 'Giovanna'],\n ['Linda', 'Riccardo', 'Marco'],\n ['Daniel', 'Gioele', 'Giulio'],\n ['Diego', 'Andrea', 'Lorenzo'],\n ['Giorgio', 'Manuel', 'Luca']\n ];\n\n private fakeServer(page: number, pageOffset: number): Observable<{ list: Array, totalItemsCount: number }> {\n const pageLength = Math.round(pageOffset / this.pages[0].length);\n const list = Array.from({length: pageLength}).flatMap(() => this.pages[page]);\n return of({\n list,\n totalItemsCount: this.pages.length * list.length\n });\n }\n}"]],template:function(n,a){1&n&&t._UZ(0,"it-table-example")(1,"it-source-display",0)(2,"it-table-striped-example")(3,"it-source-display",1)(4,"it-table-hover-example")(5,"it-source-display",2)(6,"it-table-bordered-example")(7,"it-source-display",3)(8,"it-table-borderless-example")(9,"it-source-display",4)(10,"it-table-compact-example")(11,"it-source-display",5)(12,"it-table-alignment-example")(13,"it-source-display",6)(14,"it-table-header-example")(15,"it-source-display",7)(16,"it-table-footer-example")(17,"it-source-display",8)(18,"it-table-caption-example")(19,"it-source-display",9)(20,"it-table-paginated")(21,"it-source-display",10)},dependencies:[_.F,f,v,x,C,y,M,w,B,E,F,S],encapsulation:2})}return e})();const G=[{path:"",component:(()=>{class e{constructor(){this.component=u.wx.find(o=>"ItTableComponent"===o.name)}static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275cmp=t.Xpm({type:e,selectors:[["it-table-index"]],decls:11,vars:1,consts:[[1,"bd-title"],[1,"bd-lead"],["label","Esempi","active","true",1,"pt-3"],["label","API",1,"pt-3"],[3,"component"]],template:function(n,a){1&n&&(t.TgZ(0,"h1",0),t._uU(1,"Tabelle"),t.qZA(),t.TgZ(2,"p",1),t._uU(3,"Documentazione ed esempi per lo stile delle tabelle."),t.qZA(),t.TgZ(4,"it-tab-container")(5,"it-tab-item",2),t._UZ(6,"it-table-examples"),t.qZA(),t.TgZ(7,"it-tab-item",3)(8,"h3"),t._uU(9,"TableComponent"),t.qZA(),t._UZ(10,"it-api-parameters",4),t.qZA()()),2&n&&(t.xp6(10),t.Q6J("component",a.component))},dependencies:[T.G,b.U,A.m,D],encapsulation:2})}return e})()}];let X=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275mod=t.oAB({type:e});static#n=this.\u0275inj=t.cJS({imports:[h.Bz.forChild(G),h.Bz]})}return e})();var H=r(3999);let $=(()=>{class e{static#t=this.\u0275fac=function(n){return new(n||e)};static#e=this.\u0275mod=t.oAB({type:e});static#n=this.\u0275inj=t.cJS({imports:[c.ez,Z.m,X,g.u5,m.A,H.aw]})}return e})()}}]);
\ No newline at end of file
diff --git a/3677.22fa74619ba898c2.js b/3677.22fa74619ba898c2.js
new file mode 100644
index 00000000..348dac40
--- /dev/null
+++ b/3677.22fa74619ba898c2.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdesign_angular_kit_bundle=self.webpackChunkdesign_angular_kit_bundle||[]).push([[3677],{3677:(k,c,o)=>{o.r(c),o.d(c,{ToggleModule:()=>v});var d=o(6814),s=o(6223),m=o(7114),g=o(1640),r=o(7069),e=o(5879),h=o(528),u=o(6273),b=o(4580),x=o(6099),f=o(4220);let T=(()=>{class t{constructor(){this.checked=!0,this.label="Sono una toggle",this.disabled=!1}static#e=this.\u0275fac=function(n){return new(n||t)};static#t=this.\u0275cmp=e.Xpm({type:t,selectors:[["it-toggle-example"]],decls:10,vars:5,consts:[[1,"bd-example"],[1,"example-section"],["label","Spuntato","toggle","true",3,"ngModel","ngModelChange"],["label","Disabilitato","toggle","true",3,"ngModel","ngModelChange"],["toggle","true",3,"ngModel","label","disabled","ngModelChange"]],template:function(n,l){1&n&&(e.TgZ(0,"h3"),e._uU(1,"Configurazione toggle"),e.qZA(),e.TgZ(2,"div",0)(3,"p",1)(4,"it-checkbox",2),e.NdJ("ngModelChange",function(i){return l.checked=i}),e.qZA(),e.TgZ(5,"it-checkbox",3),e.NdJ("ngModelChange",function(i){return l.disabled=i}),e.qZA()(),e.TgZ(6,"h4"),e._uU(7,"Risultato"),e.qZA(),e.TgZ(8,"p",1)(9,"it-checkbox",4),e.NdJ("ngModelChange",function(i){return l.checked=i}),e.qZA()()()),2&n&&(e.xp6(4),e.Q6J("ngModel",l.checked),e.xp6(1),e.Q6J("ngModel",l.disabled),e.xp6(4),e.Q6J("ngModel",l.checked)("label",l.label)("disabled",l.disabled))},dependencies:[s.JJ,s.On,f.f],styles:[".example-section[_ngcontent-%COMP%]{display:flex;align-content:center;align-items:center;height:60px}"]})}return t})(),C=(()=>{class t{constructor(){}static#e=this.\u0275fac=function(n){return new(n||t)};static#t=this.\u0275cmp=e.Xpm({type:t,selectors:[["it-toggle-examples"]],decls:2,vars:0,consts:[["html",'
',"typescript","import { Component } from '@angular/core';\nimport { IconName } from 'design-angular-kit/interfaces/icon';\n\n@Component({\n selector: 'it-breadcrumb-example',\n templateUrl: './breadcrumb-example.component.html',\n styleUrls: ['./breadcrumb-example.component.scss']\n})\nexport class BreadcrumbExampleComponent {\n get icon(): IconName {\n return this._icon;\n }\n set icon(value: IconName) {\n this._icon = value;\n this.items.forEach(item => item.icon = this._icon);\n }\n private _icon: IconName = 'star-outline';\n\n\n separator = '/';\n isDark = false;\n items = [\n { link: 'https://www.aol.com', label: 'Crumb 1', icon: this.icon },\n { link: 'https://www.yahoo.com', label: 'Crumb 2', icon: this.icon },\n { link: 'https://www.bing.com', label: 'Crumb 3', icon: this.icon },\n ];\n\n i = 4;\n\n insert() {\n this.items.push({ link: `https://www.google.com`, label: `Crumb ${this.i}`, icon: this.icon });\n this.i++;\n }\n\n remove() {\n if(this.items.length) {\n this.items.pop();\n this.i--;\n }\n }\n\n change() {\n this.separator = this.separator === '/' ? '>' : '/';\n this.items.forEach(item => {\n item.icon = item.icon === 'star-outline' ? 'locked' : 'star-outline';\n });\n }\n\n toggle() {\n this.isDark = !this.isDark;\n }\n\n}"]],template:function(i,t){1&i&&n._UZ(0,"it-breadcrumb-example")(1,"it-source-display",0)},dependencies:[g.F,k]})}return e})();const T=[{path:"",component:(()=>{class e{constructor(){this.component=u.wx.find(o=>"ItBreadcrumbComponent"===o.name),this.subcomponent=u.wx.find(o=>"ItBreadcrumbItemComponent"===o.name)}static#n=this.\u0275fac=function(i){return new(i||e)};static#e=this.\u0275cmp=n.Xpm({type:e,selectors:[["it-breadcrumb-index"]],decls:15,vars:3,consts:[[1,"bd-title"],[1,"bd-lead"],[3,"innerHTML"],["label","Esempi","active","true",1,"pt-3"],["label","API",1,"pt-3"],[3,"component"]],template:function(i,t){1&i&&(n.TgZ(0,"h1",0),n._uU(1,"Breadcrumb"),n.qZA(),n.TgZ(2,"p",1),n._uU(3,"Il componente Breadcrumb utilizzabile per la navigazione"),n.qZA(),n._UZ(4,"div",2),n.TgZ(5,"it-tab-container")(6,"it-tab-item",3),n._UZ(7,"it-breadcrumb-examples"),n.qZA(),n.TgZ(8,"it-tab-item",4)(9,"h2"),n._uU(10,"Breadcrumb"),n.qZA(),n._UZ(11,"it-api-parameters",5),n.TgZ(12,"h2"),n._uU(13,"Breadcrumb Item"),n.qZA(),n._UZ(14,"it-api-parameters",5),n.qZA()()),2&i&&(n.xp6(4),n.Q6J("innerHTML",t.component.description,n.oJD),n.xp6(7),n.Q6J("component",t.component),n.xp6(3),n.Q6J("component",t.subcomponent))},dependencies:[p.G,b.U,h.m,B]})}return e})()}];let x=(()=>{class e{static#n=this.\u0275fac=function(i){return new(i||e)};static#e=this.\u0275mod=n.oAB({type:e});static#t=this.\u0275inj=n.cJS({imports:[d.Bz.forChild(T),d.Bz]})}return e})();var A=a(7114);let J=(()=>{class e{static#n=this.\u0275fac=function(i){return new(i||e)};static#e=this.\u0275mod=n.oAB({type:e});static#t=this.\u0275inj=n.cJS({imports:[c.ez,s.u5,A.m,x]})}return e})()}}]);
\ No newline at end of file
diff --git a/373.32d78d6ca4095bec.js b/373.32d78d6ca4095bec.js
deleted file mode 100644
index 932e0a2f..00000000
--- a/373.32d78d6ca4095bec.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunkdesign_angular_kit_bundle=self.webpackChunkdesign_angular_kit_bundle||[]).push([[373],{6548:ae=>{function j(e){return e instanceof Map?e.clear=e.delete=e.set=function(){throw new Error("map is read-only")}:e instanceof Set&&(e.add=e.clear=e.delete=function(){throw new Error("set is read-only")}),Object.freeze(e),Object.getOwnPropertyNames(e).forEach(t=>{const i=e[t],u=typeof i;("object"===u||"function"===u)&&!Object.isFrozen(i)&&j(i)}),e}class v{constructor(t){void 0===t.data&&(t.data={}),this.data=t.data,this.isMatchIgnored=!1}ignoreMatch(){this.isMatchIgnored=!0}}function U(e){return e.replace(/&/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'")}function N(e,...t){const i=Object.create(null);for(const u in e)i[u]=e[u];return t.forEach(function(u){for(const b in u)i[b]=u[b]}),i}const le=e=>!!e.scope;class ve{constructor(t,i){this.buffer="",this.classPrefix=i.classPrefix,t.walk(this)}addText(t){this.buffer+=U(t)}openNode(t){if(!le(t))return;const i=((e,{prefix:t})=>{if(e.startsWith("language:"))return e.replace("language:","language-");if(e.includes(".")){const i=e.split(".");return[`${t}${i.shift()}`,...i.map((u,b)=>`${u}${"_".repeat(b+1)}`)].join(" ")}return`${t}${e}`})(t.scope,{prefix:this.classPrefix});this.span(i)}closeNode(t){le(t)&&(this.buffer+="")}value(){return this.buffer}span(t){this.buffer+=``}}const ue=(e={})=>{const t={children:[]};return Object.assign(t,e),t};class Q{constructor(){this.rootNode=ue(),this.stack=[this.rootNode]}get top(){return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(t){this.top.children.push(t)}openNode(t){const i=ue({scope:t});this.add(i),this.stack.push(i)}closeNode(){if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}walk(t){return this.constructor._walk(t,this.rootNode)}static _walk(t,i){return"string"==typeof i?t.addText(i):i.children&&(t.openNode(i),i.children.forEach(u=>this._walk(t,u)),t.closeNode(i)),t}static _collapse(t){"string"!=typeof t&&t.children&&(t.children.every(i=>"string"==typeof i)?t.children=[t.children.join("")]:t.children.forEach(i=>{Q._collapse(i)}))}}class Pe extends Q{constructor(t){super(),this.options=t}addText(t){""!==t&&this.add(t)}startScope(t){this.openNode(t)}endScope(){this.closeNode()}__addSublanguage(t,i){const u=t.root;i&&(u.scope=`language:${i}`),this.add(u)}toHTML(){return new ve(this,this.options).value()}finalize(){return this.closeAllNodes(),!0}}function $(e){return e?"string"==typeof e?e:e.source:null}function fe(e){return D("(?=",e,")")}function He(e){return D("(?:",e,")*")}function je(e){return D("(?:",e,")?")}function D(...e){return e.map(i=>$(i)).join("")}function q(...e){return"("+(function Ue(e){const t=e[e.length-1];return"object"==typeof t&&t.constructor===Object?(e.splice(e.length-1,1),t):{}}(e).capture?"":"?:")+e.map(u=>$(u)).join("|")+")"}function ge(e){return new RegExp(e.toString()+"|").exec("").length-1}const Ge=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function m(e,{joinWith:t}){let i=0;return e.map(u=>{i+=1;const b=i;let _=$(u),c="";for(;_.length>0;){const r=Ge.exec(_);if(!r){c+=_;break}c+=_.substring(0,r.index),_=_.substring(r.index+r[0].length),"\\"===r[0][0]&&r[1]?c+="\\"+String(Number(r[1])+b):(c+=r[0],"("===r[0]&&i++)}return c}).map(u=>`(${u})`).join(t)}const he="[a-zA-Z]\\w*",ee="[a-zA-Z_]\\w*",de="\\b\\d+(\\.\\d+)?",pe="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",Ee="\\b(0b[01]+)",G={begin:"\\\\[\\s\\S]",relevance:0},ze={scope:"string",begin:"'",end:"'",illegal:"\\n",contains:[G]},Xe={scope:"string",begin:'"',end:'"',illegal:"\\n",contains:[G]},K=function(e,t,i={}){const u=N({scope:"comment",begin:e,end:t,contains:[]},i);u.contains.push({scope:"doctag",begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0});const b=q("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/);return u.contains.push({begin:D(/[ ]+/,"(",b,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),u},Ze=K("//","$"),Je=K("/\\*","\\*/"),Ve=K("#","$");var F=Object.freeze({__proto__:null,MATCH_NOTHING_RE:/\b\B/,IDENT_RE:he,UNDERSCORE_IDENT_RE:ee,NUMBER_RE:de,C_NUMBER_RE:pe,BINARY_NUMBER_RE:Ee,RE_STARTERS_RE:"!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",SHEBANG:(e={})=>{const t=/^#![ ]*\//;return e.binary&&(e.begin=D(t,/.*\b/,e.binary,/\b.*/)),N({scope:"meta",begin:t,end:/$/,relevance:0,"on:begin":(i,u)=>{0!==i.index&&u.ignoreMatch()}},e)},BACKSLASH_ESCAPE:G,APOS_STRING_MODE:ze,QUOTE_STRING_MODE:Xe,PHRASAL_WORDS_MODE:{begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},COMMENT:K,C_LINE_COMMENT_MODE:Ze,C_BLOCK_COMMENT_MODE:Je,HASH_COMMENT_MODE:Ve,NUMBER_MODE:{scope:"number",begin:de,relevance:0},C_NUMBER_MODE:{scope:"number",begin:pe,relevance:0},BINARY_NUMBER_MODE:{scope:"number",begin:Ee,relevance:0},REGEXP_MODE:{begin:/(?=\/[^/\n]*\/)/,contains:[{scope:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[G,{begin:/\[/,end:/\]/,relevance:0,contains:[G]}]}]},TITLE_MODE:{scope:"title",begin:he,relevance:0},UNDERSCORE_TITLE_MODE:{scope:"title",begin:ee,relevance:0},METHOD_GUARD:{begin:"\\.\\s*"+ee,relevance:0},END_SAME_AS_BEGIN:function(e){return Object.assign(e,{"on:begin":(t,i)=>{i.data._beginMatch=t[1]},"on:end":(t,i)=>{i.data._beginMatch!==t[1]&&i.ignoreMatch()}})}});function st(e,t){"."===e.input[e.index-1]&&t.ignoreMatch()}function rt(e,t){void 0!==e.className&&(e.scope=e.className,delete e.className)}function ct(e,t){t&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",e.__beforeBegin=st,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,void 0===e.relevance&&(e.relevance=0))}function ot(e,t){Array.isArray(e.illegal)&&(e.illegal=q(...e.illegal))}function at(e,t){if(e.match){if(e.begin||e.end)throw new Error("begin & end are not supported with match");e.begin=e.match,delete e.match}}function lt(e,t){void 0===e.relevance&&(e.relevance=1)}const ut=(e,t)=>{if(!e.beforeMatch)return;if(e.starts)throw new Error("beforeMatch cannot be used with starts");const i=Object.assign({},e);Object.keys(e).forEach(u=>{delete e[u]}),e.keywords=i.keywords,e.begin=D(i.beforeMatch,fe(i.begin)),e.starts={relevance:0,contains:[Object.assign(i,{endsParent:!0})]},e.relevance=0,delete i.beforeMatch},ft=["of","and","for","in","not","or","if","then","parent","list","value"],gt="keyword";function be(e,t,i=gt){const u=Object.create(null);return"string"==typeof e?b(i,e.split(" ")):Array.isArray(e)?b(i,e):Object.keys(e).forEach(function(_){Object.assign(u,be(e[_],t,_))}),u;function b(_,c){t&&(c=c.map(r=>r.toLowerCase())),c.forEach(function(r){const l=r.split("|");u[l[0]]=[_,ht(l[0],l[1])]})}}function ht(e,t){return t?Number(t):function dt(e){return ft.includes(e.toLowerCase())}(e)?0:1}const _e={},C=e=>{console.error(e)},Me=(e,...t)=>{console.log(`WARN: ${e}`,...t)},P=(e,t)=>{_e[`${e}/${t}`]||(console.log(`Deprecated as of ${e}. ${t}`),_e[`${e}/${t}`]=!0)},z=new Error;function we(e,t,{key:i}){let u=0;const b=e[i],_={},c={};for(let r=1;r<=t.length;r++)c[r+u]=b[r],_[r+u]=!0,u+=ge(t[r-1]);e[i]=c,e[i]._emit=_,e[i]._multi=!0}function _t(e){(function bt(e){e.scope&&"object"==typeof e.scope&&null!==e.scope&&(e.beginScope=e.scope,delete e.scope)})(e),"string"==typeof e.beginScope&&(e.beginScope={_wrap:e.beginScope}),"string"==typeof e.endScope&&(e.endScope={_wrap:e.endScope}),function pt(e){if(Array.isArray(e.begin)){if(e.skip||e.excludeBegin||e.returnBegin)throw C("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),z;if("object"!=typeof e.beginScope||null===e.beginScope)throw C("beginScope must be object"),z;we(e,e.begin,{key:"beginScope"}),e.begin=m(e.begin,{joinWith:""})}}(e),function Et(e){if(Array.isArray(e.end)){if(e.skip||e.excludeEnd||e.returnEnd)throw C("skip, excludeEnd, returnEnd not compatible with endScope: {}"),z;if("object"!=typeof e.endScope||null===e.endScope)throw C("endScope must be object"),z;we(e,e.end,{key:"endScope"}),e.end=m(e.end,{joinWith:""})}}(e)}function Mt(e){function t(c,r){return new RegExp($(c),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(r?"g":""))}class i{constructor(){this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}addRule(r,l){l.position=this.position++,this.matchIndexes[this.matchAt]=l,this.regexes.push([l,r]),this.matchAt+=ge(r)+1}compile(){0===this.regexes.length&&(this.exec=()=>null);const r=this.regexes.map(l=>l[1]);this.matcherRe=t(m(r,{joinWith:"|"}),!0),this.lastIndex=0}exec(r){this.matcherRe.lastIndex=this.lastIndex;const l=this.matcherRe.exec(r);if(!l)return null;const x=l.findIndex((W,ne)=>ne>0&&void 0!==W),M=this.matchIndexes[x];return l.splice(0,x),Object.assign(l,M)}}class u{constructor(){this.rules=[],this.multiRegexes=[],this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(r){if(this.multiRegexes[r])return this.multiRegexes[r];const l=new i;return this.rules.slice(r).forEach(([x,M])=>l.addRule(x,M)),l.compile(),this.multiRegexes[r]=l,l}resumingScanAtSamePosition(){return 0!==this.regexIndex}considerAll(){this.regexIndex=0}addRule(r,l){this.rules.push([r,l]),"begin"===l.type&&this.count++}exec(r){const l=this.getMatcher(this.regexIndex);l.lastIndex=this.lastIndex;let x=l.exec(r);if(this.resumingScanAtSamePosition()&&(!x||x.index!==this.lastIndex)){const M=this.getMatcher(0);M.lastIndex=this.lastIndex+1,x=M.exec(r)}return x&&(this.regexIndex+=x.position+1,this.regexIndex===this.count&&this.considerAll()),x}}if(e.compilerExtensions||(e.compilerExtensions=[]),e.contains&&e.contains.includes("self"))throw new Error("ERR: contains `self` is not supported at the top-level of a language. See documentation.");return e.classNameAliases=N(e.classNameAliases||{}),function _(c,r){const l=c;if(c.isCompiled)return l;[rt,at,_t,ut].forEach(M=>M(c,r)),e.compilerExtensions.forEach(M=>M(c,r)),c.__beforeBegin=null,[ct,ot,lt].forEach(M=>M(c,r)),c.isCompiled=!0;let x=null;return"object"==typeof c.keywords&&c.keywords.$pattern&&(c.keywords=Object.assign({},c.keywords),x=c.keywords.$pattern,delete c.keywords.$pattern),x=x||/\w+/,c.keywords&&(c.keywords=be(c.keywords,e.case_insensitive)),l.keywordPatternRe=t(x,!0),r&&(c.begin||(c.begin=/\B|\b/),l.beginRe=t(l.begin),!c.end&&!c.endsWithParent&&(c.end=/\B|\b/),c.end&&(l.endRe=t(l.end)),l.terminatorEnd=$(l.end)||"",c.endsWithParent&&r.terminatorEnd&&(l.terminatorEnd+=(c.end?"|":"")+r.terminatorEnd)),c.illegal&&(l.illegalRe=t(c.illegal)),c.contains||(c.contains=[]),c.contains=[].concat(...c.contains.map(function(M){return function wt(e){return e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map(function(t){return N(e,{variants:null},t)})),e.cachedVariants?e.cachedVariants:xe(e)?N(e,{starts:e.starts?N(e.starts):null}):Object.isFrozen(e)?N(e):e}("self"===M?c:M)})),c.contains.forEach(function(M){_(M,l)}),c.starts&&_(c.starts,r),l.matcher=function b(c){const r=new u;return c.contains.forEach(l=>r.addRule(l.begin,{rule:l,type:"begin"})),c.terminatorEnd&&r.addRule(c.terminatorEnd,{type:"end"}),c.illegal&&r.addRule(c.illegal,{type:"illegal"}),r}(l),l}(e)}function xe(e){return!!e&&(e.endsWithParent||xe(e.starts))}class Ot extends Error{constructor(t,i){super(t),this.name="HTMLInjectionError",this.html=i}}const te=U,Oe=N,Re=Symbol("nomatch"),ye=function(e){const t=Object.create(null),i=Object.create(null),u=[];let b=!0;const _="Could not find the language '{}', did you forget to load/include a language module?",c={disableAutodetect:!0,name:"Plain text",contains:[]};let r={ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",cssSelector:"pre code",languages:null,__emitter:Pe};function l(n){return r.noHighlightRe.test(n)}function M(n,a,h){let p="",w="";"object"==typeof a?(p=n,h=a.ignoreIllegals,w=a.language):(P("10.7.0","highlight(lang, code, ...args) has been deprecated."),P("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277"),w=n,p=a),void 0===h&&(h=!0);const S={code:p,language:w};Y("before:highlight",S);const B=S.result?S.result:W(S.language,S.code,h);return B.code=S.code,Y("after:highlight",B),B}function W(n,a,h,p){const w=Object.create(null);function S(s,o){return s.keywords[o]}function B(){if(!f.keywords)return void O.addText(E);let s=0;f.keywordPatternRe.lastIndex=0;let o=f.keywordPatternRe.exec(E),g="";for(;o;){g+=E.substring(s,o.index);const d=k.case_insensitive?o[0].toLowerCase():o[0],R=S(f,d);if(R){const[T,Gt]=R;O.addText(g),g="",w[d]=(w[d]||0)+1,w[d]<=7&&(V+=Gt),T.startsWith("_")?g+=o[0]:A(o[0],k.classNameAliases[T]||T)}else g+=o[0];s=f.keywordPatternRe.lastIndex,o=f.keywordPatternRe.exec(E)}g+=E.substring(s),O.addText(g)}function y(){null!=f.subLanguage?function Z(){if(""===E)return;let s=null;if("string"==typeof f.subLanguage){if(!t[f.subLanguage])return void O.addText(E);s=W(f.subLanguage,E,!0,De[f.subLanguage]),De[f.subLanguage]=s._top}else s=ie(E,f.subLanguage.length?f.subLanguage:null);f.relevance>0&&(V+=s.relevance),O.__addSublanguage(s._emitter,s.language)}():B(),E=""}function A(s,o){""!==s&&(O.startScope(o),O.addText(s),O.endScope())}function ke(s,o){let g=1;const d=o.length-1;for(;g<=d;){if(!s._emit[g]){g++;continue}const R=k.classNameAliases[s[g]]||s[g],T=o[g];R?A(T,R):(E=T,B(),E=""),g++}}function Te(s,o){return s.scope&&"string"==typeof s.scope&&O.openNode(k.classNameAliases[s.scope]||s.scope),s.beginScope&&(s.beginScope._wrap?(A(E,k.classNameAliases[s.beginScope._wrap]||s.beginScope._wrap),E=""):s.beginScope._multi&&(ke(s.beginScope,o),E="")),f=Object.create(s,{parent:{value:f}}),f}function Ie(s,o,g){let d=function $e(e,t){const i=e&&e.exec(t);return i&&0===i.index}(s.endRe,g);if(d){if(s["on:end"]){const R=new v(s);s["on:end"](o,R),R.isMatchIgnored&&(d=!1)}if(d){for(;s.endsParent&&s.parent;)s=s.parent;return s}}if(s.endsWithParent)return Ie(s.parent,o,g)}function Pt(s){return 0===f.matcher.regexIndex?(E+=s[0],1):(oe=!0,0)}function jt(s){const o=s[0],g=a.substring(s.index),d=Ie(f,s,g);if(!d)return Re;const R=f;f.endScope&&f.endScope._wrap?(y(),A(o,f.endScope._wrap)):f.endScope&&f.endScope._multi?(y(),ke(f.endScope,s)):R.skip?E+=o:(R.returnEnd||R.excludeEnd||(E+=o),y(),R.excludeEnd&&(E=o));do{f.scope&&O.closeNode(),!f.skip&&!f.subLanguage&&(V+=f.relevance),f=f.parent}while(f!==d.parent);return d.starts&&Te(d.starts,s),R.returnEnd?0:o.length}let J={};function Be(s,o){const g=o&&o[0];if(E+=s,null==g)return y(),0;if("begin"===J.type&&"end"===o.type&&J.index===o.index&&""===g){if(E+=a.slice(o.index,o.index+1),!b){const d=new Error(`0 width match regex (${n})`);throw d.languageName=n,d.badRule=J.rule,d}return 1}if(J=o,"begin"===o.type)return function Ht(s){const o=s[0],g=s.rule,d=new v(g),R=[g.__beforeBegin,g["on:begin"]];for(const T of R)if(T&&(T(s,d),d.isMatchIgnored))return Pt(o);return g.skip?E+=o:(g.excludeBegin&&(E+=o),y(),!g.returnBegin&&!g.excludeBegin&&(E=o)),Te(g,s),g.returnBegin?0:o.length}(o);if("illegal"===o.type&&!h){const d=new Error('Illegal lexeme "'+g+'" for mode "'+(f.scope||"")+'"');throw d.mode=f,d}if("end"===o.type){const d=jt(o);if(d!==Re)return d}if("illegal"===o.type&&""===g)return 1;if(ce>1e5&&ce>3*o.index)throw new Error("potential infinite loop, way more iterations than matches");return E+=g,g.length}const k=I(n);if(!k)throw C(_.replace("{}",n)),new Error('Unknown language: "'+n+'"');const $t=Mt(k);let re="",f=p||$t;const De={},O=new r.__emitter(r);!function Ut(){const s=[];for(let o=f;o!==k;o=o.parent)o.scope&&s.unshift(o.scope);s.forEach(o=>O.openNode(o))}();let E="",V=0,L=0,ce=0,oe=!1;try{if(k.__emitTokens)k.__emitTokens(a,O);else{for(f.matcher.considerAll();;){ce++,oe?oe=!1:f.matcher.considerAll(),f.matcher.lastIndex=L;const s=f.matcher.exec(a);if(!s)break;const g=Be(a.substring(L,s.index),s);L=s.index+g}Be(a.substring(L))}return O.finalize(),re=O.toHTML(),{language:n,value:re,relevance:V,illegal:!1,_emitter:O,_top:f}}catch(s){if(s.message&&s.message.includes("Illegal"))return{language:n,value:te(a),illegal:!0,relevance:0,_illegalBy:{message:s.message,index:L,context:a.slice(L-100,L+100),mode:s.mode,resultSoFar:re},_emitter:O};if(b)return{language:n,value:te(a),illegal:!1,relevance:0,errorRaised:s,_emitter:O,_top:f};throw s}}function ie(n,a){a=a||r.languages||Object.keys(t);const h=function ne(n){const a={value:te(n),illegal:!1,relevance:0,_top:c,_emitter:new r.__emitter(r)};return a._emitter.addText(n),a}(n),p=a.filter(I).filter(Ae).map(y=>W(y,n,!1));p.unshift(h);const w=p.sort((y,A)=>{if(y.relevance!==A.relevance)return A.relevance-y.relevance;if(y.language&&A.language){if(I(y.language).supersetOf===A.language)return 1;if(I(A.language).supersetOf===y.language)return-1}return 0}),[S,B]=w,Z=S;return Z.secondBest=B,Z}function se(n){let a=null;const h=function x(n){let a=n.className+" ";a+=n.parentNode?n.parentNode.className:"";const h=r.languageDetectRe.exec(a);if(h){const p=I(h[1]);return p||(Me(_.replace("{}",h[1])),Me("Falling back to no-highlight mode for this block.",n)),p?h[1]:"no-highlight"}return a.split(/\s+/).find(p=>l(p)||I(p))}(n);if(l(h))return;if(Y("before:highlightElement",{el:n,language:h}),n.children.length>0&&(r.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),console.warn("The element with unescaped HTML:"),console.warn(n)),r.throwUnescapedHTML))throw new Ot("One of your code blocks includes unescaped HTML.",n.innerHTML);a=n;const p=a.textContent,w=h?M(p,{language:h,ignoreIllegals:!0}):ie(p);n.innerHTML=w.value,function yt(n,a,h){const p=a&&i[a]||h;n.classList.add("hljs"),n.classList.add(`language-${p}`)}(n,h,w.language),n.result={language:w.language,re:w.relevance,relevance:w.relevance},w.secondBest&&(n.secondBest={language:w.secondBest.language,relevance:w.secondBest.relevance}),Y("after:highlightElement",{el:n,result:w,text:p})}let Se=!1;function X(){"loading"!==document.readyState?document.querySelectorAll(r.cssSelector).forEach(se):Se=!0}function I(n){return n=(n||"").toLowerCase(),t[n]||t[i[n]]}function Ne(n,{languageName:a}){"string"==typeof n&&(n=[n]),n.forEach(h=>{i[h.toLowerCase()]=a})}function Ae(n){const a=I(n);return a&&!a.disableAutodetect}function Y(n,a){const h=n;u.forEach(function(p){p[h]&&p[h](a)})}typeof window<"u"&&window.addEventListener&&window.addEventListener("DOMContentLoaded",function kt(){Se&&X()},!1),Object.assign(e,{highlight:M,highlightAuto:ie,highlightAll:X,highlightElement:se,highlightBlock:function vt(n){return P("10.7.0","highlightBlock will be removed entirely in v12.0"),P("10.7.0","Please use highlightElement now."),se(n)},configure:function St(n){r=Oe(r,n)},initHighlighting:()=>{X(),P("10.6.0","initHighlighting() deprecated. Use highlightAll() now.")},initHighlightingOnLoad:function At(){X(),P("10.6.0","initHighlightingOnLoad() deprecated. Use highlightAll() now.")},registerLanguage:function Tt(n,a){let h=null;try{h=a(e)}catch(p){if(C("Language definition for '{}' could not be registered.".replace("{}",n)),!b)throw p;C(p),h=c}h.name||(h.name=n),t[n]=h,h.rawDefinition=a.bind(null,e),h.aliases&&Ne(h.aliases,{languageName:n})},unregisterLanguage:function It(n){delete t[n];for(const a of Object.keys(i))i[a]===n&&delete i[a]},listLanguages:function Bt(){return Object.keys(t)},getLanguage:I,registerAliases:Ne,autoDetection:Ae,inherit:Oe,addPlugin:function Ct(n){(function Dt(n){n["before:highlightBlock"]&&!n["before:highlightElement"]&&(n["before:highlightElement"]=a=>{n["before:highlightBlock"](Object.assign({block:a.el},a))}),n["after:highlightBlock"]&&!n["after:highlightElement"]&&(n["after:highlightElement"]=a=>{n["after:highlightBlock"](Object.assign({block:a.el},a))})})(n),u.push(n)},removePlugin:function Lt(n){const a=u.indexOf(n);-1!==a&&u.splice(a,1)}}),e.debugMode=function(){b=!1},e.safeMode=function(){b=!0},e.versionString="11.8.0",e.regex={concat:D,lookahead:fe,either:q,optional:je,anyNumberOfTimes:He};for(const n in F)"object"==typeof F[n]&&j(F[n]);return Object.assign(e,F),e},H=ye({});H.newInstance=()=>ye({}),ae.exports=H,H.HighlightJS=H,H.default=H},4373:(ae,j,v)=>{"use strict";v.r(j),v.d(j,{HighlightJS:()=>U,default:()=>N});var U=v(6548);const N=U}}]);
\ No newline at end of file
diff --git a/3734.acf8e7b1d5d09e0d.js b/3734.acf8e7b1d5d09e0d.js
new file mode 100644
index 00000000..84a8e9cb
--- /dev/null
+++ b/3734.acf8e7b1d5d09e0d.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdesign_angular_kit_bundle=self.webpackChunkdesign_angular_kit_bundle||[]).push([[3734],{3734:(G,p,a)=>{a.r(p),a.d(p,{ListModule:()=>X});var m=a(6814),u=a(1640),g=a(7069),t=a(5879),h=a(528),Z=a(6273),L=a(4580),x=a(6099),l=a(8789),o=a(5006);let k=(()=>{class i{static#t=this.\u0275fac=function(n){return new(n||i)};static#i=this.\u0275cmp=t.Xpm({type:i,selectors:[["it-list-example"]],decls:14,vars:0,consts:[[1,"bd-example"],[1,"text"]],template:function(n,s){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Lista semplice"),t.qZA(),t._UZ(2,"p"),t.TgZ(3,"div",0)(4,"it-list")(5,"it-list-item")(6,"span",1),t._uU(7,"Lista 1"),t.qZA()(),t.TgZ(8,"it-list-item")(9,"span",1),t._uU(10,"Lista 2"),t.qZA()(),t.TgZ(11,"it-list-item")(12,"span",1),t._uU(13,"Lista 3"),t.qZA()()()())},dependencies:[l.S,o.o]})}return i})(),f=(()=>{class i{static#t=this.\u0275fac=function(n){return new(n||i)};static#i=this.\u0275cmp=t.Xpm({type:i,selectors:[["it-list-link"]],decls:21,vars:0,consts:[[1,"bd-example"],["linkList","true"],[1,"link-list-heading"],["href","#","externalLink","true","large","true"],[1,"text"],["href","#","externalLink","true","disabled","true","large","true"],["href","#","externalLink","true","active","true","large","true"],[1,"divider"]],template:function(n,s){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Lista con link"),t.qZA(),t._UZ(2,"p"),t.TgZ(3,"div",0)(4,"it-list",1)(5,"div",2),t._uU(6,"Intestazione"),t.qZA(),t.TgZ(7,"it-list-item",3)(8,"span",4),t._uU(9,"Link lista 1"),t.qZA()(),t.TgZ(10,"it-list-item",5)(11,"span",4),t._uU(12,"Link lista 2"),t.qZA()(),t.TgZ(13,"it-list-item",6)(14,"span",4),t._uU(15,"Link lista 3"),t.qZA()(),t.TgZ(16,"it-list-item"),t._UZ(17,"span",7),t.qZA(),t.TgZ(18,"it-list-item",3)(19,"span",4),t._uU(20,"Link lista 4"),t.qZA()()()())},dependencies:[l.S,o.o]})}return i})(),U=(()=>{class i{static#t=this.\u0275fac=function(n){return new(n||i)};static#i=this.\u0275cmp=t.Xpm({type:i,selectors:[["it-list-avatar"]],decls:14,vars:0,consts:[[1,"bd-example"],["avatar","https://randomuser.me/api/portraits/women/41.jpg"],[1,"text"],["avatar","https://randomuser.me/api/portraits/women/42.jpg"],["avatar","https://randomuser.me/api/portraits/women/43.jpg"]],template:function(n,s){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Lista con Avatar"),t.qZA(),t._UZ(2,"p"),t.TgZ(3,"div",0)(4,"it-list")(5,"it-list-item",1)(6,"span",2),t._uU(7,"Lista 1"),t.qZA()(),t.TgZ(8,"it-list-item",3)(9,"span",2),t._uU(10,"Lista 2"),t.qZA()(),t.TgZ(11,"it-list-item",4)(12,"span",2),t._uU(13,"Lista 3"),t.qZA()()()())},dependencies:[l.S,o.o]})}return i})(),v=(()=>{class i{static#t=this.\u0275fac=function(n){return new(n||i)};static#i=this.\u0275cmp=t.Xpm({type:i,selectors:[["it-list-image"]],decls:14,vars:0,consts:[[1,"bd-example"],["image","https://via.placeholder.com/40x40.png?text=40x40"],[1,"text"]],template:function(n,s){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Lista con Immagini"),t.qZA(),t._UZ(2,"p"),t.TgZ(3,"div",0)(4,"it-list")(5,"it-list-item",1)(6,"span",2),t._uU(7,"Lista 1"),t.qZA()(),t.TgZ(8,"it-list-item",1)(9,"span",2),t._uU(10,"Lista 2"),t.qZA()(),t.TgZ(11,"it-list-item",1)(12,"span",2),t._uU(13,"Lista 3"),t.qZA()()()())},dependencies:[l.S,o.o]})}return i})();var r=a(3016);let A=(()=>{class i{static#t=this.\u0275fac=function(n){return new(n||i)};static#i=this.\u0275cmp=t.Xpm({type:i,selectors:[["it-list-arrow"]],decls:17,vars:0,consts:[[1,"bd-example"],["href","#","externalLink","true"],[1,"text"],["name","chevron-right","color","primary"]],template:function(n,s){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Lista con freccia"),t.qZA(),t._UZ(2,"p"),t.TgZ(3,"div",0)(4,"it-list")(5,"it-list-item",1)(6,"span",2),t._uU(7,"Lista 1"),t.qZA(),t._UZ(8,"it-icon",3),t.qZA(),t.TgZ(9,"it-list-item",1)(10,"span",2),t._uU(11,"Lista 2"),t.qZA(),t._UZ(12,"it-icon",3),t.qZA(),t.TgZ(13,"it-list-item",1)(14,"span",2),t._uU(15,"Lista 3"),t.qZA(),t._UZ(16,"it-icon",3),t.qZA()()())},dependencies:[l.S,o.o,r.Q]})}return i})(),T=(()=>{class i{static#t=this.\u0275fac=function(n){return new(n||i)};static#i=this.\u0275cmp=t.Xpm({type:i,selectors:[["it-list-multiple"]],decls:41,vars:0,consts:[[1,"bd-example"],["iconLeft","true","href","#","externalLink","true"],[1,"text"],["multiple",""],["href","#","aria-label","Testo - Azione 1"],["name","code-circle","color","primary"],["href","#","aria-label","Testo - Azione 2"],["href","#","aria-label","Testo - Azione 3"],[1,"metadata"]],template:function(n,s){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Lista con azioni multiple, metadata e testo aggiuntivo"),t.qZA(),t._UZ(2,"p"),t.TgZ(3,"div",0)(4,"it-list")(5,"it-list-item",1)(6,"span",2),t._uU(7,"Link lista 1"),t.qZA(),t.ynx(8,3),t.TgZ(9,"a",4),t._UZ(10,"it-icon",5),t.qZA(),t.TgZ(11,"a",6),t._UZ(12,"it-icon",5),t.qZA(),t.TgZ(13,"a",7),t._UZ(14,"it-icon",5),t.qZA(),t.BQk(),t.qZA(),t.TgZ(15,"it-list-item",1)(16,"span",2),t._uU(17,"Link lista 2"),t.qZA(),t.ynx(18,3),t.TgZ(19,"span",8),t._uU(20,"metadata testo"),t.qZA(),t.TgZ(21,"a",4),t._UZ(22,"it-icon",5),t.qZA(),t.TgZ(23,"a",6),t._UZ(24,"it-icon",5),t.qZA(),t.TgZ(25,"a",7),t._UZ(26,"it-icon",5),t.qZA(),t.BQk(),t.qZA(),t.TgZ(27,"it-list-item",1)(28,"span",2),t._uU(29,"Testo"),t.TgZ(30,"em"),t._uU(31,"Lorem ipsum dolor sit amet."),t.qZA()(),t.ynx(32,3),t.TgZ(33,"span",8),t._uU(34,"metadata testo"),t.qZA(),t.TgZ(35,"a",4),t._UZ(36,"it-icon",5),t.qZA(),t.TgZ(37,"a",6),t._UZ(38,"it-icon",5),t.qZA(),t.TgZ(39,"a",7),t._UZ(40,"it-icon",5),t.qZA(),t.BQk(),t.qZA()()())},dependencies:[l.S,o.o,r.Q]})}return i})();var b=a(4220);let y=(()=>{class i{static#t=this.\u0275fac=function(n){return new(n||i)};static#i=this.\u0275cmp=t.Xpm({type:i,selectors:[["it-list-toggle-checkbox"]],decls:13,vars:0,consts:[[1,"bd-example"],["linkList","true"],["label","Checkbox 1","group","true"],["label","Checkbox 2","group","true"],["active","true"],["label","Toggle 1","toggle","true"],["label","Toggle 2","toggle","true"]],template:function(n,s){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Lista con checkbox e toggle"),t.qZA(),t._UZ(2,"p"),t.TgZ(3,"div",0)(4,"it-list",1)(5,"it-list-item"),t._UZ(6,"it-checkbox",2),t.qZA(),t.TgZ(7,"it-list-item"),t._UZ(8,"it-checkbox",3),t.qZA(),t.TgZ(9,"it-list-item",4),t._UZ(10,"it-checkbox",5),t.qZA(),t.TgZ(11,"it-list-item",4),t._UZ(12,"it-checkbox",6),t.qZA()()())},dependencies:[l.S,o.o,b.f]})}return i})();var _=a(4062);let C=(()=>{class i{static#t=this.\u0275fac=function(n){return new(n||i)};static#i=this.\u0275cmp=t.Xpm({type:i,selectors:[["it-list-collassible"]],decls:23,vars:1,consts:[[1,"bd-example"],["linkList","true"],["iconRight","true"],["role","button",1,"list-item","large","medium","icon-right",3,"click"],[1,"list-item-title-icon-wrapper"],[1,"list-item-title"],["name","expand","color","primary"],["itCollapse","itCollapse"],["linkSubList","true","action",""],["href","#","externalLink","true"],[1,"text"]],template:function(n,s){if(1&n){const c=t.EpF();t.TgZ(0,"h3"),t._uU(1,"Lista collassabile"),t.qZA(),t._UZ(2,"p"),t.TgZ(3,"div",0)(4,"it-list",1)(5,"it-list-item",2)(6,"a",3),t.NdJ("click",function(){t.CHM(c);const N=t.MAs(12);return t.KtG(N.toggle())}),t.TgZ(7,"span",4)(8,"span",5),t._uU(9,"Link lista collassabile"),t.qZA(),t._UZ(10,"it-icon",6),t.qZA()(),t.TgZ(11,"it-collapse",null,7)(13,"it-list",8)(14,"it-list-item",9)(15,"span",10),t._uU(16,"Link lista 1"),t.qZA()(),t.TgZ(17,"it-list-item",9)(18,"span",10),t._uU(19,"Link lista 2"),t.qZA()(),t.TgZ(20,"it-list-item",9)(21,"span",10),t._uU(22,"Link lista 3"),t.qZA()()()()()()()}if(2&n){const c=t.MAs(12);t.xp6(6),t.uIk("aria-expanded",c.isOpen())}},dependencies:[_.H,l.S,o.o,r.Q]})}return i})(),q=(()=>{class i{static#t=this.\u0275fac=function(n){return new(n||i)};static#i=this.\u0275cmp=t.Xpm({type:i,selectors:[["it-list-link-icons"]],decls:37,vars:0,consts:[[1,"bd-example"],["linkList","true"],["href","#","externalLink","true","iconRight","true"],[1,"list-item-title-icon-wrapper"],[1,"list-item-title"],["name","link","color","primary"],["href","#","externalLink","true","iconRight","true","disabled","true"],[1,"divider"],["iconLeft","true","href","#","externalLink","true"],[1,"text"],["iconLeft","true","href","#","externalLink","true","disabled","true"]],template:function(n,s){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Lista con link e icone"),t.qZA(),t._UZ(2,"p"),t.TgZ(3,"div",0)(4,"it-list",1)(5,"it-list-item",2)(6,"span",3)(7,"span",4),t._uU(8,"Link lista con icona a destra 1"),t.qZA(),t._UZ(9,"it-icon",5),t.qZA()(),t.TgZ(10,"it-list-item",2)(11,"span",3)(12,"span",4),t._uU(13,"Link lista con icona a destra 2"),t.qZA(),t._UZ(14,"it-icon",5),t.qZA()(),t.TgZ(15,"it-list-item",6)(16,"span",3)(17,"span",4),t._uU(18,"Link lista disabilitata"),t.qZA(),t._UZ(19,"it-icon",5),t.qZA()(),t.TgZ(20,"it-list-item"),t._UZ(21,"span",7),t.qZA(),t.TgZ(22,"it-list-item",8)(23,"span",3),t._UZ(24,"it-icon",5),t.TgZ(25,"span",9),t._uU(26,"Link lista con icona 1"),t.qZA()()(),t.TgZ(27,"it-list-item",8)(28,"span",3),t._UZ(29,"it-icon",5),t.TgZ(30,"span",9),t._uU(31,"Link lista con icona 2"),t.qZA()()(),t.TgZ(32,"it-list-item",10)(33,"span",3),t._UZ(34,"it-icon",5),t.TgZ(35,"span",9),t._uU(36,"Link lista con icona disabilitato"),t.qZA()()()()())},dependencies:[l.S,o.o,r.Q]})}return i})(),I=(()=>{class i{static#t=this.\u0275fac=function(n){return new(n||i)};static#i=this.\u0275cmp=t.Xpm({type:i,selectors:[["it-list-link-multiline"]],decls:32,vars:0,consts:[[1,"bd-example"],["linkList","true","multiline","true"],["href","#","externalLink","true","iconRight","true"],[1,"list-item-title-icon-wrapper"],[1,"list-item-title"],["name","link","color","primary"],[1,"divider"],["href","#","externalLink","true","iconRight","true","disabled","true"]],template:function(n,s){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Lista con link multiline"),t.qZA(),t._UZ(2,"p"),t.TgZ(3,"div",0)(4,"it-list",1)(5,"it-list-item",2)(6,"span",3)(7,"span",4),t._uU(8,"Link lista con icona a destra 1"),t.qZA(),t._UZ(9,"it-icon",5),t.qZA(),t.TgZ(10,"p"),t._uU(11,"Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026"),t.qZA()(),t.TgZ(12,"it-list-item"),t._UZ(13,"span",6),t.qZA(),t.TgZ(14,"it-list-item",2)(15,"span",3)(16,"span",4),t._uU(17,"Link lista con icona a destra 2"),t.qZA(),t._UZ(18,"it-icon",5),t.qZA(),t.TgZ(19,"p"),t._uU(20,"Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026"),t.qZA()(),t.TgZ(21,"it-list-item"),t._UZ(22,"span",6),t.qZA(),t.TgZ(23,"it-list-item",7)(24,"span",3)(25,"span",4),t._uU(26,"Link lista disabilitata"),t.qZA(),t._UZ(27,"it-icon",5),t.qZA(),t.TgZ(28,"p"),t._uU(29,"Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026"),t.qZA()(),t.TgZ(30,"it-list-item"),t._UZ(31,"span",6),t.qZA()()())},dependencies:[l.S,o.o,r.Q]})}return i})();var w=a(5952);function z(i,E){if(1&i&&(t.TgZ(0,"it-list-item"),t._UZ(1,"it-icon",4),t.TgZ(2,"span",5),t._uU(3),t.qZA()()),2&i){const e=E.$implicit;t.xp6(3),t.Oqu(e)}}let F=(()=>{class i{constructor(){this.pages=[["Antonino","Francesco","Giovanni"],["Linda","Riccardo","Marco"],["Daniel","Gioele","Giulio"],["Diego","Andrea","Lorenzo"],["Giorgio","Manuel","Luca"]],this.selectedItem={currentPage:0,pageNumbers:this.pages.length,data:this.pages[0]}}onPageChange(e){this.selectedItem={...this.selectedItem,data:this.pages[e],currentPage:e}}static#t=this.\u0275fac=function(n){return new(n||i)};static#i=this.\u0275cmp=t.Xpm({type:i,selectors:[["it-list-pagination"]],decls:8,vars:3,consts:[[1,"bd-example"],[4,"ngFor","ngForOf"],[1,"mt-4"],["alignment","center",3,"currentPage","pageNumbers","pageEvent"],["name","user","color","primary","icon",""],[1,"text-primary"]],template:function(n,s){1&n&&(t.TgZ(0,"h3"),t._uU(1,"Lista con paginazione"),t.qZA(),t._UZ(2,"p"),t.TgZ(3,"div",0)(4,"it-list"),t.YNc(5,z,4,1,"it-list-item",1),t.qZA(),t.TgZ(6,"div",2)(7,"it-pagination",3),t.NdJ("pageEvent",function(d){return s.onPageChange(d)}),t.qZA()()()),2&n&&(t.xp6(5),t.Q6J("ngForOf",s.selectedItem.data),t.xp6(2),t.Q6J("currentPage",s.selectedItem.currentPage)("pageNumbers",s.selectedItem.pageNumbers))},dependencies:[m.sg,l.S,o.o,w.f,r.Q],encapsulation:2})}return i})(),P=(()=>{class i{static#t=this.\u0275fac=function(n){return new(n||i)};static#i=this.\u0275cmp=t.Xpm({type:i,selectors:[["it-list-examples"]],decls:24,vars:0,consts:[["html",'
Lista semplice
\n\n\n
\n \n \n Lista 1\n \n \n Lista 2\n \n \n Lista 3\n \n \n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-list-example',\n templateUrl: './list-example.component.html',\n styleUrls: ['./list-example.component.scss']\n})\nexport class ListExampleComponent {\n\n}"],["html",'
Lista con Avatar
\n\n\n
\n \n \n Lista 1\n \n \n Lista 2\n \n \n Lista 3\n \n \n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-list-avatar',\n templateUrl: './list-avatar.component.html',\n styleUrls: ['./list-avatar.component.scss']\n})\nexport class ListAvatarComponent {\n\n}"],["html",'
Lista con Immagini
\n\n\n
\n \n \n Lista 1\n \n \n Lista 2\n \n \n Lista 3\n \n \n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-list-image',\n templateUrl: './list-image.component.html',\n styleUrls: ['./list-image.component.scss']\n})\nexport class ListImageComponent {\n\n}"],["html",'
Lista con freccia
\n\n\n
\n \n \n Lista 1\n \n \n \n Lista 2\n \n \n \n Lista 3\n \n \n \n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-list-arrow',\n templateUrl: './list-arrow.component.html',\n styleUrls: ['./list-arrow.component.scss']\n})\nexport class ListArrowComponent {\n\n}"],["html",'
Lista con azioni multiple, metadata e testo aggiuntivo
\n\n\n
\n \n \n Link lista 1\n \n \n \n \n \n \n \n \n \n \n \n \n \n Link lista 2\n \n metadata testo\n \n \n \n \n \n \n \n \n \n \n \n \n TestoLorem ipsum dolor sit amet.\n \n metadata testo\n \n \n \n \n \n \n \n \n \n \n \n \n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-list-multiple',\n templateUrl: './list-multiple.component.html',\n styleUrls: ['./list-multiple.component.scss']\n})\nexport class ListMultipleComponent {\n\n}"],["html",'
Lista con link
\n\n\n
\n \n
Intestazione
\n \n Link lista 1\n \n \n Link lista 2\n \n \n Link lista 3\n \n \n \n \n \n Link lista 4\n \n \n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-list-link',\n templateUrl: './list-link.component.html',\n styleUrls: ['./list-link.component.scss']\n})\nexport class ListLinkComponent {\n\n}"],["html",'
Lista con link e icone
\n\n\n
\n \n \n \n Link lista con icona a destra 1\n \n \n \n \n \n Link lista con icona a destra 2\n \n \n \n \n \n Link lista disabilitata\n \n \n \n \n \n \n \n Link lista con icona 1\n \n \n \n \n \n Link lista con icona 2\n \n \n \n \n \n Link lista con icona disabilitato\n \n \n \n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-list-link-icons',\n templateUrl: './list-link-icons.component.html',\n styleUrls: ['./list-link-icons.component.scss']\n})\nexport class ListLinkIconsComponent {\n\n}"],["html",'
Lista con link multiline
\n\n\n
\n \n \n \n Link lista con icona a destra 1\n \n \n
Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026
\n \n \n \n \n \n \n Link lista con icona a destra 2\n \n \n
Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026
\n \n \n \n \n \n \n Link lista disabilitata\n \n \n
Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026
\n \n \n \n \n \n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-list-link-multiline',\n templateUrl: './list-link-multiline.component.html',\n styleUrls: ['./list-link-multiline.component.scss']\n})\nexport class ListLinkMultilineComponent {\n\n}"],["html",'
Lista con checkbox e toggle
\n\n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
',"typescript","import { Component } from '@angular/core';\n\n@Component({\n selector: 'it-list-toggle-checkbox',\n templateUrl: './list-toggle-checkbox.component.html',\n styleUrls: ['./list-toggle-checkbox.component.scss']\n})\nexport class ListToggleCheckboxComponent {\n\n}"],["html",'