@propbinder/mobile-design 0.2.28 → 0.2.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/fesm2022/propbinder-mobile-design.mjs +14404 -10713
  2. package/fesm2022/propbinder-mobile-design.mjs.map +1 -1
  3. package/index.d.ts +1168 -53
  4. package/package.json +1 -1
  5. package/styles/ionic.css +13 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@propbinder/mobile-design",
3
- "version": "0.2.28",
3
+ "version": "0.2.30",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^20.3.0 || ^21.0.0",
6
6
  "@angular/core": "^20.3.0 || ^21.0.0"
package/styles/ionic.css CHANGED
@@ -427,6 +427,19 @@ ion-toast {
427
427
  --height: auto;
428
428
  }
429
429
 
430
+ /* ============================================
431
+ Bottom Sheet Keyboard Handling
432
+ Uses separate --keyboard-height-sheet variable to avoid conflicts with modals
433
+ ============================================ */
434
+
435
+ /* Transform the entire modal element when keyboard is visible */
436
+ .ds-bottom-sheet.keyboard-visible-sheet {
437
+ /* Smooth keyboard animation */
438
+ transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
439
+ /* Slide the entire modal up by keyboard height */
440
+ transform: translateY(calc(-1 * var(--keyboard-height-sheet, 0px)));
441
+ }
442
+
430
443
  /* ============================================
431
444
  Mobile Modal Styles (Generic Modal Service)
432
445
  ============================================ */