1import{a as De,b as ke}from"./chunk-IKIROAU6.js";import{a as Ve,b as Re}from"./chunk-LA26Z3I5.js";import{a as Te,b as Oe}from"./chunk-VUJ6CKI4.js";import{a as Me,b as Pe}from"./chunk-H6M4UMBZ.js";import{i as xe,n as Ie,o as Ee}from"./chunk-5W7PA6IV.js";import"./chunk-FWOXLO2I.js";import"./chunk-MMIYEDDM.js";import{a as we,b as Se}from"./chunk-WHRASWUD.js";import"./chunk-O7MQZI2W.js";import"./chunk-4YRKHBZ4.js";import{a as ye,b as Ce}from"./chunk-FWGLM2VI.js";import"./chunk-ZY5EWIHG.js";import"./chunk-AGDOU3KY.js";import"./chunk-ILCWT6G2.js";import{B as be,g as he,n as _e}from"./chunk-XRM7E3G2.js";import"./chunk-PZY32JSP.js";import"./chunk-YA7YVV2L.js";import"./chunk-Y6ZBESAG.js";import{g as R,h as F}from"./chunk-QTOLND7J.js";import"./chunk-73CXOEIF.js";import"./chunk-NEZ473FP.js";import"./chunk-VT5J52FL.js";import"./chunk-WHPMU64I.js";import"./chunk-UAEHYJVK.js";import"./chunk-3XFWJJCV.js";import"./chunk-4UA645WS.js";import{a as P,b as fe}from"./chunk-AJ3O27UI.js";import{aa as ue,da as ge,ea as ve}from"./chunk-B7BJA2XC.js";import"./chunk-GHNGAUXJ.js";import{D as de,E as V}from"./chunk-5UIXL6BO.js";import{l as me,t as pe,w as se,z as ce}from"./chunk-BYFQZQSV.js";import"./chunk-YI2DTASI.js";import{$c as A,Ad as L,Bc as _,Db as f,Dc as h,Eb as H,Fa as w,Gc as ee,Gd as le,Hb as K,Ib as J,Ic as D,Jb as d,Jc as k,Ka as G,Lc as te,Mc as ie,Qc as ne,Rc as z,Sc as s,Tc as g,Uc as ae,Vc as re,Zc as B,_c as N,ac as X,dd as oe,ed as S,ga as j,ha as U,hb as u,ic as Y,ja as Q,jc as Z,kc as m,la as I,lc as i,mb as l,mc as n,nc as p,ta as y,ua as C,ud as c,wc as M,ya as q,za as W}from"./chunk-6LNVQHTW.js";import{k as O}from"./chunk-SI3YDIW4.js";function Ue(t,o){if(t&1&&(i(0,"div",7)(1,"div",8)(2,"div",9),p(3,"img",10)(4,"p-tag",11),n()(),i(5,"div",12),s(6),n(),i(7,"div",13)(8,"div",14),s(9),n(),i(10,"span"),p(11,"p-button",15)(12,"p-button",16),n()()()),t&2){let e=o.$implicit,r=h();l(3),m("alt",e.name)("src","https://primefaces.org/cdn/primeng/images/demo/product/"+e.image,u),l(),m("severity",r.getSeverity(e.inventoryStatus))("value",e.inventoryStatus),l(2),g(e.name),l(3),g("$"+e.price),l(2),m("outlined",!0)}}function Qe(t,o){if(t&1&&(i(0,"div",17)(1,"div",8)(2,"div",9),p(3,"img",10)(4,"p-tag",11),n()(),i(5,"div",12),s(6),n(),i(7,"div",13)(8,"div",14),s(9),n(),i(10,"span"),p(11,"p-button",15)(12,"p-button",16),n()()()),t&2){let e=o.$implicit,r=h();l(3),m("alt",e.name)("src","https://primefaces.org/cdn/primeng/images/demo/product/"+e.image,u),l(),m("severity",r.getSeverity(e.inventoryStatus))("value",e.inventoryStatus),l(2),g(e.name),l(3),g("$"+e.price),l(2),m("outlined",!0)}}function qe(t,o){if(t&1&&(i(0,"div",17)(1,"div",8)(2,"div",9),p(3,"img",10)(4,"p-tag",11),n()(),i(5,"div",12),s(6),n(),i(7,"div",13)(8,"div",14),s(9),n(),i(10,"span"),p(11,"p-button",15)(12,"p-button",16),n()()()),t&2){let e=o.$implicit,r=h();l(3),m("alt",e.name)("src","https://primefaces.org/cdn/primeng/images/demo/product/"+e.image,u),l(),m("severity",r.getSeverity(e.inventoryStatus))("value",e.inventoryStatus),l(2),g(e.name),l(3),g("$"+e.price),l(2),m("outlined",!0)}}function We(t,o){if(t&1&&(i(0,"div",17)(1,"div",8)(2,"div",9),p(3,"img",18)(4,"p-tag",11),n()(),i(5,"div",12),s(6),n(),i(7,"div",13)(8,"div",14),s(9),n(),i(10,"span"),p(11,"p-button",15)(12,"p-button",16),n()()()),t&2){let e=o.$implicit,r=h();l(3),m("alt",e.name)("src","https://primefaces.org/cdn/primeng/images/demo/product/"+e.image,u),l(),m("severity",r.getSeverity(e.inventoryStatus))("value",e.inventoryStatus),l(2),g(e.name),l(3),g("$"+e.price),l(2),m("outlined",!0)}}var Fe=(()=>{class t{constructor(){this.products=w(xe.slice(0,9)),this.responsiveOptions=[{breakpoint:"1400px",numVisible:2,numScroll:1},{breakpoint:"1199px",numVisible:3,numScroll:1},{breakpoint:"767px",numVisible:2,numScroll:1},{breakpoint:"575px",numVisible:1,numScroll:1}]}getSeverity(e){switch(e){case"INSTOCK":return"success";case"LOWSTOCK":return"warn";case"OUTOFSTOCK":return"danger";default:return}}static{this.\u0275fac=function(r){return new(r||t)}}static{this.\u0275cmp=f({type:t,selectors:[["app-preview-media-carousel"]],decls:23,vars:17,consts:[["item",""],[1,"card"],[3,"circular","numScroll","numVisible","responsiveOptions","value"],[1,"mt-8"],["autoplayInterval","3000",3,"circular","numScroll","numVisible","responsiveOptions","value"],[3,"numScroll","numVisible","responsiveOptions","value"],["contentClass","flex items-center","orientation","vertical","verticalViewPortHeight","330px",3,"numScroll","numVisible","value"],[1,"m-2","border","p-4","border-surface","rounded-border"],[1,"mb-4"],[1,"relative","mx-auto"],[1,"w-full","rounded-border",3,"alt","src"],[1,"absolute","left-1","top-1","dark:!bg-surface-900",3,"severity","value"],[1,"mb-4","font-medium"],[1,"flex","items-center","justify-between"],[1,"mt-0","text-xl","font-semibold"],["
1icon","far fa-heart","severity","secondary",3,"outlined"],["icon","far fa-cart-shopping","styleClass","ml-2"],[1,"m-2","rounded","border","border-surface-200","p-4","dark:border-surface-700"],[1,"w-full","rounded",3,"alt","src"]],template:function(r,a){r&1&&(i(0,"div",1)(1,"h4"),s(2,"Carousel"),n(),i(3,"h5"),s(4,"Basic"),n(),i(5,"p-carousel",2),d(6,Ue,13,7,"ng-template",null,0,c),n(),i(8,"h5",3),s(9,"Circular"),n(),i(10,"p-carousel",4),d(11,Qe,13,7,"ng-template",null,0,c),n(),i(13,"h5",3),s(14,"Responsive"),n(),i(15,"p-carousel",5),d(16,qe,13,7,"ng-template",null,0,c),n(),i(18,"h5",3),s(19,"Vertical"),n(),i(20,"p-carousel",6),d(21,We,13,7,"ng-template",null,0,c),n()()),r&2&&(l(5),m("circular",!1)("numScroll",3)("numVisible",3)("responsiveOptions",a.responsiveOptions)("value",a.products()),l(5),m("circular",!0)("numScroll",1)("numVisible",3)("responsiveOptions",a.responsiveOptions)("value",a.products()),l(5),m("numScroll",1)("numVisible",3)("responsiveOptions",a.responsiveOptions)("value",a.products()),l(5),m("numScroll",1)("numVisible",1)("value",a.products()))},dependencies:[F,R,Oe,Te,Pe,Me],styles:[".card[_ngcontent-%COMP%]{margin-bottom:2rem}.card[_ngcontent-%COMP%]:last-child{margin-bottom:0}"],changeDetection:0})}}return t})();var He=["advancedGalleria"],E=()=>({"max-width":"640px"}),Ke=(t,o)=>o.value;function Je(t,o){if(t&1&&p(0,"img",17),t&2){let e=o.$implicit;m("src",e.itemImageSrc,u)}}function Xe(t,o){if(t&1&&p(0,"img",18),t&2){let e=o.$implicit;m("src",e.thumbnailImageSrc,u)}}function Ye(t,o){if(t&1&&p(0,"img",17),t&2){let e=o.$implicit;m("src",e.itemImageSrc,u)}}function Ze(t,o){if(t&1&&p(0,"img",18),t&2){let e=o.$implicit;m("src",e.thumbnailImageSrc,u)}}function et(t,o){if(t&1&&(i(0,"div",19),s(1),n(),i(2,"p",20),s(3),n()),t&2){let e=o.$implicit;l(),g(e.title),l(2),g(e.alt)}}function tt(t,o){if(t&1&&p(0,"img",17),t&2){let e=o.$implicit;m("src",e.itemImageSrc,u)}}function it(t,o){if(t&1&&p(0,"img",18),t&2){let e=o.$implicit;m("src",e.thumbnailImageSrc,u)}}function nt(t,o){if(t&1&&p(0,"img",17),t&2){let e=o.$implicit;m("src",e.itemImageSrc,u)}}function at(t,o){if(t&1&&p(0,"img",17),t&2){let e=o.$implicit;m("src",e.thumbnailImageSrc,u)}}function rt(t,o){if(t&1&&p(0,"img",17),t&2){let e=o.$implicit;m("src",e.itemImageSrc,u)}}function ot(t,o){if(t&1&&p(0,"img",18),t&2){let e=o.$implicit;m("src",e.thumbnailImageSrc,u)}}function lt(t,o){if(t&1){let e=M();i(0,"div",14)(1,"p-radiobutton",21),_("ngModelChange",function(a){y(e);let b=h();return C(b.thumbnailPosition.set(a))}),n(),i(2,"label",22),s(3),n()()}if(t&2){let e=o.$implicit,r=h();l(),m("ariaLabel",e.label)("inputId","thumbnail-position-"+e.value)("ngModel",r.thumbnailPosition())("value",e.value),l(),m("for","thumbnail-position-"+e.value),l(),ae(" ",e.label," ")}}function mt(t,o){if(t&1&&p(0,"img",17),t&2){let e=o.$implicit;m("src",e.itemImageSrc,u)}}function pt(t,o){if(t&1&&(i(0,"div",23),p(1,"img",17),n()),t&2){let e=o.$implicit;l(),m("src",e.thumbnailImageSrc,u)}}function st(t,o){if(t&1&&p(0,"img",17),t&2){let e=o.$implicit;m("src",e.itemImageSrc,u)}}function ct(t,o){if(t&1&&(i(0,"div",23),p(1,"img",18),n()),t&2){let e=o.$implicit;l(),m("src",e.thumbnailImageSrc,u)}}function dt(t,o){if(t&1){let e=M();i(0,"div",24)(1,"p-button",25),_("onClick",function(){y(e);let a=h();return C(a.onThumbnailButtonClick())}),n(),i(2,"p-button",25),_("onClick",function(){y(e);let a=h();return C(a.toggleAutoSlide())}),n(),i(3,"span",26)(4,"span",27),s(5),n(),i(6,"span",28),s(7),n(),i(8,"span",27),s(9),n()(),i(10,"p-button",29),_("onClick",function(){y(e);let a=h();return C(a.toggleFullScreen())}),n()()}if(t&2){let e=h();l(),m("icon","far fa-grid-2"),l(),m("icon",e.slideButtonIcon()),l(3),re("",e.advancedActiveIndex()+1,"/",e.photos.length),l(2),g(e.photos[e.advancedActiveIndex()].title),l(2),g(e.photos[e.advancedActiveIndex()].alt),l(),m("icon",e.fullScreenIcon())}}var Ge=(()=>{class t{constructor(){this.destroyRef=I(W),this.document=I(q),this.advancedGalleria=le("advancedGalleria"),this.photos=Ee,this.responsiveOptions=Ie,this.activeIndex=w(0),this.thumbnailPosition=w("bottom"),this.positionOptions=[{label:"Bottom",value:"bottom"},{label:"Top",value:"top"},{label:"Left",value:"left"},{label:"Right",value:"right"}],this.advancedActiveIndex=w(0),this.showThumbnails=w(!1),this.isAutoPlay=w(!0),this.fullscreen=w(!1),this.slideButtonIcon=L(()=>this.isAutoPlay()?"far fa-pause":"far fa-play"),this.fullScreenIcon=L(()=>this.fullscreen()?"far fa-compress":"far fa-expand")}ngOnInit(){this.bindDocumentListeners()}prev(){let e=this.activeIndex();this.activeIndex.set(e>0?e-1:this.photos.length-1)}next(){let e=this.activeIndex();this.activeIndex.set(e<this.photos.length-1?e+1:0)}onThumbnailButtonClick(){this.showThumbnails.update(e=>!e)}toggleAutoSlide(){this.isAutoPlay.update(e=>!e)}toggleFullScreen(){return O(this,null,function*(){this.fullscreen()?yield this.closePreviewFullScreen():yield this.openPreviewFullScreen()})}openPreviewFullScreen(){return O(this,null,function*(){let e=this.advancedGalleria()?.element?.nativeElement?.querySelector(".p-galleria");e?.requestFullscreen&&(yield e.requestFullscreen())})}closePreviewFullScreen(){return O(this,null,function*(){this.document.exitFullscreen&&(yield this.document.exitFullscreen())})}onFullScreenChange(){this.fullscreen.update(e=>!e)}bindDocumentListeners(){this.onFullScreenListener=this.onFullScreenChange.bind(this),this.document.addEventListener("fullscreenchange",this.onFullScreenListener),this.destroyRef.onDestroy(()=>{this.unbindDocumentListeners()})}unbindDocumentListeners(){this.onFullScreenListener&&(this.document.removeEventListener("fullscreenchange",this.onFullScreenListener),this.onFullScreenListener=void 0)}static{this.\u0275fac=function(r){return new(r||t)}}static{this.\u0275cmp=f({type:t,selectors:[["app-preview-media-galleria"]],viewQuery:function(r,a){r&1&&te(a.advancedGalleria,He,5),r&2&&ie()},decls:61,vars:47,consts:[["item",""],["thumbnail",""],["caption",""],["advancedGalleria",""],["footer",""],[1,"card"],[3,"containerStyle","numVisible","responsiveOptions","value"],[1,"mb-4"],["icon","far fa-chevron-left",3,"onClick"],["icon","far fa-chevron-right","severity","secondary","styleClass","ml-2",3,"onClick"],[3,"activeIndexChange","containerStyle","numVisible","responsiveOptions","value","activeIndex"],[3,"circular","containerStyle","numVisible","responsiveOptions","value"],[3,"autoPlay","circular","containerStyle","numVisible","responsiveOptions","transitionInterval","value"],[1,"mb-8","flex","flex-wrap","gap-4"],[1,"flex","items-center","gap-2"],[3,"containerStyle","numVisible","responsiveOptions","thumbnailsPosition","value"],[3,"activeIndexChange","autoPlay","circular","containerStyle","numVisible","showItemNavigators","showItemNavigatorsOnHover","showThumbnails","transitionInterval","value","activeIndex"],[1,"block","w-full",3,"src"],[1,"block",3,"src"],[1,"mb-2","text-xl","font-bold"],[1,"text-white"],["name","position",3,"ngModelChange","ariaLabel","inputId","ngModel","value"],[3,"for"],[1,"grid","justify-center","gap-4"],[1,"flex","h-10","items-stretch","gap-2","bg-surface-950","text-white"],["styleClass","bg-transparent border-none rounded-none hover:bg-white/10 text-white inline-flex justify-center items-center cursor-pointer px-3",3,"onClick","icon"],[1,"ml-3","flex","items-center","gap-4"],[1,"text-sm"],[1,"text-sm","font-bold"],["styleClass","bg-transparent border-none rounded-none hover:bg-white/10 text-white inline-flex justify-center items-center cursor-pointer px-3 ml-auto",3,"onClick","icon"]],template:function(r,a){
1if(r&1){let b=M();i(0,"div",5)(1,"h5"),s(2,"Basic"),n(),i(3,"p-galleria",6),d(4,Je,1,1,"ng-template",null,0,c)(6,Xe,1,1,"ng-template",null,1,c),n(),i(8,"h5"),s(9,"Caption"),n(),i(10,"p-galleria",6),d(11,Ye,1,1,"ng-template",null,0,c)(13,Ze,1,1,"ng-template",null,1,c)(15,et,4,2,"ng-template",null,2,c),n(),i(17,"h5"),s(18,"Controlled"),n(),i(19,"div",7)(20,"p-button",8),_("onClick",function(){return a.prev()}),n(),i(21,"p-button",9),_("onClick",function(){return a.next()}),n()(),i(22,"p-galleria",10),A("activeIndexChange",function(x){return y(b),N(a.activeIndex,x)||(a.activeIndex=x),C(x)}),d(23,tt,1,1,"ng-template",null,0,c)(25,it,1,1,"ng-template",null,1,c),n(),i(27,"h5"),s(28,"Responsive"),n(),i(29,"p-galleria",11),d(30,nt,1,1,"ng-template",null,0,c)(32,at,1,1,"ng-template",null,1,c),n(),i(34,"h5"),s(35,"AutoPlay"),n(),i(36,"p-galleria",12),d(37,rt,1,1,"ng-template",null,0,c)(39,ot,1,1,"ng-template",null,1,c),n(),i(41,"h5"),s(42,"Thumbnail"),n(),i(43,"div",13),Y(44,lt,4,6,"div",14,Ke),n(),i(46,"p-galleria",15),d(47,mt,1,1,"ng-template",null,0,c)(49,pt,2,1,"ng-template",null,1,c),n(),i(51,"h5"),s(52,"Advanced"),n(),i(53,"p-galleria",16,3),A("activeIndexChange",function(x){return y(b),N(a.advancedActiveIndex,x)||(a.advancedActiveIndex=x),C(x)}),d(55,st,1,1,"ng-template",null,0,c)(57,ct,2,1,"ng-template",null,1,c)(59,dt,11,7,"ng-template",null,4,c),n()()}r&2&&(l(3),m("containerStyle",S(40,E))("numVisible",5)("responsiveOptions",a.responsiveOptions)("value",a.photos),l(7),m("containerStyle",S(41,E))("numVisible",5)("responsiveOptions",a.responsiveOptions)("value",a.photos),l(12),m("containerStyle",S(42,E))("numVisible",5)("responsiveOptions",a.responsiveOptions)("value",a.photos),B("activeIndex",a.activeIndex),l(7),m("circular",!0)("containerStyle",S(43,E))("numVisible",7)("responsiveOptions",a.responsiveOptions)("value",a.photos),l(7),m("autoPlay",!0)("circular",!0)("containerStyle",S(44,E))("numVisible",5)("responsiveOptions",a.responsiveOptions)("transitionInterval",3e3)("value",a.photos),l(8),Z(a.positionOptions),l(2),m("containerStyle",S(45,E))("numVisible",5)("responsiveOptions",a.responsiveOptions)("thumbnailsPosition",a.thumbnailPosition())("value",a.photos),l(7),m("autoPlay",a.isAutoPlay())("circular",!0)("containerStyle",S(46,E))("numVisible",5)("showItemNavigators",!0)("showItemNavigatorsOnHover",!0)("showThumbnails",a.showThumbnails())("transitionInterval",3e3)("value",a.photos),B("activeIndex",a.advancedActiveIndex))},dependencies:[F,R,be,he,_e,ke,De,Se,we],styles:[".card[_ngcontent-%COMP%]{margin-bottom:2rem}.card[_ngcontent-%COMP%]:last-child{margin-bottom:0}"],changeDetection:0})}}return t})();function ut(t,o){t&1&&p(0,"i",9)}function gt(t,o){t&1&&p(0,"img",10)}function vt(t,o){if(t&1){let e=M();i(0,"img",11),_("click",function(){let a=y(e).previewCallback;return C(a())}),n()}if(t&2){let e=o.style;ne(e)}}var ze=(()=>{class t{static{this.\u0275fac=function(r){return new(r||t)}}static{this.\u0275cmp=f({type:t,selectors:[["app-preview-media-image"]],decls:21,vars:2,consts:[["indicator",""],["image",""],["preview",""],[1,"card"],[1,"section-heading"],[1,"flex","justify-center"],["alt","Image","src","https://primefaces.org/cdn/primeng/images/galleria/galleria10.jpg","width","250"],["alt","Image","src","https://primefaces.org/cdn/primeng/images/galleria/galleria11.jpg","width","250",3,"preview"],["alt","Image","src","https://primefaces.org/cdn/primeng/images/galleria/galleria12.jpg","width","250",3,"preview"],[1,"far","fa-magnifying-glass"],["alt","image","height","188","ngSrc","https://primefaces.org/cdn/primeng/images/galleria/galleria12.jpg","width","250"],["alt","image","height","188","ngSrc","https://primefaces.org/cdn/primeng/images/galleria/galleria12.jpg","width","250",3,"click"]],template:function(r,a){r&1&&(i(0,"div",3)(1,"h5"),s(2,"Image"),n(),i(3,"h6",4),s(4,"Basic"),n(),i(5,"div",5),p(6,"p-image",6),n(),i(7,"h6",4),s(8,"Preview"),n(),i(9,"div",5),p(10,"p-image",7),n(),i(11,"h6",4),s(12,"Template"),n(),i(13,"div",5)(14,"p-image",8),d(15,ut,1,0,"ng-template",null,0,c)(17,gt,1,0,"ng-template",null,1,c)(19,vt,1,2,"ng-template",null,2,c),n()()()),r&2&&(l(10),m("preview",!0),l(4),m("preview",!0))},dependencies:[Re,Ve,ce],styles:[".card[_ngcontent-%COMP%]{margin-bottom:2rem}.card[_ngcontent-%COMP%]:last-child{margin-bottom:0}"],changeDetection:0})}}return t})();var Be=` 2 .p-imagecompare { 3 position: relative; 4 overflow: hidden; 5 width: 100%; 6 aspect-ratio: 16 / 9; 7 } 8 9 .p-imagecompare img { 10 width: 100%; 11 height: 100%; 12 position: absolute; 13 } 14 15 .p-imagecompare img + img { 16 clip-path: polygon(0 0, dt('imagecompare.scope.x', '50%') 0, dt('imagecompare.scope.x', '50%') 100%, 0 100%); 17 } 18 19 .p-imagecompare:dir(rtl) img + img { 20 clip-path: polygon(calc(100% - dt('imagecompare.scope.x', '50%')) 0, 100% 0, 100% 100%, calc(100% - dt('imagecompare.scope.x', '50%')) 100%); 21 } 22 23 .p-imagecompare-slider { 24 position: relative; 25 -webkit-appearance: none; 26 width: calc(100% + dt('imagecompare.handle.size')); 27 height: 100%; 28 margin-inline-start: calc(-1 * calc(dt('imagecompare.handle.size') / 2)); 29 background-color: transparent; 30 outline: none; 31 transition: all dt('imagecompare.handle.transition.duration'); 32 } 33 34 .p-imagecompare-slider::-webkit-slider-thumb { 35 -webkit-appearance: none; 36 height: dt('imagecompare.handle.size'); 37 width: dt('imagecompare.handle.size'); 38 background: dt('imagecompare.handle.background'); 39 border: dt('imagecompare.handle.border.width') solid dt('imagecompare.handle.border.color');
40 border-radius: dt('imagecompare.handle.border.radius'); 41 background-size: contain; 42 cursor: ew-resize; 43 transition: all dt('imagecompare.handle.transition.duration'); 44 } 45 46 .p-imagecompare-slider::-moz-range-thumb { 47 height: dt('imagecompare.handle.size'); 48 width: dt('imagecompare.handle.size'); 49 background: dt('imagecompare.handle.background'); 50 border: dt('imagecompare.handle.border.width') dt('imagecompare.handle.border.style') dt('imagecompare.handle.border.color'); 51 border-radius: dt('imagecompare.handle.border.radius'); 52 background-size: contain; 53 cursor: ew-resize; 54 } 55 56 .p-imagecompare-slider:focus-visible::-webkit-slider-thumb { 57 box-shadow: dt('imagecompare.handle.focus.ring.shadow'); 58 outline: dt('imagecompare.handle.focus.ring.width') dt('imagecompare.handle.focus.ring.style') dt('imagecompare.handle.focus.ring.color'); 59 outline-offset: dt('imagecompare.handle.focus.ring.offset'); 60 } 61 62 .p-imagecompare-slider:focus-visible::-moz-range-thumb { 63 box-shadow: dt('imagecompare.handle.focus.ring.shadow'); 64 outline: dt('imagecompare.handle.focus.ring.width') dt('imagecompare.handle.focus.ring.style') dt('imagecompare.handle.focus.ring.color'); 65 outline-offset: dt('imagecompare.handle.focus.ring.offset'); 66 } 67 68 .p-imagecompare-slider:hover { 69 width: calc(100% + dt('imagecompare.handle.hover.size')); 70 margin-inline-start: calc(-1 * calc(dt('imagecompare.handle.hover.size') / 2)); 71 } 72 73 .p-imagecompare-slider:hover::-webkit-slider-thumb { 74 background: dt('imagecompare.handle.hover.background'); 75 border-color: dt('imagecompare.handle.hover.border.color'); 76 height: dt('imagecompare.handle.hover.size'); 77 width: dt('imagecompare.handle.hover.size'); 78 } 79 80 .p-imagecompare-slider:hover::-moz-range-thumb { 81 background: dt('imagecompare.handle.hover.background'); 82 border-color: dt('imagecompare.handle.hover.border.color'); 83 height: dt('imagecompare.handle.hover.size'); 84 width: dt('imagecompare.handle.hover.size'); 85 } 86`;var ft=["left"],ht=["right"];function _t(t,o){}function bt(t,o){t&1&&d(0,_t,0,0,"ng-template")}function yt(t,o){}function Ct(t,o){t&1&&d(0,yt,0,0,"ng-template")}var wt={root:"p-imagecompare",slider:"p-imagecompare-slider"},Ne=(()=>{class t extends ue{name="imagecompare";style=Be;classes=wt;static \u0275fac=(()=>{let e;return function(a){return(e||(e=G(t)))(a||t)}})();static \u0275prov=j({token:t,factory:t.\u0275fac})}return t})();var Ae=new Q("IMAGECOMPARE_INSTANCE"),$=(()=>{class t extends ve{componentName="ImageCompare";$pcImageCompare=I(Ae,{optional:!0,skipSelf:!0})??void 0;bindDirectiveInstance=I(P,{self:!0});tabindex;ariaLabelledby;ariaLabel;leftTemplate;rightTemplate;_leftTemplate;_rightTemplate;templates;_componentStyle=I(Ne);mutationObserver;isRTL=!1;onAfterViewChecked(){this.bindDirectiveInstance.setAttrs(this.ptms(["host","root"]))}onInit(){this.updateDirection(),this.observeDirectionChanges()}onAfterContentInit(){this.templates?.forEach(e=>{switch(e.getType()){case"left":this._leftTemplate=e.template;break;case"right":this._rightTemplate=e.template;break}})}onSlide(e){let r=e.target.value,a=e.target.previousElementSibling;this.isRTL?a.style.clipPath=`polygon(${100-r}% 0, 100% 0, 100% 100%, ${100-r}% 100%)`:a.style.clipPath=`polygon(0 0, ${r}% 0, ${r}% 100%, 0 100%)`}updateDirection(){this.isRTL=!!this.el.nativeElement.closest('[dir="rtl"]')}observeDirectionChanges(){if(se(this.platformId)){let e=document?.documentElement,r={attributes:!0,attributeFilter:["dir"]};this.mutationObserver=new MutationObserver(()=>{this.updateDirection()}),this.mutationObserver.observe(e,r)}}onDestroy(){this.mutationObserver&&this.mutationObserver.disconnect()}static \u0275fac=(()=>{let e;return function(a){return(e||(e=G(t)))(a||t)}})();static \u0275cmp=f({type:t,selectors:[["p-imageCompare"],["p-imagecompare"],["p-image-compare"]],contentQueries:function(r,a,b){if(r&1&&ee(b,ft,4)(b,ht,4)(b,de,4),r&2){let v;D(v=k())&&(a.leftTemplate=v.first),D(v=k())&&(a.rightTemplate=v.first),D(v=k())&&(a.templates=v)}},hostVars:5,hostBindings:function(r,a){r&2&&(X("tabindex",a.tabindex)("aria-labelledby",a.ariaLabelledby)("aria-label",a.ariaLabel),z(a.cx("root")))},inputs:{tabindex:"tabindex",ariaLabelledby:"ariaLabelledby",ariaLabel:"ariaLabel"},features:[oe([Ne,{provide:Ae,useExisting:t},{provide:ge,useExisting:t}]),K([P]),J],decls:3,vars:5,consts:[[4,"ngTemplateOutlet"],["type","range","min","0","max","100","value","50",3,"input","pBind"]],template:function(r,a){r&1&&(d(0,bt,1,0,null,0)(1,Ct,1,0,null,0),i(2,"input",1),_("input",function(v){return a.onSlide(v)}),n()),r&2&&(m("ngTemplateOutlet",a.leftTemplate||a._leftTemplate),l(
86),m("ngTemplateOutlet",a.rightTemplate||a._rightTemplate),l(),z(a.cx("slider")),m("pBind",a.ptm("slider")))},dependencies:[pe,me,V,fe,P],encapsulation:2,changeDetection:0})}return t})(),Le=(()=>{class t{static \u0275fac=function(r){return new(r||t)};static \u0275mod=H({type:t});static \u0275inj=U({imports:[$,V,V]})}return t})();function xt(t,o){t&1&&p(0,"img",7)}function It(t,o){t&1&&p(0,"img",8)}function Et(t,o){t&1&&p(0,"img",7)}function Mt(t,o){t&1&&p(0,"img",8)}var $e=(()=>{class t{static{this.\u0275fac=function(r){return new(r||t)}}static{this.\u0275cmp=f({type:t,selectors:[["app-preview-media-imagecompare"]],decls:19,vars:0,consts:[["left",""],["right",""],[1,"card"],[1,"section-heading"],[1,"flex","justify-center"],[1,"rounded-2xl","shadow-lg"],[1,"rounded-2xl","shadow-lg","sm:!w-96"],["src","https://primefaces.org/cdn/primevue/images/compare/island1.jpg"],["src","https://primefaces.org/cdn/primevue/images/compare/island2.jpg"]],template:function(r,a){r&1&&(i(0,"div",2)(1,"h5"),s(2,"Image Compare"),n(),i(3,"h6",3),s(4,"Basic"),n(),i(5,"div",4)(6,"p-imagecompare",5),d(7,xt,1,0,"ng-template",null,0,c)(9,It,1,0,"ng-template",null,1,c),n()(),i(11,"h6",3),s(12,"Responsive"),n(),i(13,"div",4)(14,"p-imagecompare",6),d(15,Et,1,0,"ng-template",null,0,c)(17,Mt,1,0,"ng-template",null,1,c),n()()())},dependencies:[Le,$],styles:[".card[_ngcontent-%COMP%]{margin-bottom:2rem}.card[_ngcontent-%COMP%]:last-child{margin-bottom:0}"],changeDetection:0})}}return t})();var Pi=(()=>{class t{static{this.\u0275fac=function(r){return new(r||t)}}static{this.\u0275cmp=f({type:t,selectors:[["app-preview-media"]],decls:13,vars:0,consts:[[1,"grid","grid-cols-12","gap-4"],[1,"col-span-12"],[1,"block"]],template:function(r,a){r&1&&(i(0,"div",0)(1,"div",1)(2,"p-card",2),p(3,"app-preview-media-carousel"),n()(),i(4,"div",1)(5,"p-card",2),p(6,"app-preview-media-galleria"),n()(),i(7,"div",1)(8,"p-card",2),p(9,"app-preview-media-image"),n()(),i(10,"div",1)(11,"p-card",2),p(12,"app-preview-media-imagecompare"),n()()())},dependencies:[Ce,ye,Fe,Ge,$e,ze],encapsulation:2,changeDetection:0})}}return t})();export{Pi as PreviewMediaComponent};
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.