import{a as I,b as H}from"./chunk-C7XZ7IYY.js";import{Aa as B,Da as w,db as T,eb as D,m as b,za as v}from"./chunk-3H2Q52KW.js";import{Ab as c,Ec as n,Rb as f,Sb as g,bc as t,cc as o,dc as u,eb as p,lb as h,ld as S,mb as s,qc as y,rb as C,rc as x,td as E}from"./chunk-DF3EMM3Z.js";import{a as d,b as m}from"./chunk-2AVGQ2MQ.js";var M=["*"],q=(()=>{class r{constructor(l,e,i){this.document=l,this.renderer=e,this.sanitizer=i}themeColors(){Array.from(this.document.querySelectorAll(".theme-color")).forEach(l=>{let e=l,i=I("background-color",e)??"#fff",a=this.renderer.createElement("table");a.innerHTML=this.sanitizer.sanitize(p.HTML,`
          <table class="table w-100">
            <tr>
              <td class="text-muted">HEX:</td>
              <td class="font-weight-bold">${H(i)}</td>
            </tr>
            <tr>
              <td class="text-muted">RGB:</td>
              <td class="font-weight-bold">${i}</td>
            </tr>
          </table>
        `),this.renderer.appendChild(e.parentNode,a)})}ngOnInit(){}ngAfterViewInit(){this.themeColors()}static{this.\u0275fac=function(e){return new(e||r)(s(S),s(C),s(b))}}static{this.\u0275cmp=c({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,i){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:()=>[v,w,B,D,j],encapsulation:2})}}return r})(),j=(()=>{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=c({type:r,selectors:[["app-theme-color"]],hostVars:2,hostBindings:function(e,i){e&2&&g("display",i.display)},inputs:{color:"color"},ngContentSelectors:M,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,i){e&1&&(y(),t(0,"c-col",0),u(1,"div",1),x(2),o()),e&2&&(h(),f("ngClass",i.colorClasses))},dependencies:[T,E],encapsulation:2})}}return r})();export{q as ColorsComponent,j as ThemeColorComponent};
