ion-bottom-sheet/dist/components/ion-bottom-sheet.component.metadata.json

A simple bottom sheet for ionic 4

[{"__symbolic":"module","version":4,"metadata":{"IonBottomSheetComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ion-bottom-sheet","template":"<div id=\"ibs-container\">\n  <div id=\"ibs-header\" #ibs_header>\n    <div id=\"drag-icon\"></div>\n    <div id=\"title-button\">\n      <div id=\"title\">{{ title }}</div>\n      <div id=\"close-button\"></div>\n    </div>\n  </div>\n  <div id=\"ibs-content\" #ibs_content>\n    <div id=\"ibs-content-inner\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n","styles":[":host  {\n  touch-action: none;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 999 !important;\n  background-color: transparent;\n  will-change: transform;\n}\n\n:host #ibs-container{\n  position: relative;\n  background-color: white;\n  width: 100%;\n  height: 100%;\n}\n\n:host #ibs-container.round-border{\n  border-top-left-radius: 15px;\n  border-top-right-radius: 15px;\n}\n\n:host #ibs-container.shadow-border{\n  box-shadow: 0px -2px 10px  rgba(0, 0, 0, 0.12);\n}\n\n:host #ibs-header.bottom-header-shadow{\n  box-shadow: 0 3px 3px -3px  rgba(0, 0, 0, 0.12);\n}\n\n:host #ibs-header{\n  padding: 5px;\n  width: 100%;\n  min-height: 35px;\n}\n\n:host .separator{\n  border-bottom-style: solid;\n  border-bottom-color: rgba(220, 220, 220, 1);\n  border-bottom-width: 1px;\n}\n\n:host #drag-icon{\n  margin: 0 auto;\n  height: 5px;\n  width: 36px;\n  background-color: #c0c0c0;\n  border-radius: 4px;\n}\n\n:host #title-button{\n  width: 100%;\n  height: 100%;\n  position: relative;\n  height: 26px;\n  margin-top: 5px;\n  margin-bottom: 5px;\n}\n\n:host #close-button{\n  width: 26px;\n  height: 26px;\n  position: absolute;\n  right: 10px;\n  background: #c0c0c0;\n  border-radius: 100%;\n  content: url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"> <path fill=\"7a7a7e\" d=\"M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z\"/> </svg>');\n}\n\n:host #title{\n  position: absolute;\n  left: 10px;\n  padding: 0px;\n  margin: 0px;\n  font-size: 20px;\n  line-height: 26px;\n  color: inherit; \n}\n\n:host .txt-center{\n  text-align: center;\n  width: 100%;\n  left: 0px !important;\n}\n\n:host #ibs-content{\n  width: 100%;\n  height: 100%;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n\n:host .pd5{\n  padding-top: 5px;\n}\n\n:host #ibs-content-inner{\n  touch-action: none;\n  overflow: hidden;\n  height: 100%;\n}\n\n:host .fadeOut {\n  visibility: hidden;\n  opacity: 0;\n  transition: visibility 0s linear 700ms, opacity 700ms;  \n}\n\n:host .fadeIn {\n  visibility: visible;\n  opacity: 1;\n  transition: visibility 0s linear 0s, opacity 300ms;\n}\n\n:host.no-drag-icon #drag-icon,\n:host.no-close-btn #close-button,\n:host.no-title #title,\n:host.no-header #ibs-header {\n  display: none !important;\n}\n\n:host.no-title #title-button {\n  margin-top: 0px;\n}\n\n:host.no-title.no-drag-icon #title-button {\n  margin-top: 5px;\n}\n\n:host.no-title.no-close-btn #title-button {\n  margin-bottom: 0px;\n}\n\n:host.no-drag-icon.no-title.no-close-btn #title-button {\n  margin-top: 0px;\n  margin-bottom: 0px;\n}\n"]}]}],"members":{"dockedHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"minHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"topDistance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"bounceDelta":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"canBounce":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"roundBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"roundBorderOnTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"shadowBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"shadowBorderOnTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"disableDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"hideCloseButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"hideCloseButtonOnTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"hideDragIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"hideDragIconOnTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"hideTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"hideHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"hideSeparator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"titleCentered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"titleSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"titleFamily":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"transition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"enableScrollContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"enableScrollContentOnlyOnTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"enableShadowHeaderOnScrolling":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"useSmoothScrolling":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":52,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":53,"character":23},{"__symbolic":"reference","module":"@ionic/angular","name":"DomController","line":54,"character":22},{"__symbolic":"reference","module":"@ionic/angular","name":"Platform","line":55,"character":23}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_loadHeaderGesture":[{"__symbolic":"method"}],"_loadContentGesture":[{"__symbolic":"method"}],"_loadForScroll":[{"__symbolic":"method"}],"_adjustForShadow":[{"__symbolic":"method"}],"_loadEvents":[{"__symbolic":"method"}],"_loadCssStyle":[{"__symbolic":"method"}],"_setSheetState":[{"__symbolic":"method"}],"_getPosition":[{"__symbolic":"method"}],"_nextSate":[{"__symbolic":"method"}],"_checkForScrolling":[{"__symbolic":"method"}],"_checkForAnimationOnTop":[{"__symbolic":"method"}],"_cssSwitchClass":[{"__symbolic":"method"}],"_cssAutoManageClass":[{"__symbolic":"method"}],"_cssAddClass":[{"__symbolic":"method"}],"_cssRemoveClass":[{"__symbolic":"method"}],"_setStyle":[{"__symbolic":"method"}],"_enableTransition":[{"__symbolic":"method"}],"_disableTransition":[{"__symbolic":"method"}],"_restoreNativeContentSize":[{"__symbolic":"method"}],"_changeNativeContentSize":[{"__symbolic":"method"}],"_getHeaderHeight":[{"__symbolic":"method"}],"_autoEnableContentScroll":[{"__symbolic":"method"}],"_contentShadowOnScroll":[{"__symbolic":"method"}],"_setTranslateY":[{"__symbolic":"method"}],"closeSheet":[{"__symbolic":"method"}],"_onHeaderGestureStart":[{"__symbolic":"method"}],"_onHeaderGestureEnd":[{"__symbolic":"method"}],"_onHeaderGestureMove":[{"__symbolic":"method"}],"_onContentGestureStart":[{"__symbolic":"method"}],"_onContentGestureEnd":[{"__symbolic":"method"}],"_onContentGestureMove":[{"__symbolic":"method"}]}}}}]