@yui540/comimi 0.3.1 → 0.3.2

package/dist/components/arrow-buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-buttons.d.ts","sourceRoot":"","sources":["../../src/components/arrow-buttons.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAoB,WAAW,EAAE,MAAM,UAAU,CAAC;AAE9D,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,EAAE,iBAAiB,CAAC;CAC9B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,SAAS,EACV,EAAE,mBAAmB,GAAG,WAAW,CAYnC"}
+{"version":3,"file":"arrow-buttons.d.ts","sourceRoot":"","sources":["../../src/components/arrow-buttons.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAoB,WAAW,EAAE,MAAM,UAAU,CAAC;AAE9D,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,EAAE,iBAAiB,CAAC;CAC9B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,SAAS,EACV,EAAE,mBAAmB,GAAG,WAAW,CAgBnC"}

package/dist/components/arrow-buttons.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const arrowButtonsStyles = "\n.comimi-arrows {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  z-index: 30;\n}\n\n.comimi-arrow-button {\n  position: absolute;\n  top: 50%;\n  width: 46px;\n  height: 46px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n  pointer-events: auto;\n  transform: translateY(-50%);\n}\n\n.comimi-arrow-next {\n  right: 24px;\n}\n\n.comimi-arrow-prev {\n  left: 24px;\n}\n\n.comimi-arrow-inner {\n  position: absolute;\n  inset: 0;\n  transition:\n    transform 0.6s var(--comimi-spring),\n    opacity 0.3s linear;\n}\n\n.comimi-arrows[data-overlay=\"false\"] .comimi-arrow-next .comimi-arrow-inner,\n.comimi-arrows[data-autoplay=\"true\"] .comimi-arrow-next .comimi-arrow-inner {\n  transform: translateX(35px);\n  opacity: 0;\n  transition:\n    transform 0.3s var(--comimi-spring),\n    opacity 0.15s linear;\n}\n\n.comimi-arrows[data-overlay=\"false\"] .comimi-arrow-prev .comimi-arrow-inner,\n.comimi-arrows[data-autoplay=\"true\"] .comimi-arrow-prev .comimi-arrow-inner {\n  transform: translateX(-35px);\n  opacity: 0;\n  transition:\n    transform 0.3s var(--comimi-spring),\n    opacity 0.15s linear;\n}\n\n.comimi-arrows[data-overlay=\"false\"],\n.comimi-arrows[data-autoplay=\"true\"] {\n  pointer-events: none;\n}\n\n.comimi-arrow-bg {\n  position: absolute;\n  inset: 0;\n  border-radius: 16px;\n  background: var(--comimi-glass);\n  box-shadow: var(--comimi-shadow);\n  backdrop-filter: blur(5px);\n  transition: inset 0.36s var(--comimi-spring), border-radius 0.36s var(--comimi-spring);\n}\n\n.comimi-arrow-icon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 20px;\n  height: 20px;\n  color: #666;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n}\n\n.comimi-arrow-prev .comimi-arrow-icon {\n  transform: translate(-50%, -50%) scaleX(-1);\n}\n\n@keyframes comimi-arrow-bounce {\n  from, to {\n    transform: translate(-50%, -50%);\n  }\n  40% {\n    transform: translate(calc(-50% + 3px), -50%);\n  }\n  70% {\n    transform: translate(calc(-50% - 1.5px), -50%);\n  }\n}\n\n@keyframes comimi-arrow-bounce-prev {\n  from, to {\n    transform: translate(-50%, -50%) scaleX(-1);\n  }\n  40% {\n    transform: translate(calc(-50% - 3px), -50%) scaleX(-1);\n  }\n  70% {\n    transform: translate(calc(-50% + 1.5px), -50%) scaleX(-1);\n  }\n}\n\n@media (hover: hover) {\n  .comimi-arrow-button:hover .comimi-arrow-bg {\n    inset: -3px;\n    border-radius: 20px;\n  }\n\n  .comimi-arrow-next:hover .comimi-arrow-icon {\n    animation: comimi-arrow-bounce 0.5s ease-in-out 0.1s both;\n  }\n\n  .comimi-arrow-prev:hover .comimi-arrow-icon {\n    animation: comimi-arrow-bounce-prev 0.5s ease-in-out 0.1s both;\n  }\n}\n\n@media (max-width: 767px) {\n  .comimi-arrow-button {\n    width: 36px;\n    height: 50px;\n  }\n\n  .comimi-arrow-next {\n    right: 0;\n  }\n\n  .comimi-arrow-prev {\n    left: 0;\n  }\n\n  .comimi-arrow-next .comimi-arrow-bg {\n    border-radius: 16px 0 0 16px;\n  }\n\n  .comimi-arrow-prev .comimi-arrow-bg {\n    border-radius: 0 16px 16px 0;\n  }\n}\n";
+export declare const arrowButtonsStyles = "\n.comimi-arrows {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  z-index: 30;\n}\n\n.comimi-arrow-button {\n  position: absolute;\n  top: 50%;\n  width: 46px;\n  height: 46px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n  pointer-events: auto;\n  transform: translateY(-50%);\n}\n\n.comimi-arrow-next {\n  right: 24px;\n}\n\n.comimi-arrow-prev {\n  left: 24px;\n}\n\n.comimi-arrow-inner {\n  position: absolute;\n  inset: 0;\n  transition:\n    transform 0.6s var(--comimi-spring),\n    opacity 0.3s linear;\n}\n\n.comimi-arrows[data-overlay=\"false\"] .comimi-arrow-next .comimi-arrow-inner,\n.comimi-arrows[data-autoplay=\"true\"] .comimi-arrow-next .comimi-arrow-inner {\n  transform: translateX(35px);\n  opacity: 0;\n  transition:\n    transform 0.3s var(--comimi-spring),\n    opacity 0.15s linear;\n}\n\n.comimi-arrows[data-overlay=\"false\"] .comimi-arrow-prev .comimi-arrow-inner,\n.comimi-arrows[data-autoplay=\"true\"] .comimi-arrow-prev .comimi-arrow-inner {\n  transform: translateX(-35px);\n  opacity: 0;\n  transition:\n    transform 0.3s var(--comimi-spring),\n    opacity 0.15s linear;\n}\n\n.comimi-arrows[data-overlay=\"false\"],\n.comimi-arrows[data-autoplay=\"true\"] {\n  pointer-events: none;\n}\n\n.comimi-arrow-button[data-disabled=\"true\"] {\n  pointer-events: none;\n}\n\n.comimi-arrow-next[data-disabled=\"true\"] .comimi-arrow-inner {\n  transform: translateX(35px);\n  opacity: 0;\n  transition:\n    transform 0.3s var(--comimi-spring),\n    opacity 0.15s linear;\n}\n\n.comimi-arrow-prev[data-disabled=\"true\"] .comimi-arrow-inner {\n  transform: translateX(-35px);\n  opacity: 0;\n  transition:\n    transform 0.3s var(--comimi-spring),\n    opacity 0.15s linear;\n}\n\n.comimi-arrow-bg {\n  position: absolute;\n  inset: 0;\n  border-radius: 16px;\n  background: var(--comimi-glass);\n  box-shadow: var(--comimi-shadow);\n  backdrop-filter: blur(5px);\n  transition: inset 0.36s var(--comimi-spring), border-radius 0.36s var(--comimi-spring);\n}\n\n.comimi-arrow-icon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 20px;\n  height: 20px;\n  color: #666;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n}\n\n.comimi-arrow-prev .comimi-arrow-icon {\n  transform: translate(-50%, -50%) scaleX(-1);\n}\n\n@keyframes comimi-arrow-bounce {\n  from, to {\n    transform: translate(-50%, -50%);\n  }\n  40% {\n    transform: translate(calc(-50% + 3px), -50%);\n  }\n  70% {\n    transform: translate(calc(-50% - 1.5px), -50%);\n  }\n}\n\n@keyframes comimi-arrow-bounce-prev {\n  from, to {\n    transform: translate(-50%, -50%) scaleX(-1);\n  }\n  40% {\n    transform: translate(calc(-50% - 3px), -50%) scaleX(-1);\n  }\n  70% {\n    transform: translate(calc(-50% + 1.5px), -50%) scaleX(-1);\n  }\n}\n\n@media (hover: hover) {\n  .comimi-arrow-button:hover .comimi-arrow-bg {\n    inset: -3px;\n    border-radius: 20px;\n  }\n\n  .comimi-arrow-next:hover .comimi-arrow-icon {\n    animation: comimi-arrow-bounce 0.5s ease-in-out 0.1s both;\n  }\n\n  .comimi-arrow-prev:hover .comimi-arrow-icon {\n    animation: comimi-arrow-bounce-prev 0.5s ease-in-out 0.1s both;\n  }\n}\n\n@media (max-width: 767px) {\n  .comimi-arrow-button {\n    width: 36px;\n    height: 50px;\n  }\n\n  .comimi-arrow-next {\n    right: 0;\n  }\n\n  .comimi-arrow-prev {\n    left: 0;\n  }\n\n  .comimi-arrow-next .comimi-arrow-bg {\n    border-radius: 16px 0 0 16px;\n  }\n\n  .comimi-arrow-prev .comimi-arrow-bg {\n    border-radius: 0 16px 16px 0;\n  }\n}\n";
 //# sourceMappingURL=arrow-buttons.styles.d.ts.map

package/dist/components/arrow-buttons.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-buttons.styles.d.ts","sourceRoot":"","sources":["../../src/components/arrow-buttons.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,2/FAkJ9B,CAAC"}
+{"version":3,"file":"arrow-buttons.styles.d.ts","sourceRoot":"","sources":["../../src/components/arrow-buttons.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,89GAsK9B,CAAC"}

package/dist/components/center-message.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const centerMessageStyles = "\n.comimi-center-message {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n  z-index: 20;\n  transition: opacity 0.3s linear;\n}\n\n.comimi-center-message[data-overlay=\"false\"] {\n  opacity: 0;\n  transition: opacity 0.15s linear;\n}\n\n.comimi-center-message-text {\n  box-sizing: border-box;\n  padding: 6px 12px;\n  border-radius: 8px;\n  background: rgba(255, 255, 255, 0.5);\n  box-shadow: var(--comimi-shadow);\n  backdrop-filter: blur(5px);\n  color: #bbb;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.45;\n  text-align: center;\n  white-space: nowrap;\n}\n\n.comimi-center-message-mobile {\n  display: none;\n}\n\n@media (max-width: 767px) {\n  .comimi-center-message {\n    width: calc(100% - 60px * 2);\n    max-width: max-content;\n  }\n\n  .comimi-center-message-desktop {\n    display: none;\n  }\n\n  .comimi-center-message-mobile {\n    display: block;\n  }\n}\n";
+export declare const centerMessageStyles = "\n.comimi-center-message {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n  z-index: 20;\n  transition: opacity 0.3s linear;\n}\n\n.comimi-center-message[data-overlay=\"false\"] {\n  opacity: 0;\n  transition: opacity 0.15s linear;\n}\n\n.comimi-center-message-text {\n  box-sizing: border-box;\n  padding: 6px 12px;\n  border-radius: 8px;\n  background: rgba(255, 255, 255, 0.5);\n  box-shadow: var(--comimi-shadow);\n  backdrop-filter: blur(5px);\n  color: #999;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.45;\n  text-align: center;\n  white-space: nowrap;\n}\n\n.comimi-center-message-mobile {\n  display: none;\n}\n\n@media (max-width: 767px) {\n  .comimi-center-message {\n    width: calc(100% - 60px * 2);\n    max-width: max-content;\n  }\n\n  .comimi-center-message-desktop {\n    display: none;\n  }\n\n  .comimi-center-message-mobile {\n    display: block;\n  }\n}\n";
 //# sourceMappingURL=center-message.styles.d.ts.map

package/dist/components/page-stage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-stage.d.ts","sourceRoot":"","sources":["../../src/components/page-stage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAGV,eAAe,EACf,WAAW,EACZ,MAAM,UAAU,CAAC;AASlB,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,WAAW,CAAC;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,gBAAgB,EAAE,MAAM,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,eAAe,CAAC;CAClC;AAOD,qBAAa,SAAS;IAMR,OAAO,CAAC,OAAO;IAL3B,OAAO,CAAC,IAAI,CAAiB;IAC7B,OAAO,CAAC,YAAY,CAA6B;IACjD,OAAO,CAAC,eAAe,CAAsC;IAC7D,OAAO,CAAC,KAAK,CAAiC;gBAE1B,OAAO,EAAE,gBAAgB;IAK7C,UAAU,IAAI,cAAc;IAI5B,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,UAAQ,GAAG,IAAI;IAKrD;;;;OAIG;IACH,aAAa,IAAI,IAAI;IAkBrB,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAqCnD,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,SAAS;CA4ElB"}
+{"version":3,"file":"page-stage.d.ts","sourceRoot":"","sources":["../../src/components/page-stage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAGV,eAAe,EACf,WAAW,EACZ,MAAM,UAAU,CAAC;AASlB,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,WAAW,CAAC;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,gBAAgB,EAAE,MAAM,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,eAAe,CAAC;CAClC;AAOD,qBAAa,SAAS;IAMR,OAAO,CAAC,OAAO;IAL3B,OAAO,CAAC,IAAI,CAAiB;IAC7B,OAAO,CAAC,YAAY,CAA6B;IACjD,OAAO,CAAC,eAAe,CAAsC;IAC7D,OAAO,CAAC,KAAK,CAAiC;gBAE1B,OAAO,EAAE,gBAAgB;IAK7C,UAAU,IAAI,cAAc;IAI5B,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,UAAQ,GAAG,IAAI;IAKrD;;;;OAIG;IACH,aAAa,IAAI,IAAI;IAkBrB,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAqCnD,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,SAAS;CAgFlB"}