import{a as D,c as I}from"./chunk-CQF3O75Q.js";import{ab as w,bb as T,qa as b,ra as v,ua as B}from"./chunk-RIXYHOD2.js";import{Hc as c,Mb as f,Nb as u,Yb as t,Zb as o,_b as g,hd as S,ic as y,jc as x,kb as h,lb as s,oa as a,pd as E,rb as C,vc as n}from"./chunk-7RF4FE4V.js";import{a as m,b as p}from"./chunk-WWX6BADO.js";var H=["*"],N=(()=>{class r{constructor(i,e){this.document=i,this.renderer=e}themeColors(){Array.from(this.document.querySelectorAll(".theme-color")).forEach(i=>{let e=i,l=D("background-color",e)??"#fff",d=this.renderer.createElement("table");d.innerHTML=`
          <table class="table w-100">
            <tr>
              <td class="text-muted">HEX:</td>
              <td class="font-weight-bold">${I(l)}</td>
            </tr>
            <tr>
              <td class="text-muted">RGB:</td>
              <td class="font-weight-bold">${l}</td>
            </tr>
          </table>
        `,this.renderer.appendChild(e.parentNode,d)})}ngOnInit(){}ngAfterViewInit(){this.themeColors()}static{this.\u0275fac=function(e){return new(e||r)(s(S),s(C))}}static{this.\u0275cmp=a({type:r,selectors:[["ng-component"]],standalone:!0,features:[c],decls:29,vars:0,consts:[[1,"mb-4"],["color","primary"],["color","secondary"],["color","success"],["color","danger"],["color","warning"],["color","info"],["color","light"],["color","dark"]],template:function(e,l){e&1&&(t(0,"c-card",0)(1,"c-card-header"),n(2," Theme colors "),o(),t(3,"c-card-body")(4,"c-row")(5,"app-theme-color",1)(6,"h6"),n(7,"Brand Primary Color"),o()(),t(8,"app-theme-color",2)(9,"h6"),n(10,"Brand Secondary Color"),o()(),t(11,"app-theme-color",3)(12,"h6"),n(13,"Brand Success Color"),o()(),t(14,"app-theme-color",4)(15,"h6"),n(16,"Brand Danger Color"),o()(),t(17,"app-theme-color",5)(18,"h6"),n(19,"Brand Warning Color"),o()(),t(20,"app-theme-color",6)(21,"h6"),n(22,"Brand Info Color"),o()(),t(23,"app-theme-color",7)(24,"h6"),n(25,"Brand Light Color"),o()(),t(26,"app-theme-color",8)(27,"h6"),n(28,"Brand Dark Color"),o()()()()())},dependencies:()=>[b,B,v,T,M],encapsulation:2})}}return r})(),M=(()=>{class r{constructor(){this.color="",this.colorClasses={"theme-color w-75 rounded mb-3":!0},this.display="contents"}ngOnInit(){this.colorClasses=p(m({},this.colorClasses),{[`bg-${this.color}`]:!!this.color})}static{this.\u0275fac=function(e){return new(e||r)}}static{this.\u0275cmp=a({type:r,selectors:[["app-theme-color"]],hostVars:2,hostBindings:function(e,l){e&2&&u("display",l.display)},inputs:{color:"color"},standalone:!0,features:[c],ngContentSelectors:H,decls:3,vars:1,consts:[["xl","2","md","4","sm","6","xs","12",1,"my-4","ms-4"],[2,"padding-top","75%",3,"ngClass"]],template:function(e,l){e&1&&(y(),t(0,"c-col",0),g(1,"div",1),x(2),o()),e&2&&(h(),f("ngClass",l.colorClasses))},dependencies:[w,E],encapsulation:2})}}return r})();export{N as ColorsComponent,M as ThemeColorComponent};
