1import{a as w}from"./chunk-EJJIS626.js";import{a as _}from"./chunk-TS45BHO3.js";import{f as L}from"./chunk-JGCSIKUA.js";import"./chunk-LRHUHUFK.js";import{x as I}from"./chunk-TC7AFJVT.js";import{Fc as D,Lc as f,Mc as v,Nb as g,Pb as C,Rb as x,Sb as b,Tb as h,Ub as c,Vb as t,Wb as e,Xb as m,fb as l,gc as s,ia as E,rc as k,td as y,ub as u,uc as i,vc as d,wd as A,xc as T}from"./chunk-F3BCTBDD.js";import"./chunk-DIH54OSL.js";var K=(()=>{class o{static{this.\u0275fac=function(r){return new(r||o)}}static{this.\u0275cmp=u({type:o,selectors:[["app-palette-card"]],inputs:{palette:"palette"},decls:26,vars:2,consts:[[1,"palette-card",3,"ngClass"],[1,"palette-card__colors"],[1,"bg-primary","text-center","d-block"],[1,"h2","text-primary-text","mb-0"],[1,"text-muted-light"],[1,"bg-background","text-center","d-block"],[1,"h2","text-background-text-color","mb-2"],[1,"button","button-outline","button--theme-overlay"],[1,"bg-background-light"],[1,"h2","text-dark","mb-0"],[1,"palette-card__meta"],[1,"button","button--primary","me-2","mt-3"],[1,"button","button--secondary","mt-3"]],template:function(r,a){r&1&&(t(0,"article",0)(1,"figure",1)(2,"div",2)(3,"h1",3),i(4,"Aa"),e(),t(5,"span",4),i(6,"muted-light text"),e()(),t(7,"div",5)(8,"h1",6),i(9,"Aa"),e(),t(10,"button",7),i(11,"Knop"),e()(),t(12,"div",8)(13,"h1",9),i(14,"Aa"),e()(),t(15,"figcaption",10)(16,"strong"),i(17),e(),m(18,"br"),t(19,"span",4),i(20,"muted-light text"),e(),m(21,"br"),t(22,"button",11),i(23,"Knop 1"),e(),t(24,"button",12),i(25,"Knop 2"),e()()()()),r&2&&(c("ngClass",a.palette.name),l(17),d(a.palette.name))},dependencies:[y],encapsulation:2,changeDetection:0})}}return o})();var P=()=>["primary","primaryText","background","backgroundLight","backgroundDark","backgroundTextColor","backgroundTextInvertedColor","mutedLight"];function F(o,p){if(o&1&&(t(0,"tr")(1,"td"),i(2),e(),t(3,"td"),i(4),e(),t(5,"td"),m(6,"div",14),e()()),o&2){let n=p.$implicit,r=s().$implicit,a=s();l(2),d(n),l(2),d(a.getColorByKey(r,n)||"Niet gevuld"),l(2),k("background",a.getColorByKey(r,n)),c("ngClass","bg-"+a.camelToDashed(n))}}function $(o,p){if(o&1&&(t(0,"li",3)(1,"h2",9),i(2),e(),t(3,"div",10),m(4,"app-palette-card",11),t(5,"table",12)(6,"thead")(7,"tr")(8,"th",13),i(9,"Name"),e(),t(10,"th",13),i(11,"Value"),e(),t(12,"th",13),i(13,"Color"),e()()(),b(14,F,7,5,"tr",null,x),e()()()),o&2){let n=p.$implicit;l(2),T("#",n.id," ",n.name),l(2),c("palette",n),l(),c("ngClass",n.name),l(9),h(D(4,P))}}function G(o,p){if(o&1&&(t(0,"li",5)(1,"article",15)(2,"figure",16)(3,"div",17)(4,"h1",18),i(5,"Aa"),e(),t(6,"span",19),i(7,"muted-light text"),e()(),t(8,"div",20)(9,"h1",21),i(10,"Aa"),e(),t(11,"button",22),i(12,"Knop"),e()(),t(13,"div",23)(14,"h1",24),i(15,"Aa"),e()(),t(16,"figcaption",25)(17,"strong"),i(18),e(),m(19,"br"),t(20,"span",19),i(21,"muted-light text"),e(),m(22,"br"),t(23,"button",26),i(24,"Knop 1"),e(),t(25,"button",27),i(26,"Knop 2"),e()()()()()),o&2){let n=p.$implicit;l(),c("ngClass",n==null?null:n.name),l(17),d(n==null?null:n.name)}}function M(o,p){if(o&1&&m(0,"app-color-list",6),o&2){let n=s();c("colorList",n.colors)}}function N(o,p){if(o&1&&m(0,"app-color-list",7),o&2){let n=s();c("colorList",n.remainingColors(n.grayColors,n.activeGrayColors))}}function j(o,p){if(o&1&&m(0,"app-color-list",8),o&2){let n=s();c("colorList",n.themeColors)}}var X=(()=>{class o{constructor(){this.store=E(I),this.themes$=this.store.select(L),this.themeColors=_.bsStyles,this.colors=["blue","indigo","purple","pink","red","orange","yellow","green","teal","cyan"],this.grayColors=["900","800","700","600","500","400","300","200","100"],this.activeGrayColors=[],this.palettes=_.themePalettes}remainingColors(n,r){return n.filter(a=>!r.includes(a))}getColorByKey(n,r){return n[r]}camelToDashed(n){return n.replace(/[A-Z]/g,r=>"-"+r.toLowerCase())}static{this.\u0275fac=function(r){return new(r||o)}}static{this.\u0275cmp=u({type:o,selectors:[["app-colors"]],decls:19,vars:7,consts:[[1,"section-inset-y"],[1,"container"],[1,"section-outset-b","row"],[1,"mb-3","col-md-6"],[1,"row","section-outset-b"],[1,"col-sm-4","col-lg-3","mb-4"],["type","color","title","basiskleuren",3,"colorList"],["title","Grijstinten","type","gray",3,"colorList"],["type","theme","title","Active theme colors",3,"colorList"],[1,"h4"],[1,"d-flex"],[1,"d-block","me-3",3,"palette"],[1,"color-table",3,"ngClass"],[1,"fw-bold"],[1,"swatch","mb-0",3,"ngClass"],[1,"palette-card",3,"ngClass"],[1,"palette-card__colors"],[1,"bg-primary","text-center","d-block"],[1,"h2","text-primary-text","mb-0"],[1,"text-muted-light"],[1,"bg-background","text-center","d-block"],[1,"h2","text-background-text-color","mb-2"],[1,"button","button-outline","button--theme-overlay"],[1,"bg-background-light"],[1,"h2","text-dark","mb-0"],[1,"palette-card__meta"],[1,"button","button--primary","me-2","mt-3"],[1,"button","button--secondary","mt-3"]],template:function(r,a){
1if(r&1&&(t(0,"section",0)(1,"div",1)(2,"h3"),i(3,"Palettes"),e(),t(4,"ul",2),b(5,$,16,5,"li",3,x),f(7,"async"),e(),t(8,"h3"),i(9,"Palette Overview"),e(),t(10,"ul",4),b(11,G,27,2,"li",5,x),f(13,"async"),e(),t(14,"h3"),i(15,"Overige kleuren"),e(),g(16,M,1,1,"app-color-list",6),g(17,N,1,1,"app-color-list",7),g(18,j,1,1,"app-color-list",8),e()()),r&2){let S;l(5),h((S=v(7,3,a.themes$))==null?null:S.reverse()),l(6),h(v(13,5,a.themes$)),l(5),C(a.colors.length>0?16:-1),l(),C(a.remainingColors(a.grayColors,a.activeGrayColors).length>0?17:-1),l(),C(a.themeColors.length>0?18:-1)}},dependencies:[K,y,w,A],encapsulation:2,changeDetection:0})}}return o})();export{X as ColorsComponent}; 2//# sourceMappingURL=chunk-CAEIIXST.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.