https://www.nyab.com/en/chunk-2YZGTW5H.js

1import{a as j}from"./chunk-D2YVKR62.js";import{a as D}from"./chunk-X42WS3QT.js";import{a as F}from"./chunk-XNG7K7YH.js";import{c as w}from"./chunk-VWIFQUFK.js";import{h as T}from"./chunk-ICF6KCOZ.js";import"./chunk-RVWYYRQD.js";import{a as S}from"./chunk-WG2N6DNQ.js";import"./chunk-VG5YGNY5.js";import{c as I}from"./chunk-OGUNFBL3.js";import"./chunk-GSBPI73C.js";import"./chunk-MDFI7MM2.js";import"./chunk-QXPBSCBE.js";import"./chunk-46TIY27H.js";import{Gc as h,Hc as k,Ja as _,Lb as P,Ob as c,Qb as p,Sb as y,Tb as O,Ub as x,Vb as a,Wb as s,Xb as d,Yb as g,Zb as m,_b as u,hb as o,jd as E,sb as f,sc as l,tc as v,uc as b,wb as M}from"./chunk-ZKNABTT2.js";var R=["*",[["kb-flipping-tile"]]],q=["*","kb-flipping-tile"],V=[[["","slot","picture"]],[["","slot","title"]],"*"],H=["[slot='picture']","[slot='title']","*"],B=(()=>{let n=class n{constructor(){this.variant=E("tile-primary")}};n.\u0275fac=function(i){return new(i||n)},n.\u0275cmp=f({type:n,selectors:[["kb-flipping-tiles"]],hostAttrs:["kb-layout","grid"],hostVars:1,hostBindings:function(i,C){i&2&&P("kb-color-variant",C.variant())},inputs:{variant:[1,"variant"]},ngContentSelectors:q,decls:4,vars:0,consts:[["kb-grid-item-columns","12",1,"text-content"],["kb-grid-item-columns","12","kb-layout","grid",1,"tile-grid"]],template:function(i,C){i&1&&(v(R),m(0,"div",0),b(1),u(),m(2,"div",1),b(3,1),u())},styles:["[_nghost-%COMP%]{box-sizing:border-box;gap:calc(var(--kb-gap--outer-column) * 3);padding:calc(var(--kb-gap--outer-column) * 3);background-color:var(--kb-color--background);color:var(--kb-color--on-background);--kb-flipping-tile-surface: var(--kb-color--primary);--kb-flipping-tile-on-surface: var(--kb-color--on-primary);--kb-flipping-tile-heading: var(--kb-color--on-primary);--kb-flipping-tile-outline: var(--kb-color--primary);--kb-flipping-tile-toggle-surface: var(--kb-color--background);--kb-flipping-tile-toggle-on-surface: var(--kb-color--on-background)}[_nghost-%COMP%]   .text-content[_ngcontent-%COMP%]{text-align:center}@media screen and (min-width: 769px){[_nghost-%COMP%]   .text-content[_ngcontent-%COMP%]{padding-inline:calc(var(--kb-gap--outer-column) * 3)}}[_nghost-%COMP%]   .tile-grid[_ngcontent-%COMP%]{gap:calc(var(--kb-gap--outer-column) * 3)}[kb-color-variant=background-primary][_nghost-%COMP%]{background-color:var(--kb-color--primary);color:var(--kb-color--on-primary);--kb-flipping-tile-surface: var(--kb-color--background);--kb-flipping-tile-on-surface: var(--kb-color--on-background);--kb-flipping-tile-heading: var(--kb-color--on-secondary-variant--high);--kb-flipping-tile-outline: var(--kb-color--secondary);--kb-flipping-tile-toggle-surface: var(--kb-color--secondary-variant);--kb-flipping-tile-toggle-on-surface: var(--kb-color--on-secondary-variant)}[kb-color-variant=background-primary][_nghost-%COMP%]   .text-content[_ngcontent-%COMP%]  [kb-heading], [kb-color-variant=background-primary][_nghost-%COMP%]   .text-content[_ngcontent-%COMP%]  [kb-paragraph]{color:inherit}"],changeDetection:0});let e=n;return e})(),A=(()=>{let n=class n{};n.\u0275fac=function(i){return new(i||n)},n.\u0275cmp=f({type:n,selectors:[["kb-flipping-tile"]],hostAttrs:["kb-grid-item-columns","4"],ngContentSelectors:H,decls:10,vars:0,consts:[["tabindex","0",1,"tile"],[1,"face","front-face"],[1,"front-content"],[1,"picture-wrapper"],[1,"front-title"],[1,"face","back-face"],[1,"back-content"]],template:function(i,C){i&1&&(v(V),m(0,"div",0)(1,"div",1)(2,"div",2)(3,"span",3),b(4),u(),m(5,"span",4),b(6,1),u()()(),m(7,"div",5)(8,"div",6),b(9,2),u()()())},styles:['[_nghost-%COMP%]{display:block;height:100%;perspective:1000px;min-width:0;will-change:transform}

1[_nghost-%COMP%]   .tile[_ngcontent-%COMP%]{display:grid;height:100%;min-height:100%;transform-style:preserve-3d;transition:transform var(--kb-speed--slow)}[_nghost-%COMP%]   .tile[_ngcontent-%COMP%]:focus{outline:none}[_nghost-%COMP%]   .tile[_ngcontent-%COMP%]:focus-visible{outline-color:var(--kb-flipping-tile-outline);outline-offset:0;outline-style:solid;outline-width:var(--kb-width--outline)}[_nghost-%COMP%]   .tile[_ngcontent-%COMP%]:before{content:"";grid-area:1/1;padding-top:100%}[_nghost-%COMP%]:hover   .tile[_ngcontent-%COMP%], [_nghost-%COMP%]:focus-within   .tile[_ngcontent-%COMP%]{transform:rotateY(180deg)}[_nghost-%COMP%]   .face[_ngcontent-%COMP%]{grid-area:1/1;display:flex;flex-direction:column;justify-content:center;gap:var(--kb-gap--inner-column) var(--kb-gap--inner-row);box-sizing:border-box;backface-visibility:hidden;padding:var(--kb-gap--inner-column) var(--kb-gap--inner-row);min-height:100%;background-color:var(--kb-flipping-tile-surface);color:var(--kb-flipping-tile-on-surface)}[_nghost-%COMP%]   .front-face[_ngcontent-%COMP%]{text-align:center}[_nghost-%COMP%]   .back-face[_ngcontent-%COMP%]{transform:rotateY(180deg);justify-content:center;text-align:left}[_nghost-%COMP%]   .front-content[_ngcontent-%COMP%]{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;gap:var(--kb-gap--inner-column) var(--kb-gap--inner-row);min-height:100%}[_nghost-%COMP%]   .picture-wrapper[_ngcontent-%COMP%]{display:block}[_nghost-%COMP%]   .picture-wrapper[_ngcontent-%COMP%]     [slot=picture]{display:block}[_nghost-%COMP%]   .picture-wrapper[_ngcontent-%COMP%]     kb-picture{display:block;inline-size:100%}[_nghost-%COMP%]   .front-title[_ngcontent-%COMP%]{font-size:var(--kb-typography--size-large);line-height:var(--kb-typography--height-large);color:var(--kb-flipping-tile-heading);font-weight:700;text-wrap:balance}[_nghost-%COMP%]   .front-title[_ngcontent-%COMP%]     [slot=title]{color:var(--kb-flipping-tile-heading)}[_nghost-%COMP%]   .back-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:center;gap:var(--kb-gap--inner-column--text) var(--kb-gap--inner-row--text);min-height:100%}[_nghost-%COMP%]   .back-content[_ngcontent-%COMP%]     [kb-heading], [_nghost-%COMP%]   .back-content[_ngcontent-%COMP%]     [slot=title], [_nghost-%COMP%]   .back-content[_ngcontent-%COMP%]     [slot=title] *, [_nghost-%COMP%]   .back-content[_ngcontent-%COMP%]     [kb-paragraph], [_nghost-%COMP%]   .back-content[_ngcontent-%COMP%]     [kb-list], [_nghost-%COMP%]   .back-content[_ngcontent-%COMP%]     [kb-link]{color:inherit}[_nghost-%COMP%]   .back-content[_ngcontent-%COMP%]     [kb-heading]{color:var(--kb-flipping-tile-heading)}@media (prefers-reduced-motion: reduce){[_nghost-%COMP%]   .tile[_ng

1content-%COMP%]{transition-duration:.01ms}}'],changeDetection:0});let e=n;return e})();var Y=["app-flipping-tiles",""];function $(e,n){if(e&1&&g(0,"a",0),e&2){let t=l();a("id",t.anchor)}}function N(e,n){if(e&1&&(s(0,"h2",2),h(1),d()),e&2){let t=l();a("appEditorId",t.editorIds==null?null:t.editorIds.headline),o(),k(t.attributes.headline)}}function G(e,n){if(e&1&&g(0,"kb-html",3),e&2){let t=l();a("appEditorId",t.editorIds==null?null:t.editorIds.content)("html",t.attributes.content)}}function J(e,n){if(e&1&&g(0,"kb-picture",6),e&2){let t=l().$implicit,r=l();a("appEditorId",t.attributes.image.editorIds==null?null:t.attributes.image.editorIds.src)("picture",r.imageToPicture(t.attributes.image.attributes,r.squareAspectRatio).sources)("alt",t.attributes.image.attributes.alt)("rootColumns",4)("variants",r.pictureVariants)}}function K(e,n){if(e&1&&(s(0,"kb-flipping-tile",4),c(1,J,1,5,"kb-picture",6),s(2,"h3",7),h(3),d(),s(4,"h3",2),h(5),d(),g(6,"kb-html",3),d()),e&2){let t=n.$implicit;a("appEditorId",t.editorId),o(),p(t.attributes.image?1:-1),o(),a("appEditorId",t.editorIds==null?null:t.editorIds.headline),o(),k(t.attributes.headline),o(),a("appEditorId",t.editorIds==null?null:t.editorIds.headline),o(),k(t.attributes.headline),o(),a("appEditorId",t.editorIds==null?null:t.editorIds.text)("html",t.attributes.text)}}function L(e,n){if(e&1&&g(0,"app-fs-button",5),e&2){let t=l();a("value",t.createSectionButton)}}var lt=(()=>{class e extends D{imageToPicture=T;squareAspectRatio=I.Square;pictureVariants=[{aspectRatio:this.squareAspectRatio}];static \u0275fac=(()=>{let t;return function(i){return(t||(t=_(e)))(i||e)}})();static \u0275cmp=f({type:e,selectors:[["section","app-flipping-tiles",""]],features:[M],attrs:Y,decls:7,vars:5,consts:[[3,"id"],[3,"variant"],["kb-heading","",3,"appEditorId"],[3,"appEditorId","html"],[3,"appEditorId"],[3,"value"],["slot","picture",3,"appEditorId","picture","alt","rootColumns","variants"],["slot","title","kb-heading","",3,"appEditorId"]],template:function(r,i){r&1&&(c(0,$,1,1,"a",0),s(1,"kb-flipping-tiles",1),c(2,N,2,2,"h2",2),c(3,G,1,2,"kb-html",3),O(4,K,7,8,"kb-flipping-tile",4,y),d(),c(6,L,1,1,"app-fs-button",5)),r&2&&(p(i.anchor?0:-1),o(),a("variant",i.attributes.variant??"tile-primary"),o(),p(i.attributes.headline?2:-1),o(),p(i.attributes.content?3:-1),o(),x(i.attributes.items),o(2),p(i.createSectionButton?6:-1))},dependencies:[S,B,A,w,F,j],encapsulation:2,changeDetection:0})}return e})();export{lt as FlippingTilesSectionComponent};
2/**i18n:9b2f1e34af068233b6abd63a66684d4e9dbff90014448b8ec97e38af3af71f01*/
3//# sourceMappingURL=chunk-2YZGTW5H.js.map