import{a as T,b as D}from"./chunk-C7XZ7IYY.js";import{Aa as b,Da as v,jb as B,kb as w,za as S}from"./chunk-VA2ZAQUO.js";import{Cb as s,Dc as n,Tb as C,Ub as f,dc as t,ec as o,fc as g,kd as x,nb as p,ob as c,pc as u,qc as y,sd as E,tb as h}from"./chunk-F5OOQG77.js";import{a as d,b as m}from"./chunk-2AVGQ2MQ.js";var I=["*"],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=T("background-color",e)??"#fff",a=this.renderer.createElement("table");a.innerHTML=`
          <table class="table w-100">
            <tr>
              <td class="text-muted">HEX:</td>
              <td class="font-weight-bold">${D(l)}</td>
            </tr>
            <tr>
              <td class="text-muted">RGB:</td>
              <td class="font-weight-bold">${l}</td>
            </tr>
          </table>
        `,this.renderer.appendChild(e.parentNode,a)})}ngOnInit(){}ngAfterViewInit(){this.themeColors()}static{this.\u0275fac=function(e){return new(e||r)(c(x),c(h))}}static{this.\u0275cmp=s({type:r,selectors:[["ng-component"]],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:()=>[S,v,b,w,H],encapsulation:2})}}return r})(),H=(()=>{class r{constructor(){this.color="",this.colorClasses={"theme-color w-75 rounded mb-3":!0},this.display="contents"}ngOnInit(){this.colorClasses=m(d({},this.colorClasses),{[`bg-${this.color}`]:!!this.color})}static{this.\u0275fac=function(e){return new(e||r)}}static{this.\u0275cmp=s({type:r,selectors:[["app-theme-color"]],hostVars:2,hostBindings:function(e,l){e&2&&f("display",l.display)},inputs:{color:"color"},ngContentSelectors:I,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&&(u(),t(0,"c-col",0),g(1,"div",1),y(2),o()),e&2&&(p(),C("ngClass",l.colorClasses))},dependencies:[B,E],encapsulation:2})}}return r})();export{N as ColorsComponent,H as ThemeColorComponent};
