@ionic/core
Version:
Base components for Ionic
1 lines • 12.1 kB
JavaScript
Ionic.loadBundle("jtkjzkgg",["exports","./chunk-a99bd936.js","./chunk-2c5e69a8.js"],function(e,r,t){var n=window.Ionic.h,s=function(){function e(){this.type="determinate",this.reversed=!1,this.value=0,this.buffer=1}return e.prototype.hostData=function(){var e,t=this.color,n=this.type,s=this.reversed,a=this.value,o=this.config.getBoolean("_testing");return{role:"progressbar","aria-valuenow":"determinate"===n?a:null,"aria-valuemin":0,"aria-valuemax":1,class:Object.assign({},r.createColorClasses(t),(e={},e["progress-bar-"+n]=!0,e["progress-paused"]=o,e["progress-bar-reversed"]=s,e))}},e.prototype.render=function(){if("indeterminate"===this.type)return[n("div",{class:"indeterminate-bar-primary"},n("span",{class:"progress-indeterminate"})),n("div",{class:"indeterminate-bar-secondary"},n("span",{class:"progress-indeterminate"}))];var e=t.clamp(0,this.value,1),r=t.clamp(0,this.buffer,1);return[n("div",{class:"progress",style:{transform:"scaleX("+e+")"}}),1!==r&&n("div",{class:"buffer-circles"}),n("div",{class:"progress-buffer-bar",style:{transform:"scaleX("+r+")"}})]},Object.defineProperty(e,"is",{get:function(){return"ion-progress-bar"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"encapsulation",{get:function(){return"shadow"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"properties",{get:function(){return{buffer:{type:Number,attr:"buffer"},color:{type:String,attr:"color"},config:{context:"config"},mode:{type:String,attr:"mode"},reversed:{type:Boolean,attr:"reversed"},type:{type:String,attr:"type"},value:{type:Number,attr:"value"}}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"style",{get:function(){return".sc-ion-progress-bar-md-h{--background:rgba(var(--ion-color-primary-rgb,56,128,255),0.2);--progress-background:var(--ion-color-primary,#3880ff);--buffer-background:var(--background);display:block;position:relative;width:100%;contain:strict;overflow:hidden}.ion-color.sc-ion-progress-bar-md-h{--progress-background:var(--ion-color-base);--buffer-background:rgba(var(--ion-color-base-rgb),0.2)}.progress-bar-indeterminate.sc-ion-progress-bar-md-h{background:var(--buffer-background)}.buffer-circles.sc-ion-progress-bar-md, .indeterminate-bar-primary.sc-ion-progress-bar-md, .indeterminate-bar-secondary.sc-ion-progress-bar-md, .progress.sc-ion-progress-bar-md, .progress-buffer-bar.sc-ion-progress-bar-md, .progress-buffer-bar.sc-ion-progress-bar-md:before, .progress-indeterminate.sc-ion-progress-bar-md{left:0;right:0;top:0;bottom:0;position:absolute;width:100%;height:100%}.progress.sc-ion-progress-bar-md, .progress-buffer-bar.sc-ion-progress-bar-md{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform .15s linear;transition:-webkit-transform .15s linear;transition:transform .15s linear;transition:transform .15s linear,-webkit-transform .15s linear}[dir=rtl].sc-ion-progress-bar-md-h .progress.sc-ion-progress-bar-md, [dir=rtl] .sc-ion-progress-bar-md-h .progress.sc-ion-progress-bar-md, [dir=rtl].sc-ion-progress-bar-md-h .progress-buffer-bar.sc-ion-progress-bar-md, [dir=rtl] .sc-ion-progress-bar-md-h .progress-buffer-bar.sc-ion-progress-bar-md{-webkit-transform-origin:right top;transform-origin:right top}.progress.sc-ion-progress-bar-md, .progress-indeterminate.sc-ion-progress-bar-md{background:var(--progress-background);z-index:2}.progress-buffer-bar.sc-ion-progress-bar-md{background:#fff;z-index:1}.progress-buffer-bar.sc-ion-progress-bar-md:before{background:var(--buffer-background);content:\"\"}.indeterminate-bar-primary.sc-ion-progress-bar-md{left:-145.16661%;right:0;top:0;bottom:0;-webkit-animation:primary-indeterminate-translate 2s linear infinite;animation:primary-indeterminate-translate 2s linear infinite}[dir=rtl].sc-ion-progress-bar-md-h .indeterminate-bar-primary.sc-ion-progress-bar-md, [dir=rtl] .sc-ion-progress-bar-md-h .indeterminate-bar-primary.sc-ion-progress-bar-md{left:0;right:-145.16661%}.indeterminate-bar-primary.sc-ion-progress-bar-md .progress-indeterminate.sc-ion-progress-bar-md{-webkit-animation:primary-indeterminate-scale 2s linear infinite;animation:primary-indeterminate-scale 2s linear infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}.indeterminate-bar-secondary.sc-ion-progress-bar-md{left:-54.88889%;right:0;top:0;bottom:0;-webkit-animation:secondary-indeterminate-translate 2s linear infinite;animation:secondary-indeterminate-translate 2s linear infinite}[dir=rtl].sc-ion-progress-bar-md-h .indeterminate-bar-secondary.sc-ion-progress-bar-md, [dir=rtl] .sc-ion-progress-bar-md-h .indeterminate-bar-secondary.sc-ion-progress-bar-md{left:0;right:-54.88889%}.indeterminate-bar-secondary.sc-ion-progress-bar-md .progress-indeterminate.sc-ion-progress-bar-md{-webkit-animation:secondary-indeterminate-scale 2s linear infinite;animation:secondary-indeterminate-scale 2s linear infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}.buffer-circles.sc-ion-progress-bar-md{background:radial-gradient(ellipse at center,var(--buffer-background) 0,var(--buffer-background) 30%,transparent 0) repeat-x 5px;background-size:10px 10px;z-index:0;-webkit-animation:buffering .45s linear infinite;animation:buffering .45s linear infinite}.progress-bar-reversed.sc-ion-progress-bar-md-h .progress.sc-ion-progress-bar-md, .progress-bar-reversed.sc-ion-progress-bar-md-h .progress-buffer-bar.sc-ion-progress-bar-md{-webkit-transform-origin:right top;transform-origin:right top}[dir=rtl].progress-bar-reversed.sc-ion-progress-bar-md-h .progress.sc-ion-progress-bar-md, [dir=rtl].progress-bar-reversed.sc-ion-progress-bar-md-h .progress-buffer-bar.sc-ion-progress-bar-md{-webkit-transform-origin:left top;transform-origin:left top}.progress-bar-reversed.sc-ion-progress-bar-md-h .buffer-circles.sc-ion-progress-bar-md, .progress-bar-reversed.sc-ion-progress-bar-md-h .indeterminate-bar-primary.sc-ion-progress-bar-md, .progress-bar-reversed.sc-ion-progress-bar-md-h .indeterminate-bar-secondary.sc-ion-progress-bar-md, .progress-bar-reversed.sc-ion-progress-bar-md-h .progress-indeterminate.sc-ion-progress-bar-md{animation-direction:reverse}.progress-paused.sc-ion-progress-bar-md-h .buffer-circles.sc-ion-progress-bar-md, .progress-paused.sc-ion-progress-bar-md-h .indeterminate-bar-primary.sc-ion-progress-bar-md, .progress-paused.sc-ion-progress-bar-md-h .indeterminate-bar-secondary.sc-ion-progress-bar-md{-webkit-animation-play-state:paused;animation-play-state:paused}\@-webkit-keyframes primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%)}to{-webkit-transform:translateX(200.61106%);transform:translateX(200.61106%)}}\@keyframes primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%)}to{-webkit-transform:translateX(200.61106%);transform:translateX(200.61106%)}}\@-webkit-keyframes primary-indeterminate-scale{0%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(.33473,.12482,.78584,1);animation-timing-function:cubic-bezier(.33473,.12482,.78584,1);-webkit-transform:scaleX(.08);transform:scaleX(.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(.06,.11,.6,1);animation-timing-function:cubic-bezier(.06,.11,.6,1);-webkit-transform:scaleX(.66148);transform:scaleX(.66148)}to{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}\@keyframes primary-indeterminate-scale{0%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(.33473,.12482,.78584,1);animation-timing-function:cubic-bezier(.33473,.12482,.78584,1);-webkit-transform:scaleX(.08);transform:scaleX(.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(.06,.11,.6,1);animation-timing-function:cubic-bezier(.06,.11,.6,1);-webkit-transform:scaleX(.66148);transform:scaleX(.66148)}to{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}\@-webkit-keyframes secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(.15,0,.51506,.40969);animation-timing-function:cubic-bezier(.15,0,.51506,.40969);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(.31033,.28406,.8,.73371);animation-timing-function:cubic-bezier(.31033,.28406,.8,.73371);-webkit-transform:translateX(37.65191%);transform:translateX(37.65191%)}48.35%{-webkit-animation-timing-function:cubic-bezier(.4,.62704,.6,.90203);animation-timing-function:cubic-bezier(.4,.62704,.6,.90203);-webkit-transform:translateX(84.38617%);transform:translateX(84.38617%)}to{-webkit-transform:translateX(160.27778%);transform:translateX(160.27778%)}}\@keyframes secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(.15,0,.51506,.40969);animation-timing-function:cubic-bezier(.15,0,.51506,.40969);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(.31033,.28406,.8,.73371);animation-timing-function:cubic-bezier(.31033,.28406,.8,.73371);-webkit-transform:translateX(37.65191%);transform:translateX(37.65191%)}48.35%{-webkit-animation-timing-function:cubic-bezier(.4,.62704,.6,.90203);animation-timing-function:cubic-bezier(.4,.62704,.6,.90203);-webkit-transform:translateX(84.38617%);transform:translateX(84.38617%)}to{-webkit-transform:translateX(160.27778%);transform:translateX(160.27778%)}}\@-webkit-keyframes secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(.20503,.05705,.57661,.45397);animation-timing-function:cubic-bezier(.20503,.05705,.57661,.45397);-webkit-transform:scaleX(.08);transform:scaleX(.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(.15231,.19643,.64837,1.00432);animation-timing-function:cubic-bezier(.15231,.19643,.64837,1.00432);-webkit-transform:scaleX(.4571);transform:scaleX(.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(.25776,-.00316,.21176,1.38179);animation-timing-function:cubic-bezier(.25776,-.00316,.21176,1.38179);-webkit-transform:scaleX(.72796);transform:scaleX(.72796)}to{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}\@keyframes secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(.20503,.05705,.57661,.45397);animation-timing-function:cubic-bezier(.20503,.05705,.57661,.45397);-webkit-transform:scaleX(.08);transform:scaleX(.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(.15231,.19643,.64837,1.00432);animation-timing-function:cubic-bezier(.15231,.19643,.64837,1.00432);-webkit-transform:scaleX(.4571);transform:scaleX(.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(.25776,-.00316,.21176,1.38179);animation-timing-function:cubic-bezier(.25776,-.00316,.21176,1.38179);-webkit-transform:scaleX(.72796);transform:scaleX(.72796)}to{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}\@-webkit-keyframes buffering{to{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}\@keyframes buffering{to{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}.sc-ion-progress-bar-md-h{height:4px}"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"styleMode",{get:function(){return"md"},enumerable:!0,configurable:!0}),e}();e.IonProgressBar=s,Object.defineProperty(e,"__esModule",{value:!0})});