@venite/components 0.16.7 → 0.16.13

package/dist/node_modules/@ionic/core/dist/collection/components/item-option/item-option.md.css

@@ -0,0 +1,180 @@
+:host {
+  /**
+   * @prop --background: Background of the item option
+   * @prop --color: Color of the item option
+   */
+  --background: var(--ion-color-primary, #3880ff);
+  --color: var(--ion-color-primary-contrast, #fff);
+  background: var(--background);
+  color: var(--color);
+  font-family: var(--ion-font-family, inherit);
+}
+
+:host(.in-list.item-options-end:last-child) {
+  padding-right: calc(.7em + var(--ion-safe-area-right));
+}
+@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
+  :host(.in-list.item-options-end:last-child) {
+    padding-right: unset;
+    -webkit-padding-end: calc(.7em + var(--ion-safe-area-right));
+    padding-inline-end: calc(.7em + var(--ion-safe-area-right));
+  }
+}
+
+:host(.in-list.item-options-start:first-child) {
+  padding-left: calc(.7em + var(--ion-safe-area-left));
+}
+@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
+  :host(.in-list.item-options-start:first-child) {
+    padding-left: unset;
+    -webkit-padding-start: calc(.7em + var(--ion-safe-area-left));
+    padding-inline-start: calc(.7em + var(--ion-safe-area-left));
+  }
+}
+
+:host(.ion-color) {
+  background: var(--ion-color-base);
+  color: var(--ion-color-contrast);
+}
+
+.button-native {
+  font-family: inherit;
+  font-size: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-indent: inherit;
+  text-overflow: inherit;
+  text-transform: inherit;
+  text-align: inherit;
+  white-space: inherit;
+  color: inherit;
+  padding-left: 0.7em;
+  padding-right: 0.7em;
+  padding-top: 0;
+  padding-bottom: 0;
+  display: inline-block;
+  position: relative;
+  width: 100%;
+  height: 100%;
+  border: 0;
+  outline: none;
+  background: transparent;
+  cursor: pointer;
+  appearance: none;
+  box-sizing: border-box;
+}
+@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
+  .button-native {
+    padding-left: unset;
+    padding-right: unset;
+    -webkit-padding-start: 0.7em;
+    padding-inline-start: 0.7em;
+    -webkit-padding-end: 0.7em;
+    padding-inline-end: 0.7em;
+  }
+}
+
+.button-inner {
+  display: flex;
+  flex-flow: column nowrap;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+
+.horizontal-wrapper {
+  display: flex;
+  flex-flow: row nowrap;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}
+
+::slotted(*) {
+  flex-shrink: 0;
+}
+
+::slotted([slot=start]) {
+  margin-left: 0;
+  margin-right: 5px;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
+  ::slotted([slot=start]) {
+    margin-left: unset;
+    margin-right: unset;
+    -webkit-margin-start: 0;
+    margin-inline-start: 0;
+    -webkit-margin-end: 5px;
+    margin-inline-end: 5px;
+  }
+}
+
+::slotted([slot=end]) {
+  margin-left: 5px;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
+  ::slotted([slot=end]) {
+    margin-left: unset;
+    margin-right: unset;
+    -webkit-margin-start: 5px;
+    margin-inline-start: 5px;
+    -webkit-margin-end: 0;
+    margin-inline-end: 0;
+  }
+}
+
+::slotted([slot=icon-only]) {
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  margin-left: 10px;
+  margin-right: 10px;
+  margin-top: 0;
+  margin-bottom: 0;
+  min-width: 0.9em;
+  font-size: 1.8em;
+}
+@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
+  ::slotted([slot=icon-only]) {
+    margin-left: unset;
+    margin-right: unset;
+    -webkit-margin-start: 10px;
+    margin-inline-start: 10px;
+    -webkit-margin-end: 10px;
+    margin-inline-end: 10px;
+  }
+}
+
+:host(.item-option-expandable) {
+  flex-shrink: 0;
+  transition-duration: 0;
+  transition-property: none;
+  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
+}
+
+:host(.item-option-disabled) {
+  pointer-events: none;
+}
+
+:host(.item-option-disabled) .button-native {
+  cursor: default;
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+:host {
+  font-size: 14px;
+  font-weight: 500;
+  text-transform: uppercase;
+}

package/dist/node_modules/@ionic/core/dist/collection/components/item-options/item-options.ios.css

@@ -0,0 +1,88 @@
+ion-item-options {
+  /* stylelint-disable property-blacklist */
+  top: 0;
+  right: 0;
+  /* stylelint-enable property-blacklist */
+  justify-content: flex-end;
+  display: none;
+  position: absolute;
+  height: 100%;
+  font-size: 14px;
+  user-select: none;
+  z-index: 1;
+}
+[dir=rtl] ion-item-options, :host-context([dir=rtl]) ion-item-options {
+  justify-content: flex-start;
+}
+[dir=rtl] ion-item-options:not(.item-options-end), :host-context([dir=rtl]) ion-item-options:not(.item-options-end) {
+  /* stylelint-disable property-blacklist */
+  right: auto;
+  left: 0;
+  /* stylelint-enable property-blacklist */
+  justify-content: flex-end;
+}
+
+.item-options-start {
+  /* stylelint-disable property-blacklist */
+  right: auto;
+  left: 0;
+  /* stylelint-enable property-blacklist */
+  justify-content: flex-start;
+}
+[dir=rtl] .item-options-start, :host-context([dir=rtl]) .item-options-start {
+  justify-content: flex-end;
+}
+
+.item-options-start ion-item-option:first-child {
+  padding-right: var(--ion-safe-area-left);
+}
+@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
+  .item-options-start ion-item-option:first-child {
+    padding-right: unset;
+    -webkit-padding-end: var(--ion-safe-area-left);
+    padding-inline-end: var(--ion-safe-area-left);
+  }
+}
+
+.item-options-end ion-item-option:last-child {
+  padding-right: var(--ion-safe-area-right);
+}
+@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
+  .item-options-end ion-item-option:last-child {
+    padding-right: unset;
+    -webkit-padding-end: var(--ion-safe-area-right);
+    padding-inline-end: var(--ion-safe-area-right);
+  }
+}
+
+[dir=rtl] .item-sliding-active-slide.item-sliding-active-options-start ion-item-options:not(.item-options-end), :host-context([dir=rtl]) .item-sliding-active-slide.item-sliding-active-options-start ion-item-options:not(.item-options-end) {
+  width: 100%;
+  visibility: visible;
+}
+
+.item-sliding-active-slide ion-item-options {
+  display: flex;
+  visibility: hidden;
+}
+.item-sliding-active-slide.item-sliding-active-options-start .item-options-start, .item-sliding-active-slide.item-sliding-active-options-end ion-item-options:not(.item-options-start) {
+  width: 100%;
+  visibility: visible;
+}
+
+.item-options-ios {
+  border-bottom-width: 0;
+  border-bottom-style: solid;
+  border-bottom-color: var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));
+}
+.item-options-ios.item-options-end {
+  border-bottom-width: 0.55px;
+}
+
+.list-ios-lines-none .item-options-ios {
+  border-bottom-width: 0;
+}
+
+.list-ios-lines-full .item-options-ios,
+.list-ios-lines-inset .item-options-ios.item-options-end {
+  border-bottom-width: 0.55px;
+}

package/dist/node_modules/@ionic/core/dist/collection/components/item-options/item-options.md.css

@@ -0,0 +1,85 @@
+ion-item-options {
+  /* stylelint-disable property-blacklist */
+  top: 0;
+  right: 0;
+  /* stylelint-enable property-blacklist */
+  justify-content: flex-end;
+  display: none;
+  position: absolute;
+  height: 100%;
+  font-size: 14px;
+  user-select: none;
+  z-index: 1;
+}
+[dir=rtl] ion-item-options, :host-context([dir=rtl]) ion-item-options {
+  justify-content: flex-start;
+}
+[dir=rtl] ion-item-options:not(.item-options-end), :host-context([dir=rtl]) ion-item-options:not(.item-options-end) {
+  /* stylelint-disable property-blacklist */
+  right: auto;
+  left: 0;
+  /* stylelint-enable property-blacklist */
+  justify-content: flex-end;
+}
+
+.item-options-start {
+  /* stylelint-disable property-blacklist */
+  right: auto;
+  left: 0;
+  /* stylelint-enable property-blacklist */
+  justify-content: flex-start;
+}
+[dir=rtl] .item-options-start, :host-context([dir=rtl]) .item-options-start {
+  justify-content: flex-end;
+}
+
+.item-options-start ion-item-option:first-child {
+  padding-right: var(--ion-safe-area-left);
+}
+@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
+  .item-options-start ion-item-option:first-child {
+    padding-right: unset;
+    -webkit-padding-end: var(--ion-safe-area-left);
+    padding-inline-end: var(--ion-safe-area-left);
+  }
+}
+
+.item-options-end ion-item-option:last-child {
+  padding-right: var(--ion-safe-area-right);
+}
+@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
+  .item-options-end ion-item-option:last-child {
+    padding-right: unset;
+    -webkit-padding-end: var(--ion-safe-area-right);
+    padding-inline-end: var(--ion-safe-area-right);
+  }
+}
+
+[dir=rtl] .item-sliding-active-slide.item-sliding-active-options-start ion-item-options:not(.item-options-end), :host-context([dir=rtl]) .item-sliding-active-slide.item-sliding-active-options-start ion-item-options:not(.item-options-end) {
+  width: 100%;
+  visibility: visible;
+}
+
+.item-sliding-active-slide ion-item-options {
+  display: flex;
+  visibility: hidden;
+}
+.item-sliding-active-slide.item-sliding-active-options-start .item-options-start, .item-sliding-active-slide.item-sliding-active-options-end ion-item-options:not(.item-options-start) {
+  width: 100%;
+  visibility: visible;
+}
+
+.item-options-md {
+  border-bottom-width: 0;
+  border-bottom-style: solid;
+  border-bottom-color: var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));
+}
+
+.list-md-lines-none .item-options-md {
+  border-bottom-width: 0;
+}
+
+.list-md-lines-full .item-options-md,
+.list-md-lines-inset .item-options-md.item-options-end {
+  border-bottom-width: 1px;
+}

package/dist/node_modules/@ionic/core/dist/collection/components/item-sliding/item-sliding.css

@@ -0,0 +1,42 @@
+ion-item-sliding {
+  display: block;
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  user-select: none;
+}
+
+ion-item-sliding .item {
+  user-select: none;
+}
+
+.item-sliding-active-slide .item {
+  position: relative;
+  transition: transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);
+  opacity: 1;
+  z-index: 2;
+  pointer-events: none;
+  will-change: transform;
+}
+
+.item-sliding-active-swipe-end .item-options-end .item-option-expandable {
+  /* stylelint-disable-next-line property-blacklist */
+  padding-left: 100%;
+  order: 1;
+  transition-duration: 0.6s;
+  transition-property: padding-left;
+}
+[dir=rtl] .item-sliding-active-swipe-end .item-options-end .item-option-expandable, :host-context([dir=rtl]) .item-sliding-active-swipe-end .item-options-end .item-option-expandable {
+  order: -1;
+}
+
+.item-sliding-active-swipe-start .item-options-start .item-option-expandable {
+  /* stylelint-disable-next-line property-blacklist */
+  padding-right: 100%;
+  order: -1;
+  transition-duration: 0.6s;
+  transition-property: padding-right;
+}
+[dir=rtl] .item-sliding-active-swipe-start .item-options-start .item-option-expandable, :host-context([dir=rtl]) .item-sliding-active-swipe-start .item-options-start .item-option-expandable {
+  order: 1;
+}

package/dist/node_modules/@ionic/core/dist/collection/components/label/label.ios.css

@@ -0,0 +1,152 @@
+:host-context(.item) {
+  /**
+   * @prop --color: Color of the label
+   */
+  --color: initial;
+  display: block;
+  color: var(--color);
+  font-family: var(--ion-font-family, inherit);
+  font-size: inherit;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
+:host(.ion-color) {
+  color: var(--ion-color-base);
+}
+
+:host(.ion-text-wrap),
+:host([text-wrap]) {
+  white-space: normal;
+}
+
+:host-context(.item-interactive-disabled:not(.item-multiple-inputs)) {
+  cursor: default;
+  opacity: 0.3;
+  pointer-events: none;
+}
+
+:host-context(.item-input) {
+  flex: initial;
+  max-width: 200px;
+  pointer-events: none;
+}
+
+:host-context(.item-textarea) {
+  align-self: baseline;
+}
+
+:host(.label-fixed) {
+  flex: 0 0 100px;
+  width: 100px;
+  min-width: 100px;
+  max-width: 200px;
+}
+
+:host(.label-stacked),
+:host(.label-floating) {
+  margin-bottom: 0;
+  align-self: stretch;
+  width: auto;
+  max-width: 100%;
+}
+:host(.label-no-animate.label-floating) {
+  transition: none;
+}
+
+::slotted(*) h1,
+::slotted(*) h2,
+::slotted(*) h3,
+::slotted(*) h4,
+::slotted(*) h5,
+::slotted(*) h6 {
+  text-overflow: inherit;
+  overflow: inherit;
+}
+
+:host(.ion-text-wrap),
+:host([text-wrap]) {
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+:host(.label-stacked) {
+  margin-bottom: 4px;
+  font-size: 14px;
+}
+:host(.label-floating) {
+  margin-bottom: 0;
+  transform: translate3d(0,  27px,  0);
+  transform-origin: left top;
+  transition: transform 150ms ease-in-out;
+}
+:host-context([dir=rtl]):host(.label-floating), :host-context([dir=rtl]).label-floating {
+  transform-origin: right top;
+}
+
+:host-context(.item-has-focus).label-floating,
+:host-context(.item-has-placeholder).label-floating,
+:host-context(.item-has-value).label-floating {
+  transform: translate3d(0,  0,  0) scale(0.82);
+}
+
+::slotted(*) h1 {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 3px;
+  margin-bottom: 2px;
+  font-size: 22px;
+  font-weight: normal;
+}
+
+::slotted(*) h2 {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 2px;
+  font-size: 17px;
+  font-weight: normal;
+}
+
+::slotted(*) h3,
+::slotted(*) h4,
+::slotted(*) h5,
+::slotted(*) h6 {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 3px;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: normal;
+}
+
+::slotted(*) p {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 2px;
+  font-size: 14px;
+  line-height: normal;
+  text-overflow: inherit;
+  overflow: inherit;
+}
+
+::slotted(p) {
+  color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.4);
+}
+
+:host-context(.ion-color)::slotted(p) {
+  color: inherit;
+}
+
+::slotted(*) h2:last-child,
+::slotted(*) h3:last-child,
+::slotted(*) h4:last-child,
+::slotted(*) h5:last-child,
+::slotted(*) h6:last-child,
+::slotted(*) p:last-child {
+  margin-bottom: 0;
+}

package/dist/node_modules/@ionic/core/dist/collection/components/label/label.md.css

@@ -0,0 +1,163 @@
+:host-context(.item) {
+  /**
+   * @prop --color: Color of the label
+   */
+  --color: initial;
+  display: block;
+  color: var(--color);
+  font-family: var(--ion-font-family, inherit);
+  font-size: inherit;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
+:host(.ion-color) {
+  color: var(--ion-color-base);
+}
+
+:host(.ion-text-wrap),
+:host([text-wrap]) {
+  white-space: normal;
+}
+
+:host-context(.item-interactive-disabled:not(.item-multiple-inputs)) {
+  cursor: default;
+  opacity: 0.3;
+  pointer-events: none;
+}
+
+:host-context(.item-input) {
+  flex: initial;
+  max-width: 200px;
+  pointer-events: none;
+}
+
+:host-context(.item-textarea) {
+  align-self: baseline;
+}
+
+:host(.label-fixed) {
+  flex: 0 0 100px;
+  width: 100px;
+  min-width: 100px;
+  max-width: 200px;
+}
+
+:host(.label-stacked),
+:host(.label-floating) {
+  margin-bottom: 0;
+  align-self: stretch;
+  width: auto;
+  max-width: 100%;
+}
+:host(.label-no-animate.label-floating) {
+  transition: none;
+}
+
+::slotted(*) h1,
+::slotted(*) h2,
+::slotted(*) h3,
+::slotted(*) h4,
+::slotted(*) h5,
+::slotted(*) h6 {
+  text-overflow: inherit;
+  overflow: inherit;
+}
+
+:host(.ion-text-wrap),
+:host([text-wrap]) {
+  line-height: 1.5;
+}
+
+:host(.label-stacked) {
+  transform-origin: left top;
+  transform: translate3d(0,  50%,  0) scale(0.75);
+  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+:host-context([dir=rtl]):host(.label-stacked), :host-context([dir=rtl]).label-stacked {
+  transform-origin: right top;
+}
+
+:host(.label-floating) {
+  transform: translate3d(0,  96%,  0);
+  transform-origin: left top;
+  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+:host-context([dir=rtl]):host(.label-floating), :host-context([dir=rtl]).label-floating {
+  transform-origin: right top;
+}
+
+:host(.label-stacked),
+:host(.label-floating) {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+:host-context(.item-select).label-floating {
+  transform: translate3d(0,  130%,  0);
+}
+
+:host-context(.item-has-focus).label-floating,
+:host-context(.item-has-placeholder).label-floating,
+:host-context(.item-has-value).label-floating {
+  transform: translate3d(0,  50%,  0) scale(0.75);
+}
+
+:host-context(.item-has-focus).label-stacked,
+:host-context(.item-has-focus).label-floating {
+  color: var(--ion-color-primary, #3880ff);
+}
+
+::slotted(*) h1 {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 2px;
+  font-size: 24px;
+  font-weight: normal;
+}
+
+::slotted(*) h2 {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 2px;
+  margin-bottom: 2px;
+  font-size: 16px;
+  font-weight: normal;
+}
+
+::slotted(*) h3,
+::slotted(*) h4,
+::slotted(*) h5,
+::slotted(*) h6 {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 2px;
+  margin-bottom: 2px;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: normal;
+}
+
+::slotted(*) p {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 2px;
+  font-size: 14px;
+  line-height: 20px;
+  text-overflow: inherit;
+  overflow: inherit;
+}
+
+::slotted(p) {
+  color: var(--ion-color-step-600, #666666);
+}
+
+:host-context(.ion-color)::slotted(p) {
+  color: inherit;
+}