https://miles-masterclass-v3.vercel.app/chunk-VZUDHSEF.js

1import{Ab as v,Ac as b,Cc as g,Dc as m,Ec as w,Fc as u,Rb as y,Ub as d,Vb as c,bd as p,cc as s,dc as o,ec as f,lb as i,ld as r,oc as l,zc as h}from"./chunk-WOGKWOFI.js";function C(e,a){if(e&1&&(s(0,"div",0)(1,"span",7),m(2),o(),s(3,"span",8),m(4),o()()),e&2){let t=l();i(2),w(t.labelText()||"Progress"),i(2),u("",t.displayValue(),"%")}}function _(e,a){if(e&1&&f(0,"div",9),e&2){let t=l();g(t.fillClass())}}function M(e,a){if(e&1&&(s(0,"span",11),m(1),o()),e&2){let t=l(2);i(),u("",t.displayValue(),"%")}}function P(e,a){if(e&1&&(s(0,"div",10),d(1,M,2,1,"span",11),o()),e&2){let t=l();g(t.fillClass()),h("width",t.clampedValue(),"%"),i(),c(t.label()==="inside"&&t.clampedValue()>15?1:-1)}}function k(e,a){if(e&1&&f(0,"div",12),e&2){let t=l();b("animate-stripes",t.animated())}}function O(e,a){if(e&1&&(s(0,"span",6),m(1),o()),e&2){let t=l();i(),u(" ",t.displayValue(),"% ")}}var x=class e{value=r(0);variant=r("default");size=r("sm");label=r("none");labelText=r("");striped=r(!1);animated=r(!1);ariaLabel=r("");indeterminate=r(!1);clampedValue=p(()=>{let a=this.value();return Math.max(0,Math.min(100,a))});displayValue=p(()=>Math.round(this.clampedValue()));containerClass=p(()=>this.label()==="right"?"w-full":"");trackClass=p(()=>({xs:"track-xs",sm:"track-sm",md:"track-md",lg:"track-lg"})[this.size()]);fillClass=p(()=>({default:"fill-default",success:"fill-success",warning:"fill-warning",error:"fill-error",info:"fill-info"})[this.variant()]);static \u0275fac=function(t){return new(t||e)};static \u0275cmp=v({type:e,selectors:[["app-progress"]],inputs:{value:[1,"value"],variant:[1,"variant"],size:[1,"size"],label:[1,"label"],labelText:[1,"labelText"],striped:[1,"striped"],animated:[1,"animated"],ariaLabel:[1,"ariaLabel"],indeterminate:[1,"indeterminate"]},decls:7,vars:14,consts:[[1,"flex","justify-between","items-center","mb-1"],[1,"flex","items-center","gap-2"],["role","progressbar",1,"progress-track"],[1,"progress-indeterminate",3,"class"],[1,"progress-fill",3,"class","width"],[1,"progress-stripes",3,"animate-stripes"],[1,"text-sm","font-medium","text-foreground","whitespace-nowrap","min-w-[3rem]","text-right"],[1,"text-sm","font-medium","text-foreground"],[1,"text-sm","text-muted-foreground"],[1,"progress-indeterminate"],[1,"progress-fill"],[1,"progress-label-inside"],[1,"progress-stripes"]],template:function(t,n){t&1&&(d(0,C,5,2,"div",0),s(1,"div",1)(2,"div",2),d(3,_,1,2,"div",3)(4,P,2,5,"div",4),d(5,k,1,2,"div",5),o(),d(6,O,2,1,"span",6),o()),t&2&&(c(n.label()==="top"?0:-1),i(),g(n.containerClass()),i(),g(n.trackClass()),b("track-determinate",!n.indeterminate()),y("aria-valuenow",n.clampedValue())("aria-valuemin",0)("aria-valuemax",100)("aria-label",n.ariaLabel()||n.labelText()||"Progress"),i(),c(n.indeterminate()?3:4),i(2),c(n.striped()&&!n.indeterminate()?5:-1),i(),c(n.label()==="right"?6:-1))},styles:[`@layer properties;[_nghost-%COMP%]{display:block;width:100%}.progress-track[_ngcontent-%COMP%]{position:relative;flex:1;overflow:hidden;border-radius:calc(infinity * 1px);background-color:#fff3}.progress-track.track-determinate[_ngcontent-%COMP%]{background-color:var(--muted)}.track-xs[_ngcontent-%COMP%]{height:var(--spacing, .25rem)}.track-sm[_ngcontent-%COMP%]{height:calc(var(--spacing, .25rem) * 2)}.track-md[_ngcontent-%COMP%]{height:calc(var(--spacing, .25rem) * 3)}.track-lg[_ngcontent-%COMP%]{height:calc(var(--spacing, .25rem) * 4)}.progress-fill[_ngcontent-%COMP%]{display:flex;height:100%;align-items:center;justify-content:flex-end;border-radius:calc(infinity * 1px);padding-right:calc(var(--spacing, .25rem) * 2);transition-property:width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .5s;transition-duration:.5s;--tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));transition-timing-function:var(--ease-out, cubic-bezier(0, 0, .2, 1));animation-duration:.5s;animation-timing-function:cubic-bezier(0,0,.2,1)}.progress-label-inside[_ngcontent-%COMP%]{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:var(--color-white, #fff);--tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / .15)));--tw-drop-shadow: drop-shadow(var(--drop-shadow-sm, 0 1px 2px rgb(0 0 0 / .15)));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.fill-default[_ngcontent-%COMP%]{background-color:var(--primary)}.fill-success[_ngcontent-%COMP%]{background-color:var(--color-green-500, oklch(72.3% .219 149.579))}.fill-warning[_ngcontent-%COMP%]{background-color:var(--color-amber-500, oklch(76.9% .188 70.08))}.fill-error[_ngcontent-%COMP%]{background-color:var(--color-red-500, oklch(63.7% .237 25.331))}.fill-info[_ngcontent-%COMP%]{background-color:var(--color-blue-500, oklch(62.3% .214 259.815))}.progress-stripes[_ngcontent-%COMP%]{pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-stripes[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_progress-stripes 1s linear infinite}@keyframes _ngcontent-%COMP%_progress-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.progress-indeterminate[_ngcontent-%COMP%]{height:100%;border-radius:calc(infinity * 1px);width:40%;animation:_ngcontent-%COMP%_indeterminate-slide 1.5s ease-in-out infinite}@keyframes _ngcontent-%COMP%_indeterminate-slide{0%{transform:translate(-100%)}50%{transform:translate(150%)}to{transform:translate(250%)}}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*[_ngcontent-%COMP%], [_ngcontent-%COMP%]:before, [_ngcontent-%COMP%]:after, [_ng

1content-%COMP%]::backdrop{--tw-duration: initial;--tw-ease: initial;--tw-font-weight: initial;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}
2`]})};export{x as a};