diff --git a/3405.8d247ce2.iframe.bundle.js b/3405.8d247ce2.iframe.bundle.js new file mode 100644 index 000000000..834c7086a --- /dev/null +++ b/3405.8d247ce2.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(globalThis.webpackChunk_atomium_docs=globalThis.webpackChunk_atomium_docs||[]).push([[3405],{"../../packages/core/dist/esm/atom-steps-modal.entry.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{atom_steps_modal:()=>AtomStepsModal});var _index_03927578_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../packages/core/dist/esm/index-03927578.js");const AtomStepsModal=class{constructor(hostRef){(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.r)(this,hostRef),this.atomFinish=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomFinish",7),this.atomCancel=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomCancel",7),this.atomNextStep=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomNextStep",7),this.atomPreviousStep=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomPreviousStep",7),this.atomCloseClick=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomCloseClick",7),this.atomDidDismiss=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomDidDismiss",7),this.atomDidPresent=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomDidPresent",7),this.atomIsOpenChange=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomIsOpenChange",7),this.stepsTitlesArray=[],this.handleStep=step=>{this.currentStep=step},this.handleNextStep=()=>{const{atomNextStep,el,currentStep,handleStep}=this;handleStep(currentStep+1),atomNextStep.emit(currentStep+1),(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.f)(el)},this.handleFinish=()=>{this.atomFinish.emit(),this.closeOnFinish&&(this.isOpen=!1)},this.handlePrimaryClick=()=>{const{currentStep,steps,handleNextStep,handleFinish}=this;return currentStep===steps?handleFinish():handleNextStep()},this.handleCloseClick=e=>{e.stopImmediatePropagation(),this.isOpen=!1,this.atomCloseClick.emit()},this.handleSecondaryClick=()=>{1!==this.currentStep?(this.handleStep(this.currentStep-1),this.atomPreviousStep.emit(this.currentStep)):this.atomCancel.emit()},this.handleDidPresent=e=>{e.stopImmediatePropagation(),this.isOpen=!0,this.atomDidPresent.emit(this.currentStep)},this.handleDidDismiss=e=>{e.stopImmediatePropagation(),this.isOpen=!1,this.atomDidDismiss.emit(this.currentStep),this.currentStep=1},this.steps=void 0,this.currentStep=1,this.trigger=void 0,this.stepsTitles=void 0,this.isOpen=!1,this.primaryButtonText=void 0,this.secondaryButtonText=void 0,this.closeOnFinish=void 0,this.disablePrimaryButton=void 0,this.disableSecondaryButton=void 0}componentWillLoad(){(this.currentStep>this.steps||this.currentStep<1||void 0===this.currentStep)&&(this.currentStep=1),this.stepsTitlesArray=this.stepsTitles.split(",")}render(){return(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)(_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.H,{key:"42d7674e5ef56a4c55b1a4fb590965b01927f668"},(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("atom-modal",{key:"f9d1b9a608eac55426fb8680de31927e7cd878ed",trigger:this.trigger,"alert-type":"","primary-button-text":this.primaryButtonText,"secondary-button-text":this.secondaryButtonText,progress:this.currentStep/this.steps,"has-footer":"","header-title":this.stepsTitlesArray[this.currentStep-1].trim(),"disable-primary":this.disablePrimaryButton,"disable-secondary":this.disableSecondaryButton,onAtomPrimaryClick:this.handlePrimaryClick,onAtomSecondaryClick:this.handleSecondaryClick,"is-open":this.isOpen,"has-divider":!0,onAtomDidDismiss:this.handleDidDismiss,onAtomDidPresent:this.handleDidPresent,onAtomCloseClick:this.handleCloseClick,onAtomIsOpenChange:e=>{e.stopImmediatePropagation(),this.atomIsOpenChange.emit(e.detail)},class:"atom-steps-modal",part:"steps-modal"},this.stepsTitlesArray.map(((title,index)=>(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("div",{class:"atom-steps-modal__step",style:{display:this.currentStep===index+1?"block":"none"}},(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("slot",{name:`step-${index+1}`}))))))}get el(){return(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.e)(this)}};AtomStepsModal.style='html.ios{--ion-default-font:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font:"Roboto", "Helvetica Neue", sans-serif}html{--ion-default-dynamic-font:-apple-system-body;--ion-font-family:var(--ion-default-font)}body{background:var(--ion-background-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity:0.18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity:0;--box-shadow:none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base:var(--ion-color-primary, #3880ff) !important;--ion-color-base-rgb:var(--ion-color-primary-rgb, 56, 128, 255) !important;--ion-color-contrast:var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-primary-shade, #3171e0) !important;--ion-color-tint:var(--ion-color-primary-tint, #4c8dff) !important}.ion-color-secondary{--ion-color-base:var(--ion-color-secondary, #3dc2ff) !important;--ion-color-base-rgb:var(--ion-color-secondary-rgb, 61, 194, 255) !important;--ion-color-contrast:var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-secondary-shade, #36abe0) !important;--ion-color-tint:var(--ion-color-secondary-tint, #50c8ff) !important}.ion-color-tertiary{--ion-color-base:var(--ion-color-tertiary, #5260ff) !important;--ion-color-base-rgb:var(--ion-color-tertiary-rgb, 82, 96, 255) !important;--ion-color-contrast:var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-tertiary-shade, #4854e0) !important;--ion-color-tint:var(--ion-color-tertiary-tint, #6370ff) !important}.ion-color-success{--ion-color-base:var(--ion-color-success, #2dd36f) !important;--ion-color-base-rgb:var(--ion-color-success-rgb, 45, 211, 111) !important;--ion-color-contrast:var(--ion-color-success-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-success-shade, #28ba62) !important;--ion-color-tint:var(--ion-color-success-tint, #42d77d) !important}.ion-color-warning{--ion-color-base:var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb:var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast:var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb:var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade:var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint:var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base:var(--ion-color-danger, #eb445a) !important;--ion-color-base-rgb:var(--ion-color-danger-rgb, 235, 68, 90) !important;--ion-color-contrast:var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-danger-shade, #cf3c4f) !important;--ion-color-tint:var(--ion-color-danger-tint, #ed576b) !important}.ion-color-light{--ion-color-base:var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb:var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast:var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb:var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade:var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint:var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base:var(--ion-color-medium, #92949c) !important;--ion-color-base-rgb:var(--ion-color-medium-rgb, 146, 148, 156) !important;--ion-color-contrast:var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-medium-shade, #808289) !important;--ion-color-tint:var(--ion-color-medium-tint, #9d9fa6) !important}.ion-color-dark{--ion-color-base:var(--ion-color-dark, #222428) !important;--ion-color-base-rgb:var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast:var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint:var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none !important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding:20px}@supports (padding-top: 20px){html{--ion-safe-area-top:var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top:env(safe-area-inset-top);--ion-safe-area-bottom:env(safe-area-inset-bottom);--ion-safe-area-left:env(safe-area-inset-left);--ion-safe-area-right:env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translate3d(0, 0, 0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow:hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}.md .menu-content-push{box-shadow:4px 0px 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width:0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:300ms transform cubic-bezier(0.25, 0.8, 0.5, 1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none !important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width:0px;--inner-border-width:0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width:fit-content;--height:fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}.atom-steps-modal__step{margin-top:var(--spacing-base)}'}}]); \ No newline at end of file diff --git a/3405.8e5370f9.iframe.bundle.js b/3405.8e5370f9.iframe.bundle.js deleted file mode 100644 index 7df38ed9a..000000000 --- a/3405.8e5370f9.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(globalThis.webpackChunk_atomium_docs=globalThis.webpackChunk_atomium_docs||[]).push([[3405],{"../../packages/core/dist/esm/atom-steps-modal.entry.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{atom_steps_modal:()=>AtomStepsModal});var _index_03927578_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../packages/core/dist/esm/index-03927578.js");const AtomStepsModal=class{constructor(hostRef){(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.r)(this,hostRef),this.atomFinish=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomFinish",7),this.atomCancel=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomCancel",7),this.atomNextStep=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomNextStep",7),this.atomPreviousStep=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomPreviousStep",7),this.atomCloseClick=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomCloseClick",7),this.atomDidDismiss=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomDidDismiss",7),this.atomDidPresent=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomDidPresent",7),this.atomIsOpenChange=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomIsOpenChange",7),this.stepsTitlesArray=[],this.handleStep=step=>{this.currentStep=step},this.handleNextStep=()=>{const{atomNextStep,el,currentStep,handleStep}=this;handleStep(currentStep+1),atomNextStep.emit(currentStep+1),(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.f)(el)},this.handleFinish=()=>{this.atomFinish.emit(),this.closeOnFinish&&(this.isOpen=!1)},this.handlePrimaryClick=()=>{const{currentStep,steps,handleNextStep,handleFinish}=this;return currentStep===steps?handleFinish():handleNextStep()},this.handleCloseClick=e=>{e.stopImmediatePropagation(),this.isOpen=!1,this.atomCloseClick.emit()},this.handleSecondaryClick=()=>{1!==this.currentStep?(this.handleStep(this.currentStep-1),this.atomPreviousStep.emit(this.currentStep)):this.atomCancel.emit()},this.handleDidPresent=e=>{e.stopImmediatePropagation(),this.isOpen=!0,this.atomDidPresent.emit(this.currentStep)},this.handleDidDismiss=e=>{e.stopImmediatePropagation(),this.isOpen=!1,this.atomDidDismiss.emit(this.currentStep),this.currentStep=1},this.steps=void 0,this.currentStep=1,this.trigger=void 0,this.stepsTitles=void 0,this.isOpen=!1,this.primaryText=void 0,this.secondaryText=void 0,this.closeOnFinish=void 0,this.disablePrimaryButton=void 0,this.disableSecondaryButton=void 0}componentWillLoad(){(this.currentStep>this.steps||this.currentStep<1||void 0===this.currentStep)&&(this.currentStep=1),this.stepsTitlesArray=this.stepsTitles.split(",")}render(){return(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)(_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.H,{key:"45e86f17814b2fd56574486ea7d035e98f49f11d"},(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("atom-modal",{key:"2d0709a02232bd3eda7e96f8edcb6e1bf6ef2b5a",trigger:this.trigger,"alert-type":"","primary-text":this.primaryText,"secondary-text":this.secondaryText,progress:this.currentStep/this.steps,"has-footer":"","header-title":this.stepsTitlesArray[this.currentStep-1].trim(),"disable-primary":this.disablePrimaryButton,"disable-secondary":this.disableSecondaryButton,onAtomPrimaryClick:this.handlePrimaryClick,onAtomSecondaryClick:this.handleSecondaryClick,"is-open":this.isOpen,"has-divider":!0,onAtomDidDismiss:this.handleDidDismiss,onAtomDidPresent:this.handleDidPresent,onAtomCloseClick:this.handleCloseClick,onAtomIsOpenChange:e=>{e.stopImmediatePropagation(),this.atomIsOpenChange.emit(e.detail)},class:"atom-steps-modal",part:"steps-modal"},this.stepsTitlesArray.map(((title,index)=>(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("div",{class:"atom-steps-modal__step",style:{display:this.currentStep===index+1?"block":"none"}},(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("slot",{name:`step-${index+1}`}))))))}get el(){return(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.e)(this)}};AtomStepsModal.style='html.ios{--ion-default-font:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font:"Roboto", "Helvetica Neue", sans-serif}html{--ion-default-dynamic-font:-apple-system-body;--ion-font-family:var(--ion-default-font)}body{background:var(--ion-background-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity:0.18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity:0;--box-shadow:none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base:var(--ion-color-primary, #3880ff) !important;--ion-color-base-rgb:var(--ion-color-primary-rgb, 56, 128, 255) !important;--ion-color-contrast:var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-primary-shade, #3171e0) !important;--ion-color-tint:var(--ion-color-primary-tint, #4c8dff) !important}.ion-color-secondary{--ion-color-base:var(--ion-color-secondary, #3dc2ff) !important;--ion-color-base-rgb:var(--ion-color-secondary-rgb, 61, 194, 255) !important;--ion-color-contrast:var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-secondary-shade, #36abe0) !important;--ion-color-tint:var(--ion-color-secondary-tint, #50c8ff) !important}.ion-color-tertiary{--ion-color-base:var(--ion-color-tertiary, #5260ff) !important;--ion-color-base-rgb:var(--ion-color-tertiary-rgb, 82, 96, 255) !important;--ion-color-contrast:var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-tertiary-shade, #4854e0) !important;--ion-color-tint:var(--ion-color-tertiary-tint, #6370ff) !important}.ion-color-success{--ion-color-base:var(--ion-color-success, #2dd36f) !important;--ion-color-base-rgb:var(--ion-color-success-rgb, 45, 211, 111) !important;--ion-color-contrast:var(--ion-color-success-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-success-shade, #28ba62) !important;--ion-color-tint:var(--ion-color-success-tint, #42d77d) !important}.ion-color-warning{--ion-color-base:var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb:var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast:var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb:var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade:var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint:var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base:var(--ion-color-danger, #eb445a) !important;--ion-color-base-rgb:var(--ion-color-danger-rgb, 235, 68, 90) !important;--ion-color-contrast:var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-danger-shade, #cf3c4f) !important;--ion-color-tint:var(--ion-color-danger-tint, #ed576b) !important}.ion-color-light{--ion-color-base:var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb:var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast:var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb:var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade:var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint:var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base:var(--ion-color-medium, #92949c) !important;--ion-color-base-rgb:var(--ion-color-medium-rgb, 146, 148, 156) !important;--ion-color-contrast:var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-medium-shade, #808289) !important;--ion-color-tint:var(--ion-color-medium-tint, #9d9fa6) !important}.ion-color-dark{--ion-color-base:var(--ion-color-dark, #222428) !important;--ion-color-base-rgb:var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast:var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint:var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none !important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding:20px}@supports (padding-top: 20px){html{--ion-safe-area-top:var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top:env(safe-area-inset-top);--ion-safe-area-bottom:env(safe-area-inset-bottom);--ion-safe-area-left:env(safe-area-inset-left);--ion-safe-area-right:env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translate3d(0, 0, 0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow:hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}.md .menu-content-push{box-shadow:4px 0px 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width:0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:300ms transform cubic-bezier(0.25, 0.8, 0.5, 1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none !important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width:0px;--inner-border-width:0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width:fit-content;--height:fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}.atom-steps-modal__step{margin-top:var(--spacing-base)}'}}]); \ No newline at end of file diff --git a/6767.00a125b9.iframe.bundle.js b/6767.00a125b9.iframe.bundle.js deleted file mode 100644 index a00035531..000000000 --- a/6767.00a125b9.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(globalThis.webpackChunk_atomium_docs=globalThis.webpackChunk_atomium_docs||[]).push([[6767],{"../../packages/core/dist/esm/atom-modal.entry.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{atom_modal:()=>AtomModal});var _index_03927578_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../packages/core/dist/esm/index-03927578.js");const AtomModal=class{constructor(hostRef){(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.r)(this,hostRef),this.atomCloseClick=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomCloseClick",7),this.atomDidDismiss=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomDidDismiss",7),this.atomDidPresent=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomDidPresent",7),this.atomPrimaryClick=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomPrimaryClick",7),this.atomSecondaryClick=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomSecondaryClick",7),this.atomIsOpenChange=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomIsOpenChange",7),this.alertMap={alert:{icon:"alert-outline",color:"warning"},error:{icon:"alert-circle-outline",color:"error"}},this.addClasses=()=>{document.body.classList.add("backdrop-no-scroll"),document.documentElement.classList.add("backdrop-no-scroll")},this.removeClasses=()=>{document.body.classList.remove("backdrop-no-scroll"),document.documentElement.classList.remove("backdrop-no-scroll")},this.handleDidDismiss=()=>{this.atomDidDismiss.emit(this.modal),this.modal.close()},this.handleDidPresent=()=>{this.atomDidPresent.emit(this.modal),this.addClasses()},this.handleCloseClick=async()=>{this.atomCloseClick.emit(this.modal),this.modal.close()},this.handleSecondaryClick=()=>{this.atomSecondaryClick.emit(this.modal)},this.handlePrimaryClick=()=>{this.atomPrimaryClick.emit(this.modal)},this.trigger=void 0,this.headerTitle="",this.primaryText=void 0,this.secondaryText=void 0,this.hasDivider=!1,this.alertType=void 0,this.progress=void 0,this.hasFooter=!0,this.disablePrimary=!1,this.disableSecondary=!1,this.isOpen=!1}componentDidLoad(){document.body.classList.remove("backdrop-no-scroll"),this.modal.close=async()=>{await this.modal.dismiss(),this.removeClasses(),this.isOpen=!1}}handleIsOpenChange(newValue,oldValue){newValue!==oldValue&&this.atomIsOpenChange.emit(newValue)}render(){const iconType=this.alertMap[this.alertType];return(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)(_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.H,{key:"66b5e7c3e7d094b095548e7947681bc6de619948"},(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("ion-modal",{key:"f28a2e01a2d5bc2564c49fbedbe0bac7696ff694","aria-labelledby":"atom-modal__header-title","aria-describedby":"atom-modal__content",ref:el=>this.modal=el,trigger:this.trigger,class:{"atom-modal":!0,"atom-modal--progress":!!this.progress},onIonModalDidDismiss:this.handleDidDismiss,onDidDismiss:this.handleDidDismiss,onDidPresent:this.handleDidPresent,isOpen:this.isOpen,part:"modal"},(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("header",{key:"94c1cdb125e92a1427e623e75a3469813e91bef3",part:"header",class:"atom-modal__header"},iconType&&(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("atom-icon",{key:"542e125b3b3fcd6e13bb0c566b0befd2e5aabba5","aria-hidden":"true",icon:iconType.icon,class:`atom-modal__icon-type atom-modal__icon-type--${iconType.color}`}),(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("div",{key:"52d6edd8c973921d94eef9b77d78974b0515f7ea",id:"atom-modal__header-title"},this.headerTitle?(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("h1",{class:"atom-modal__title"},this.headerTitle):(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("slot",{name:"header"})),(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("atom-button",{key:"555667dbf6a6a4ff5d5a21adff9c3419f4315f21",fill:"clear",shape:"circle",onClick:this.handleCloseClick,"aria-label":"close",class:"atom-modal__close"},(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("atom-icon",{key:"45250bb6f5fc19753ff31ee9527cb87c6bd89c5a",icon:"close",class:"atom-modal__close-icon","aria-hidden":"true"}))),this.progress>=0?(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("ion-progress-bar",{value:this.progress,color:"primary"}):null,(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("div",{key:"379e386654ac1b4c95daff5cfb61b53994f317aa",id:"atom-modal__content",part:"content",class:{"atom-modal__content":!0,"atom-modal__content--divided":this.hasDivider}},(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("slot",{key:"d123fe198736fac4429b880e5df100da5868022b"})),this.hasFooter&&(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("footer",{key:"f8a94d78ccfa53db03ad9150919f9d5045bbf3fa",part:"footer",class:"atom-modal__footer"},(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("atom-button",{key:"19a8c4be25c5d80985ede658a228588e6e1e8c27",color:"secondary",disabled:this.disableSecondary,fill:"outline",class:"atom-modal__btn-action atom-modal__btn-action--secondary",onClick:this.handleSecondaryClick},this.secondaryText),(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("atom-button",{key:"556e53631d15adac96ee028b004f935de92d39af",color:"primary",disabled:this.disablePrimary,class:"atom-modal__btn-action atom-modal__btn-action--primary",onClick:this.handlePrimaryClick},this.primaryText))))}static get watchers(){return{isOpen:["handleIsOpenChange"]}}};AtomModal.style='html.ios.sc-atom-modal{--ion-default-font:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md.sc-atom-modal{--ion-default-font:"Roboto", "Helvetica Neue", sans-serif}html.sc-atom-modal{--ion-default-dynamic-font:-apple-system-body;--ion-font-family:var(--ion-default-font)}body.sc-atom-modal{background:var(--ion-background-color)}body.backdrop-no-scroll.sc-atom-modal{overflow:hidden}html.ios.sc-atom-modal ion-modal.modal-card.sc-atom-modal ion-header.sc-atom-modal ion-toolbar.sc-atom-modal:first-of-type,html.ios.sc-atom-modal ion-modal.modal-sheet.sc-atom-modal ion-header.sc-atom-modal ion-toolbar.sc-atom-modal:first-of-type,html.ios.sc-atom-modal ion-modal.sc-atom-modal ion-footer.sc-atom-modal ion-toolbar.sc-atom-modal:first-of-type{padding-top:6px}html.ios.sc-atom-modal ion-modal.modal-card.sc-atom-modal ion-header.sc-atom-modal ion-toolbar.sc-atom-modal:last-of-type,html.ios.sc-atom-modal ion-modal.modal-sheet.sc-atom-modal ion-header.sc-atom-modal ion-toolbar.sc-atom-modal:last-of-type{padding-bottom:6px}html.ios.sc-atom-modal ion-modal.sc-atom-modal ion-toolbar.sc-atom-modal{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios.sc-atom-modal ion-modal.modal-card.sc-atom-modal:first-of-type{--backdrop-opacity:0.18}}ion-modal.modal-default.show-modal.sc-atom-modal~ion-modal.modal-default.sc-atom-modal{--backdrop-opacity:0;--box-shadow:none}html.ios.sc-atom-modal ion-modal.modal-card.sc-atom-modal .ion-page.sc-atom-modal{border-top-left-radius:var(--border-radius)}.ion-color-primary.sc-atom-modal{--ion-color-base:var(--ion-color-primary, #3880ff) !important;--ion-color-base-rgb:var(--ion-color-primary-rgb, 56, 128, 255) !important;--ion-color-contrast:var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-primary-shade, #3171e0) !important;--ion-color-tint:var(--ion-color-primary-tint, #4c8dff) !important}.ion-color-secondary.sc-atom-modal{--ion-color-base:var(--ion-color-secondary, #3dc2ff) !important;--ion-color-base-rgb:var(--ion-color-secondary-rgb, 61, 194, 255) !important;--ion-color-contrast:var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-secondary-shade, #36abe0) !important;--ion-color-tint:var(--ion-color-secondary-tint, #50c8ff) !important}.ion-color-tertiary.sc-atom-modal{--ion-color-base:var(--ion-color-tertiary, #5260ff) !important;--ion-color-base-rgb:var(--ion-color-tertiary-rgb, 82, 96, 255) !important;--ion-color-contrast:var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-tertiary-shade, #4854e0) !important;--ion-color-tint:var(--ion-color-tertiary-tint, #6370ff) !important}.ion-color-success.sc-atom-modal{--ion-color-base:var(--ion-color-success, #2dd36f) !important;--ion-color-base-rgb:var(--ion-color-success-rgb, 45, 211, 111) !important;--ion-color-contrast:var(--ion-color-success-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-success-shade, #28ba62) !important;--ion-color-tint:var(--ion-color-success-tint, #42d77d) !important}.ion-color-warning.sc-atom-modal{--ion-color-base:var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb:var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast:var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb:var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade:var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint:var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger.sc-atom-modal{--ion-color-base:var(--ion-color-danger, #eb445a) !important;--ion-color-base-rgb:var(--ion-color-danger-rgb, 235, 68, 90) !important;--ion-color-contrast:var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-danger-shade, #cf3c4f) !important;--ion-color-tint:var(--ion-color-danger-tint, #ed576b) !important}.ion-color-light.sc-atom-modal{--ion-color-base:var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb:var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast:var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb:var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade:var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint:var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium.sc-atom-modal{--ion-color-base:var(--ion-color-medium, #92949c) !important;--ion-color-base-rgb:var(--ion-color-medium-rgb, 146, 148, 156) !important;--ion-color-contrast:var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-medium-shade, #808289) !important;--ion-color-tint:var(--ion-color-medium-tint, #9d9fa6) !important}.ion-color-dark.sc-atom-modal{--ion-color-base:var(--ion-color-dark, #222428) !important;--ion-color-base-rgb:var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast:var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint:var(--ion-color-dark-tint, #383a3e) !important}.ion-page.sc-atom-modal{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal.sc-atom-modal>.ion-page.sc-atom-modal{position:relative;contain:layout style;height:100%}.split-pane-visible.sc-atom-modal>.ion-page.split-pane-main.sc-atom-modal{position:relative}ion-route.sc-atom-modal,ion-route-redirect.sc-atom-modal,ion-router.sc-atom-modal,ion-select-option.sc-atom-modal,ion-nav-controller.sc-atom-modal,ion-menu-controller.sc-atom-modal,ion-action-sheet-controller.sc-atom-modal,ion-alert-controller.sc-atom-modal,ion-loading-controller.sc-atom-modal,ion-modal-controller.sc-atom-modal,ion-picker-controller.sc-atom-modal,ion-popover-controller.sc-atom-modal,ion-toast-controller.sc-atom-modal,.ion-page-hidden.sc-atom-modal{display:none !important}.ion-page-invisible.sc-atom-modal{opacity:0}.can-go-back.sc-atom-modal>ion-header.sc-atom-modal ion-back-button.sc-atom-modal{display:block}html.plt-ios.plt-hybrid.sc-atom-modal,html.plt-ios.plt-pwa.sc-atom-modal{--ion-statusbar-padding:20px}@supports (padding-top: 20px){html.sc-atom-modal{--ion-safe-area-top:var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html.sc-atom-modal{--ion-safe-area-top:env(safe-area-inset-top);--ion-safe-area-bottom:env(safe-area-inset-bottom);--ion-safe-area-left:env(safe-area-inset-left);--ion-safe-area-right:env(safe-area-inset-right)}}ion-card.ion-color.sc-atom-modal .ion-inherit-color.sc-atom-modal,ion-card-header.ion-color.sc-atom-modal .ion-inherit-color.sc-atom-modal{color:inherit}.menu-content.sc-atom-modal{transform:translate3d(0, 0, 0)}.menu-content-open.sc-atom-modal{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open.sc-atom-modal ion-content.sc-atom-modal{--overflow:hidden}.menu-content-open.sc-atom-modal .ion-content-scroll-host.sc-atom-modal{overflow:hidden}.ios.sc-atom-modal .menu-content-reveal.sc-atom-modal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios.sc-atom-modal .menu-content-reveal.sc-atom-modal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md.sc-atom-modal .menu-content-reveal.sc-atom-modal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}.md.sc-atom-modal .menu-content-push.sc-atom-modal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset.sc-atom-modal>ion-accordion.sc-atom-modal:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset.sc-atom-modal>ion-accordion.sc-atom-modal:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group.sc-atom-modal>ion-accordion.sc-atom-modal:last-of-type ion-item[slot=header].sc-atom-modal{--border-width:0px}ion-accordion.accordion-animated.sc-atom-modal>[slot=header].sc-atom-modal .ion-accordion-toggle-icon.sc-atom-modal{transition:300ms transform cubic-bezier(0.25, 0.8, 0.5, 1)}@media (prefers-reduced-motion: reduce){ion-accordion.sc-atom-modal .ion-accordion-toggle-icon.sc-atom-modal{transition:none !important}}ion-accordion.accordion-expanding.sc-atom-modal>[slot=header].sc-atom-modal .ion-accordion-toggle-icon.sc-atom-modal,ion-accordion.accordion-expanded.sc-atom-modal>[slot=header].sc-atom-modal .ion-accordion-toggle-icon.sc-atom-modal{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md.sc-atom-modal>ion-accordion.accordion-previous.sc-atom-modal ion-item[slot=header].sc-atom-modal{--border-width:0px;--inner-border-width:0px}ion-accordion-group.accordion-group-expand-inset.md.sc-atom-modal>ion-accordion.accordion-expanding.sc-atom-modal:first-of-type,ion-accordion-group.accordion-group-expand-inset.md.sc-atom-modal>ion-accordion.accordion-expanded.sc-atom-modal:first-of-type{margin-top:0}ion-input.sc-atom-modal input.sc-atom-modal::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay.sc-atom-modal{--width:fit-content;--height:fit-content}.ion-datetime-button-overlay.sc-atom-modal ion-datetime.datetime-grid.sc-atom-modal{width:320px;min-height:320px}.popover-viewport.sc-atom-modal:has(>ion-content).sc-atom-modal{overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport.sc-atom-modal{overflow:hidden}}.sc-atom-modal-h{--atom-modal-zindex:var(--zindex-1000)}.atom-modal.sc-atom-modal{position:fixed;z-index:var(--atom-modal-zindex) !important}.atom-modal__close.sc-atom-modal{position:absolute;right:var(--spacing-small);top:var(--spacing-small)}.atom-modal__close-icon.sc-atom-modal{color:var(--color-neutral-regular);font-size:var(--spacing-large)}.atom-modal__content.sc-atom-modal{color:var(--color-neutral-light-1);font:var(--text-body-medium);height:100%;letter-spacing:var(--text-body-medium-letter);padding:var(--spacing-large);padding-top:0}.atom-modal__content--divided.sc-atom-modal{border-bottom:1px solid var(--color-neutral-light-3);border-top:1px solid var(--color-neutral-light-3);padding-top:var(--spacing-large)}.atom-modal__footer.sc-atom-modal{display:flex;flex-wrap:wrap;gap:var(--spacing-medium);justify-content:flex-end;padding:var(--spacing-large)}.atom-modal__header.sc-atom-modal{color:var(--color-neutral-light-1);padding:var(--spacing-large);position:relative}.atom-modal__icon-type.sc-atom-modal{font-size:var(--spacing-xxxxlarge);margin-bottom:var(--spacing-large)}.atom-modal__icon-type--warning.sc-atom-modal{color:var(--color-contextual-warning-dark-1)}.atom-modal__icon-type--error.sc-atom-modal{color:var(--color-contextual-error-regular)}.atom-modal__title.sc-atom-modal,.atom-modal__header.sc-atom-modal{font:var(--title-headline-xsmall);letter-spacing:var(--title-headline-xsmall-letter);margin:0}.atom-modal--progress.sc-atom-modal .atom-modal__content--divided.sc-atom-modal{border-top:0}.atom-modal.sc-atom-modal ion-progress-bar.sc-atom-modal::part(track){background-color:var(--color-brand-primary-light-2)}@media only screen and (max-width: 767px){.atom-modal__btn-action.sc-atom-modal{width:100%}.atom-modal__btn-action.sc-atom-modal::part(button){width:100%}}ion-modal.sc-atom-modal::part(content){--border-radius:8px;height:auto}@media only screen and (max-width: 767px){ion-modal.sc-atom-modal::part(content){--border-radius:0;height:100%}}'}}]); \ No newline at end of file diff --git a/6767.c276cb43.iframe.bundle.js b/6767.c276cb43.iframe.bundle.js new file mode 100644 index 000000000..3fea93348 --- /dev/null +++ b/6767.c276cb43.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(globalThis.webpackChunk_atomium_docs=globalThis.webpackChunk_atomium_docs||[]).push([[6767],{"../../packages/core/dist/esm/atom-modal.entry.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{atom_modal:()=>AtomModal});var _index_03927578_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../packages/core/dist/esm/index-03927578.js");const AtomModal=class{constructor(hostRef){(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.r)(this,hostRef),this.atomCloseClick=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomCloseClick",7),this.atomDidDismiss=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomDidDismiss",7),this.atomDidPresent=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomDidPresent",7),this.atomPrimaryClick=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomPrimaryClick",7),this.atomSecondaryClick=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomSecondaryClick",7),this.atomIsOpenChange=(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.d)(this,"atomIsOpenChange",7),this.alertMap={alert:{icon:"alert-outline",color:"warning"},error:{icon:"alert-circle-outline",color:"error"}},this.addClasses=()=>{document.body.classList.add("backdrop-no-scroll"),document.documentElement.classList.add("backdrop-no-scroll")},this.removeClasses=()=>{document.body.classList.remove("backdrop-no-scroll"),document.documentElement.classList.remove("backdrop-no-scroll")},this.handleDidDismiss=()=>{this.atomDidDismiss.emit(this.modal),this.modal.close()},this.handleDidPresent=()=>{this.atomDidPresent.emit(this.modal),this.addClasses()},this.handleCloseClick=async()=>{this.atomCloseClick.emit(this.modal),this.modal.close()},this.handleSecondaryClick=()=>{this.atomSecondaryClick.emit(this.modal)},this.handlePrimaryClick=()=>{this.atomPrimaryClick.emit(this.modal)},this.trigger=void 0,this.headerTitle="",this.primaryButtonText=void 0,this.secondaryButtonText=void 0,this.hasDivider=!1,this.alertType=void 0,this.progress=void 0,this.hasFooter=!0,this.disablePrimaryButton=!1,this.disableSecondaryButton=!1,this.isOpen=!1}componentDidLoad(){document.body.classList.remove("backdrop-no-scroll"),this.modal.close=async()=>{await this.modal.dismiss(),this.removeClasses(),this.isOpen=!1}}handleIsOpenChange(newValue,oldValue){newValue!==oldValue&&this.atomIsOpenChange.emit(newValue)}render(){const iconType=this.alertMap[this.alertType];return(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)(_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.H,{key:"1778b6fd86a455a2c6d00f0efc2adb868f485856"},(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("ion-modal",{key:"38a4523f5603a5a9243c52ec5c04810bb9820531","aria-labelledby":"atom-modal__header-title","aria-describedby":"atom-modal__content",ref:el=>this.modal=el,trigger:this.trigger,class:{"atom-modal":!0,"atom-modal--progress":!!this.progress},onIonModalDidDismiss:this.handleDidDismiss,onDidDismiss:this.handleDidDismiss,onDidPresent:this.handleDidPresent,isOpen:this.isOpen,part:"modal"},(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("header",{key:"a5588f5ee0614ca3b9a1b5ffe650b4b139b0ba00",part:"header",class:"atom-modal__header"},iconType&&(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("atom-icon",{key:"a78c0105874fc361d68b34d7ecd68c8ad379825b","aria-hidden":"true",icon:iconType.icon,class:`atom-modal__icon-type atom-modal__icon-type--${iconType.color}`}),(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("div",{key:"3c0c1066e3b19c77b7febdd14bba0cb4cefef58f",id:"atom-modal__header-title"},this.headerTitle?(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("h1",{class:"atom-modal__title"},this.headerTitle):(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("slot",{name:"header"})),(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("atom-button",{key:"7f2214320ef95d13b9464aaa6ab327881ac33d87",color:"secondary",fill:"clear",shape:"circle",onClick:this.handleCloseClick,"aria-label":"close",class:"atom-modal__close"},(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("atom-icon",{key:"73aa51d13f3d772d0b7b8b47cdca8a8a22f9fd30",icon:"close",class:"atom-modal__close-icon","aria-hidden":"true"}))),this.progress>=0?(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("ion-progress-bar",{value:this.progress,color:"primary"}):null,(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("div",{key:"1fc88ec0b0b91b189ae726c33eb96ad1790f95c7",id:"atom-modal__content",part:"content",class:{"atom-modal__content":!0,"atom-modal__content--divided":this.hasDivider}},(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("slot",{key:"5dea7583def2c7fee403487ec849d31039741726"})),this.hasFooter&&(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("footer",{key:"8f32459b7f2742d1f41454f6b94adb2a7f186328",part:"footer",class:"atom-modal__footer"},(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("atom-button",{key:"4324a40c310ad428b734d765049ae3e3b43ff9c2",color:"secondary",disabled:this.disableSecondaryButton,fill:"outline",class:"atom-modal__btn-action atom-modal__btn-action--secondary",onClick:this.handleSecondaryClick},this.secondaryButtonText),(0,_index_03927578_js__WEBPACK_IMPORTED_MODULE_0__.h)("atom-button",{key:"c3a08e431719e281d7e465a43efae1a622cedaa4",color:"primary",disabled:this.disablePrimaryButton,class:"atom-modal__btn-action atom-modal__btn-action--primary",onClick:this.handlePrimaryClick},this.primaryButtonText))))}static get watchers(){return{isOpen:["handleIsOpenChange"]}}};AtomModal.style='html.ios.sc-atom-modal{--ion-default-font:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md.sc-atom-modal{--ion-default-font:"Roboto", "Helvetica Neue", sans-serif}html.sc-atom-modal{--ion-default-dynamic-font:-apple-system-body;--ion-font-family:var(--ion-default-font)}body.sc-atom-modal{background:var(--ion-background-color)}body.backdrop-no-scroll.sc-atom-modal{overflow:hidden}html.ios.sc-atom-modal ion-modal.modal-card.sc-atom-modal ion-header.sc-atom-modal ion-toolbar.sc-atom-modal:first-of-type,html.ios.sc-atom-modal ion-modal.modal-sheet.sc-atom-modal ion-header.sc-atom-modal ion-toolbar.sc-atom-modal:first-of-type,html.ios.sc-atom-modal ion-modal.sc-atom-modal ion-footer.sc-atom-modal ion-toolbar.sc-atom-modal:first-of-type{padding-top:6px}html.ios.sc-atom-modal ion-modal.modal-card.sc-atom-modal ion-header.sc-atom-modal ion-toolbar.sc-atom-modal:last-of-type,html.ios.sc-atom-modal ion-modal.modal-sheet.sc-atom-modal ion-header.sc-atom-modal ion-toolbar.sc-atom-modal:last-of-type{padding-bottom:6px}html.ios.sc-atom-modal ion-modal.sc-atom-modal ion-toolbar.sc-atom-modal{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios.sc-atom-modal ion-modal.modal-card.sc-atom-modal:first-of-type{--backdrop-opacity:0.18}}ion-modal.modal-default.show-modal.sc-atom-modal~ion-modal.modal-default.sc-atom-modal{--backdrop-opacity:0;--box-shadow:none}html.ios.sc-atom-modal ion-modal.modal-card.sc-atom-modal .ion-page.sc-atom-modal{border-top-left-radius:var(--border-radius)}.ion-color-primary.sc-atom-modal{--ion-color-base:var(--ion-color-primary, #3880ff) !important;--ion-color-base-rgb:var(--ion-color-primary-rgb, 56, 128, 255) !important;--ion-color-contrast:var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-primary-shade, #3171e0) !important;--ion-color-tint:var(--ion-color-primary-tint, #4c8dff) !important}.ion-color-secondary.sc-atom-modal{--ion-color-base:var(--ion-color-secondary, #3dc2ff) !important;--ion-color-base-rgb:var(--ion-color-secondary-rgb, 61, 194, 255) !important;--ion-color-contrast:var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-secondary-shade, #36abe0) !important;--ion-color-tint:var(--ion-color-secondary-tint, #50c8ff) !important}.ion-color-tertiary.sc-atom-modal{--ion-color-base:var(--ion-color-tertiary, #5260ff) !important;--ion-color-base-rgb:var(--ion-color-tertiary-rgb, 82, 96, 255) !important;--ion-color-contrast:var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-tertiary-shade, #4854e0) !important;--ion-color-tint:var(--ion-color-tertiary-tint, #6370ff) !important}.ion-color-success.sc-atom-modal{--ion-color-base:var(--ion-color-success, #2dd36f) !important;--ion-color-base-rgb:var(--ion-color-success-rgb, 45, 211, 111) !important;--ion-color-contrast:var(--ion-color-success-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-success-shade, #28ba62) !important;--ion-color-tint:var(--ion-color-success-tint, #42d77d) !important}.ion-color-warning.sc-atom-modal{--ion-color-base:var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb:var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast:var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb:var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade:var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint:var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger.sc-atom-modal{--ion-color-base:var(--ion-color-danger, #eb445a) !important;--ion-color-base-rgb:var(--ion-color-danger-rgb, 235, 68, 90) !important;--ion-color-contrast:var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-danger-shade, #cf3c4f) !important;--ion-color-tint:var(--ion-color-danger-tint, #ed576b) !important}.ion-color-light.sc-atom-modal{--ion-color-base:var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb:var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast:var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb:var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade:var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint:var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium.sc-atom-modal{--ion-color-base:var(--ion-color-medium, #92949c) !important;--ion-color-base-rgb:var(--ion-color-medium-rgb, 146, 148, 156) !important;--ion-color-contrast:var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-medium-shade, #808289) !important;--ion-color-tint:var(--ion-color-medium-tint, #9d9fa6) !important}.ion-color-dark.sc-atom-modal{--ion-color-base:var(--ion-color-dark, #222428) !important;--ion-color-base-rgb:var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast:var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint:var(--ion-color-dark-tint, #383a3e) !important}.ion-page.sc-atom-modal{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal.sc-atom-modal>.ion-page.sc-atom-modal{position:relative;contain:layout style;height:100%}.split-pane-visible.sc-atom-modal>.ion-page.split-pane-main.sc-atom-modal{position:relative}ion-route.sc-atom-modal,ion-route-redirect.sc-atom-modal,ion-router.sc-atom-modal,ion-select-option.sc-atom-modal,ion-nav-controller.sc-atom-modal,ion-menu-controller.sc-atom-modal,ion-action-sheet-controller.sc-atom-modal,ion-alert-controller.sc-atom-modal,ion-loading-controller.sc-atom-modal,ion-modal-controller.sc-atom-modal,ion-picker-controller.sc-atom-modal,ion-popover-controller.sc-atom-modal,ion-toast-controller.sc-atom-modal,.ion-page-hidden.sc-atom-modal{display:none !important}.ion-page-invisible.sc-atom-modal{opacity:0}.can-go-back.sc-atom-modal>ion-header.sc-atom-modal ion-back-button.sc-atom-modal{display:block}html.plt-ios.plt-hybrid.sc-atom-modal,html.plt-ios.plt-pwa.sc-atom-modal{--ion-statusbar-padding:20px}@supports (padding-top: 20px){html.sc-atom-modal{--ion-safe-area-top:var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html.sc-atom-modal{--ion-safe-area-top:env(safe-area-inset-top);--ion-safe-area-bottom:env(safe-area-inset-bottom);--ion-safe-area-left:env(safe-area-inset-left);--ion-safe-area-right:env(safe-area-inset-right)}}ion-card.ion-color.sc-atom-modal .ion-inherit-color.sc-atom-modal,ion-card-header.ion-color.sc-atom-modal .ion-inherit-color.sc-atom-modal{color:inherit}.menu-content.sc-atom-modal{transform:translate3d(0, 0, 0)}.menu-content-open.sc-atom-modal{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open.sc-atom-modal ion-content.sc-atom-modal{--overflow:hidden}.menu-content-open.sc-atom-modal .ion-content-scroll-host.sc-atom-modal{overflow:hidden}.ios.sc-atom-modal .menu-content-reveal.sc-atom-modal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios.sc-atom-modal .menu-content-reveal.sc-atom-modal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md.sc-atom-modal .menu-content-reveal.sc-atom-modal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}.md.sc-atom-modal .menu-content-push.sc-atom-modal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset.sc-atom-modal>ion-accordion.sc-atom-modal:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset.sc-atom-modal>ion-accordion.sc-atom-modal:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group.sc-atom-modal>ion-accordion.sc-atom-modal:last-of-type ion-item[slot=header].sc-atom-modal{--border-width:0px}ion-accordion.accordion-animated.sc-atom-modal>[slot=header].sc-atom-modal .ion-accordion-toggle-icon.sc-atom-modal{transition:300ms transform cubic-bezier(0.25, 0.8, 0.5, 1)}@media (prefers-reduced-motion: reduce){ion-accordion.sc-atom-modal .ion-accordion-toggle-icon.sc-atom-modal{transition:none !important}}ion-accordion.accordion-expanding.sc-atom-modal>[slot=header].sc-atom-modal .ion-accordion-toggle-icon.sc-atom-modal,ion-accordion.accordion-expanded.sc-atom-modal>[slot=header].sc-atom-modal .ion-accordion-toggle-icon.sc-atom-modal{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md.sc-atom-modal>ion-accordion.accordion-previous.sc-atom-modal ion-item[slot=header].sc-atom-modal{--border-width:0px;--inner-border-width:0px}ion-accordion-group.accordion-group-expand-inset.md.sc-atom-modal>ion-accordion.accordion-expanding.sc-atom-modal:first-of-type,ion-accordion-group.accordion-group-expand-inset.md.sc-atom-modal>ion-accordion.accordion-expanded.sc-atom-modal:first-of-type{margin-top:0}ion-input.sc-atom-modal input.sc-atom-modal::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay.sc-atom-modal{--width:fit-content;--height:fit-content}.ion-datetime-button-overlay.sc-atom-modal ion-datetime.datetime-grid.sc-atom-modal{width:320px;min-height:320px}.popover-viewport.sc-atom-modal:has(>ion-content).sc-atom-modal{overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport.sc-atom-modal{overflow:hidden}}.sc-atom-modal-h{--atom-modal-zindex:var(--zindex-1000)}.atom-modal.sc-atom-modal{position:fixed;z-index:var(--atom-modal-zindex) !important}.atom-modal__close.sc-atom-modal{position:absolute;right:var(--spacing-small);top:var(--spacing-small)}.atom-modal__close-icon.sc-atom-modal{color:var(--color-neutral-regular);font-size:var(--spacing-large)}.atom-modal__content.sc-atom-modal{color:var(--color-neutral-light-1);font:var(--text-body-medium);height:100%;letter-spacing:var(--text-body-medium-letter);padding:var(--spacing-large);padding-top:0}.atom-modal__content--divided.sc-atom-modal{border-bottom:1px solid var(--color-neutral-light-3);border-top:1px solid var(--color-neutral-light-3);padding-top:var(--spacing-large)}.atom-modal__footer.sc-atom-modal{display:flex;flex-wrap:wrap;gap:var(--spacing-medium);justify-content:flex-end;padding:var(--spacing-large)}.atom-modal__header.sc-atom-modal{color:var(--color-neutral-light-1);padding:var(--spacing-large);position:relative}.atom-modal__icon-type.sc-atom-modal{font-size:var(--spacing-xxxxlarge);margin-bottom:var(--spacing-large)}.atom-modal__icon-type--warning.sc-atom-modal{color:var(--color-contextual-warning-dark-1)}.atom-modal__icon-type--error.sc-atom-modal{color:var(--color-contextual-error-regular)}.atom-modal__title.sc-atom-modal,.atom-modal__header.sc-atom-modal{font:var(--title-headline-xsmall);letter-spacing:var(--title-headline-xsmall-letter);margin:0}.atom-modal--progress.sc-atom-modal .atom-modal__content--divided.sc-atom-modal{border-top:0}.atom-modal.sc-atom-modal ion-progress-bar.sc-atom-modal::part(track){background-color:var(--color-brand-primary-light-2)}@media only screen and (max-width: 767px){.atom-modal__btn-action.sc-atom-modal{width:100%}.atom-modal__btn-action.sc-atom-modal::part(button){width:100%}}ion-modal.sc-atom-modal::part(content){--border-radius:8px;height:auto}@media only screen and (max-width: 767px){ion-modal.sc-atom-modal::part(content){--border-radius:0;height:100%}}'}}]); \ No newline at end of file diff --git a/components-modal-stories-modal-core-stories.0da1c757.iframe.bundle.js b/components-modal-stories-modal-core-stories.b9398b2a.iframe.bundle.js similarity index 72% rename from components-modal-stories-modal-core-stories.0da1c757.iframe.bundle.js rename to components-modal-stories-modal-core-stories.b9398b2a.iframe.bundle.js index 0c2c1b046..e82fb112b 100644 --- a/components-modal-stories-modal-core-stories.0da1c757.iframe.bundle.js +++ b/components-modal-stories-modal-core-stories.b9398b2a.iframe.bundle.js @@ -1,17 +1,17 @@ -"use strict";(globalThis.webpackChunk_atomium_docs=globalThis.webpackChunk_atomium_docs||[]).push([[4825],{"../../node_modules/@storybook/addon-actions/dist/decorator.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{w:()=>withActions});var v4=__webpack_require__("../../node_modules/uuid/dist/esm-browser/v4.js"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),preview_errors=__webpack_require__("../../node_modules/@storybook/core-events/dist/errors/preview-errors.mjs"),ADDON_ID="storybook/actions",EVENT_ID=`${ADDON_ID}/action-event`,config={depth:10,clearOnStoryChange:!0,limit:50},findProto=(obj,callback)=>{let proto=Object.getPrototypeOf(obj);return!proto||callback(proto)?proto:findProto(proto,callback)},serializeArg=a=>{if("object"==typeof(e=a)&&e&&findProto(e,(proto=>/^Synthetic(?:Base)?Event$/.test(proto.constructor.name)))&&"function"==typeof e.persist){let e=Object.create(a.constructor.prototype,Object.getOwnPropertyDescriptors(a));e.persist();let viewDescriptor=Object.getOwnPropertyDescriptor(e,"view"),view=viewDescriptor?.value;return"object"==typeof view&&"Window"===view?.constructor.name&&Object.defineProperty(e,"view",{...viewDescriptor,value:Object.create(view.constructor.prototype)}),e}var e;return a};function action(name,options={}){let actionOptions={...config,...options},handler=function(...args){if(options.implicit){let storyRenderer=("__STORYBOOK_PREVIEW__"in external_STORYBOOK_MODULE_GLOBAL_.global?external_STORYBOOK_MODULE_GLOBAL_.global.__STORYBOOK_PREVIEW__:void 0)?.storyRenders.find((render=>"playing"===render.phase||"rendering"===render.phase));if(storyRenderer){let deprecated=!window?.FEATURES?.disallowImplicitActionsInRenderV8,error=new preview_errors._U({phase:storyRenderer.phase,name,deprecated});if(!deprecated)throw error;console.warn(error)}}let channel=external_STORYBOOK_MODULE_PREVIEW_API_.addons.getChannel(),id="object"==typeof crypto&&"function"==typeof crypto.getRandomValues?(0,v4.A)():Date.now().toString(36)+Math.random().toString(36).substring(2),serializedArgs=args.map(serializeArg),normalizedArgs=args.length>1?serializedArgs:serializedArgs[0],actionDisplayToEmit={id,count:0,data:{name,args:normalizedArgs},options:{...actionOptions,maxDepth:5+(actionOptions.depth||3),allowFunction:actionOptions.allowFunction||!1}};channel.emit(EVENT_ID,actionDisplayToEmit)};return handler.isAction=!0,handler}var actions=(...args)=>{let options=config,names=args;1===names.length&&Array.isArray(names[0])&&([names]=names),1!==names.length&&"string"!=typeof names[names.length-1]&&(options={...config,...names.pop()});let namesObject=names[0];(1!==names.length||"string"==typeof namesObject)&&(namesObject={},names.forEach((name=>{namesObject[name]=name})));let actionsObject={};return Object.keys(namesObject).forEach((name=>{actionsObject[name]=action(namesObject[name],options)})),actionsObject},{document:decorator_document,Element}=external_STORYBOOK_MODULE_GLOBAL_.global,delegateEventSplitter=/^(\S+)\s*(.*)$/,matchesMethod=null!=Element&&!Element.prototype.matches?"msMatchesSelector":"matches",hasMatchInAncestry=(element,selector)=>{if(element[matchesMethod](selector))return!0;let parent=element.parentElement;return!!parent&&hasMatchInAncestry(parent,selector)},applyEventHandlers=(actionsFn,...handles)=>{let root=decorator_document&&decorator_document.getElementById("storybook-root");(0,external_STORYBOOK_MODULE_PREVIEW_API_.useEffect)((()=>{if(null!=root){let handlers=((actionsFn,...handles)=>{let actionsObject=actionsFn(...handles);return Object.entries(actionsObject).map((([key,action])=>{let[_,eventName,selector]=key.match(delegateEventSplitter)||[];return{eventName,handler:e=>{(!selector||hasMatchInAncestry(e.target,selector))&&action(e)}}}))})(actionsFn,...handles);return handlers.forEach((({eventName,handler})=>root.addEventListener(eventName,handler))),()=>handlers.forEach((({eventName,handler})=>root.removeEventListener(eventName,handler)))}}),[root,actionsFn,handles])},withActions=(0,external_STORYBOOK_MODULE_PREVIEW_API_.makeDecorator)({name:"withActions",parameterName:"actions",skipIfNoParametersOrOptions:!0,wrapper:(getStory,context,{parameters})=>(parameters?.handles&&applyEventHandlers(actions,...parameters.handles),getStory(context))})},"../../packages/core/src/components/modal/stories/modal.core.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Alert:()=>Alert,Default:()=>Default,Divided:()=>Divided,Error:()=>Error,HeaderTitle:()=>HeaderTitle,Progress:()=>Progress,__namedExportsOrder:()=>__namedExportsOrder,default:()=>modal_core_stories});var lit=__webpack_require__("../../node_modules/lit/index.js"),table=__webpack_require__("../../utils/storybook/enums/table.ts"),DocumentationWithoutStories=__webpack_require__("../../utils/storybook/templates/DocumentationWithoutStories.mdx"),decorator=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/decorator.mjs");const ModalComponentArgs={primaryText:"Primary",secondaryText:"Secondary",hasDivider:!1,disableSecondary:!1,disablePrimary:!1,isOpen:!1},modal_core_stories={title:"Components/Modal",...{parameters:{actions:{handles:["atomCloseClick","atomDidDismiss","atomDidPresent","atomPrimaryClick","atomSecondaryClick"]},docs:{description:{component:"Wrapper of Ionic Modal component. Read the [Ionic documentation](https://ionicframework.com/docs/api/modal) for more information about the available properties and possibilities."},page:DocumentationWithoutStories.A}},decorators:[decorator.w],argTypes:{trigger:{description:"The id of the element that will trigger the modal",table:{category:table.b.PROPERTIES}},hasDivider:{control:"boolean",description:"if true, a divider will be added on the header and footer",defaultValue:!1,table:{category:table.b.PROPERTIES}},hasFooter:{control:"boolean",description:"If false, the footer will not be rendered. Default is true",table:{category:table.b.PROPERTIES}},headerTitle:{control:"text",description:"The title of the modal",table:{category:table.b.PROPERTIES}},primaryText:{control:"text",description:"Text of the primary button",table:{category:table.b.PROPERTIES}},secondaryText:{control:"text",description:"Text of the secondary button",table:{category:table.b.PROPERTIES}},alertType:{control:"select",options:["alert","error"],description:"Type of alert icon. Available options: alert, error",table:{category:table.b.PROPERTIES}},progress:{control:"number",description:"Percentage of the progress bar's width",table:{category:table.b.PROPERTIES}},isOpen:{control:"boolean",description:"If true, the modal will be opened. Default is false",table:{category:table.b.PROPERTIES},defaultValue:!1},disableSecondary:{control:"boolean",description:"If true, the secondary button will be disabled. Default is false",table:{category:table.b.PROPERTIES}},disablePrimary:{control:"boolean",description:"If true, the primary button will be disabled. Default is false",table:{category:table.b.PROPERTIES}},atomCloseClick:{action:"atomCloseClick",description:"Event emitted when the close button is clicked. The event callback recieve `ion-modal` custom component as a param.",table:{category:table.b.EVENTS}},atomDidDismiss:{action:"atomDidDismiss",description:"Event emitted after the modal has dismissed. The event callback recieve `ion-modal` custom component as a param.",table:{category:table.b.EVENTS}},atomDidPresent:{action:"atomDidPresent",description:"Event emitted after the modal has presented. The event callback recieve `ion-modal` custom component as a param.",table:{category:table.b.EVENTS}},atomPrimaryClick:{action:"atomPrimaryClick",description:"Event emitted when the primary button is clicked. The event callback recieve `ion-modal` custom component as a param.",table:{category:table.b.EVENTS}},atomSecondaryClick:{action:"atomSecondaryClick",description:"Event emitted when the secondary button is clicked. The event callback recieve `ion-modal` custom component as a param.",table:{category:table.b.EVENTS}},default:{name:"",description:"The default slot is where the content of the modal will be rendered",table:{category:table.b.SLOTS}},header:{name:"header",description:"The header slot is where the custom header of the modal will be rendered. It is only rendered if the headerTitle property is not set",table:{category:table.b.SLOTS}},"--atom-modal-zindex":{description:"The z-index of the modal, to change this value using CSS custom properties, change its value on root element. This needs to be done this way because the ion-modal is rendered on the body element.",defaultValue:{summary:"--zindex-1000"},table:{category:table.b.CSS_CUSTOM_PROPERTIES}}}}},createModal=args=>lit.qy` +"use strict";(globalThis.webpackChunk_atomium_docs=globalThis.webpackChunk_atomium_docs||[]).push([[4825],{"../../node_modules/@storybook/addon-actions/dist/decorator.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{w:()=>withActions});var v4=__webpack_require__("../../node_modules/uuid/dist/esm-browser/v4.js"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),preview_errors=__webpack_require__("../../node_modules/@storybook/core-events/dist/errors/preview-errors.mjs"),ADDON_ID="storybook/actions",EVENT_ID=`${ADDON_ID}/action-event`,config={depth:10,clearOnStoryChange:!0,limit:50},findProto=(obj,callback)=>{let proto=Object.getPrototypeOf(obj);return!proto||callback(proto)?proto:findProto(proto,callback)},serializeArg=a=>{if("object"==typeof(e=a)&&e&&findProto(e,(proto=>/^Synthetic(?:Base)?Event$/.test(proto.constructor.name)))&&"function"==typeof e.persist){let e=Object.create(a.constructor.prototype,Object.getOwnPropertyDescriptors(a));e.persist();let viewDescriptor=Object.getOwnPropertyDescriptor(e,"view"),view=viewDescriptor?.value;return"object"==typeof view&&"Window"===view?.constructor.name&&Object.defineProperty(e,"view",{...viewDescriptor,value:Object.create(view.constructor.prototype)}),e}var e;return a};function action(name,options={}){let actionOptions={...config,...options},handler=function(...args){if(options.implicit){let storyRenderer=("__STORYBOOK_PREVIEW__"in external_STORYBOOK_MODULE_GLOBAL_.global?external_STORYBOOK_MODULE_GLOBAL_.global.__STORYBOOK_PREVIEW__:void 0)?.storyRenders.find((render=>"playing"===render.phase||"rendering"===render.phase));if(storyRenderer){let deprecated=!window?.FEATURES?.disallowImplicitActionsInRenderV8,error=new preview_errors._U({phase:storyRenderer.phase,name,deprecated});if(!deprecated)throw error;console.warn(error)}}let channel=external_STORYBOOK_MODULE_PREVIEW_API_.addons.getChannel(),id="object"==typeof crypto&&"function"==typeof crypto.getRandomValues?(0,v4.A)():Date.now().toString(36)+Math.random().toString(36).substring(2),serializedArgs=args.map(serializeArg),normalizedArgs=args.length>1?serializedArgs:serializedArgs[0],actionDisplayToEmit={id,count:0,data:{name,args:normalizedArgs},options:{...actionOptions,maxDepth:5+(actionOptions.depth||3),allowFunction:actionOptions.allowFunction||!1}};channel.emit(EVENT_ID,actionDisplayToEmit)};return handler.isAction=!0,handler}var actions=(...args)=>{let options=config,names=args;1===names.length&&Array.isArray(names[0])&&([names]=names),1!==names.length&&"string"!=typeof names[names.length-1]&&(options={...config,...names.pop()});let namesObject=names[0];(1!==names.length||"string"==typeof namesObject)&&(namesObject={},names.forEach((name=>{namesObject[name]=name})));let actionsObject={};return Object.keys(namesObject).forEach((name=>{actionsObject[name]=action(namesObject[name],options)})),actionsObject},{document:decorator_document,Element}=external_STORYBOOK_MODULE_GLOBAL_.global,delegateEventSplitter=/^(\S+)\s*(.*)$/,matchesMethod=null!=Element&&!Element.prototype.matches?"msMatchesSelector":"matches",hasMatchInAncestry=(element,selector)=>{if(element[matchesMethod](selector))return!0;let parent=element.parentElement;return!!parent&&hasMatchInAncestry(parent,selector)},applyEventHandlers=(actionsFn,...handles)=>{let root=decorator_document&&decorator_document.getElementById("storybook-root");(0,external_STORYBOOK_MODULE_PREVIEW_API_.useEffect)((()=>{if(null!=root){let handlers=((actionsFn,...handles)=>{let actionsObject=actionsFn(...handles);return Object.entries(actionsObject).map((([key,action])=>{let[_,eventName,selector]=key.match(delegateEventSplitter)||[];return{eventName,handler:e=>{(!selector||hasMatchInAncestry(e.target,selector))&&action(e)}}}))})(actionsFn,...handles);return handlers.forEach((({eventName,handler})=>root.addEventListener(eventName,handler))),()=>handlers.forEach((({eventName,handler})=>root.removeEventListener(eventName,handler)))}}),[root,actionsFn,handles])},withActions=(0,external_STORYBOOK_MODULE_PREVIEW_API_.makeDecorator)({name:"withActions",parameterName:"actions",skipIfNoParametersOrOptions:!0,wrapper:(getStory,context,{parameters})=>(parameters?.handles&&applyEventHandlers(actions,...parameters.handles),getStory(context))})},"../../packages/core/src/components/modal/stories/modal.core.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Alert:()=>Alert,Default:()=>Default,Divided:()=>Divided,Error:()=>Error,HeaderTitle:()=>HeaderTitle,Progress:()=>Progress,__namedExportsOrder:()=>__namedExportsOrder,default:()=>modal_core_stories});var lit=__webpack_require__("../../node_modules/lit/index.js"),table=__webpack_require__("../../utils/storybook/enums/table.ts"),DocumentationWithoutStories=__webpack_require__("../../utils/storybook/templates/DocumentationWithoutStories.mdx"),decorator=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/decorator.mjs");const ModalComponentArgs={primaryButtonText:"Primary",secondaryButtonText:"Secondary",hasDivider:!1,disableSecondaryButton:!1,disablePrimaryButton:!1,isOpen:!1},modal_core_stories={title:"Components/Modal",...{parameters:{actions:{handles:["atomCloseClick","atomDidDismiss","atomDidPresent","atomPrimaryClick","atomSecondaryClick"]},docs:{description:{component:"Wrapper of Ionic Modal component. Read the [Ionic documentation](https://ionicframework.com/docs/api/modal) for more information about the available properties and possibilities."},page:DocumentationWithoutStories.A}},decorators:[decorator.w],argTypes:{trigger:{description:"The id of the element that will trigger the modal",table:{category:table.b.PROPERTIES}},hasDivider:{control:"boolean",description:"if true, a divider will be added on the header and footer",defaultValue:!1,table:{category:table.b.PROPERTIES}},hasFooter:{control:"boolean",description:"If false, the footer will not be rendered. Default is true",table:{category:table.b.PROPERTIES}},headerTitle:{control:"text",description:"The title of the modal",table:{category:table.b.PROPERTIES}},primaryButtonText:{control:"text",description:"Text of the primary button",table:{category:table.b.PROPERTIES}},secondaryButtonText:{control:"text",description:"Text of the secondary button",table:{category:table.b.PROPERTIES}},alertType:{control:"select",options:["alert","error"],description:"Type of alert icon. Available options: alert, error",table:{category:table.b.PROPERTIES}},progress:{control:"number",description:"Percentage of the progress bar's width",table:{category:table.b.PROPERTIES}},isOpen:{control:"boolean",description:"If true, the modal will be opened. Default is false",table:{category:table.b.PROPERTIES},defaultValue:!1},disableSecondaryButton:{control:"boolean",description:"If true, the secondary button will be disabled. Default is false",table:{category:table.b.PROPERTIES}},disablePrimaryButton:{control:"boolean",description:"If true, the primary button will be disabled. Default is false",table:{category:table.b.PROPERTIES}},atomCloseClick:{action:"atomCloseClick",description:"Event emitted when the close button is clicked. The event callback recieve `ion-modal` custom component as a param.",table:{category:table.b.EVENTS}},atomDidDismiss:{action:"atomDidDismiss",description:"Event emitted after the modal has dismissed. The event callback recieve `ion-modal` custom component as a param.",table:{category:table.b.EVENTS}},atomDidPresent:{action:"atomDidPresent",description:"Event emitted after the modal has presented. The event callback recieve `ion-modal` custom component as a param.",table:{category:table.b.EVENTS}},atomPrimaryClick:{action:"atomPrimaryClick",description:"Event emitted when the primary button is clicked. The event callback recieve `ion-modal` custom component as a param.",table:{category:table.b.EVENTS}},atomSecondaryClick:{action:"atomSecondaryClick",description:"Event emitted when the secondary button is clicked. The event callback recieve `ion-modal` custom component as a param.",table:{category:table.b.EVENTS}},default:{name:"",description:"The default slot is where the content of the modal will be rendered",table:{category:table.b.SLOTS}},header:{name:"header",description:"The header slot is where the custom header of the modal will be rendered. It is only rendered if the headerTitle property is not set",table:{category:table.b.SLOTS}},"--atom-modal-zindex":{description:"The z-index of the modal, to change this value using CSS custom properties, change its value on root element. This needs to be done this way because the ion-modal is rendered on the body element.",defaultValue:{summary:"--zindex-1000"},table:{category:table.b.CSS_CUSTOM_PROPERTIES}}}}},createModal=args=>lit.qy`