ku4web-components 6.4.34 → 6.4.38

package/dist/cjs/uid-3dd31175.js

@@ -1,11 +0,0 @@
-'use strict';
-
-const index = require('./index-51b7a610.js');
-
-const uid = () => {
-  // @ts-ignore
-  let value;
-  return (() => { value = index.R.uid(); })();
-};
-
-exports.uid = uid;

package/dist/collection/capabilities/a11y/aria.js

@@ -1,26 +0,0 @@
-/**
-* Sets aria-hidden attribute for passed elements
-* @param {Array} elements - List of elements to set aria-hidden on
-* @param {boolean} [value] - Optional value for aria-hidden.
-* No value will set to previous value if available.
-*/
-export const ariaHidden = (elements, value) => {
-  if (!value) {
-    // eslint-disable-next-line @stencil/ban-side-effects
-    elements.forEach((element) => {
-      if (!element.currentAriaHidden) {
-        element.removeAttribute('aria-hidden');
-      }
-      else {
-        element.setAttribute('aria-hidden', element.currentAriaHidden);
-      }
-    });
-  }
-  else {
-    // eslint-disable-next-line @stencil/ban-side-effects
-    elements.forEach((element) => {
-      element.currentAriaHidden = element.getAttribute('aria-hidden');
-      element.setAttribute('aria-hidden', value);
-    });
-  }
-};

package/dist/collection/capabilities/angular/index.js

@@ -1,24 +0,0 @@
-import { Assert } from 'ku4es-kernel';
-import {form} from 'ku4es-ui-kernel';
-/**
- * Method to wire a form to pass through the ku4-form validation
- * mechanism before calling the application onSubmit method
- * @param {Node} ref - A ref for the target form
- * @param {function} onSubmit - the function to call on submit
- */
-export const wireForm = (ref, onSubmit) => {
-  if(!ref || ref.__ku4wired__) return;
-  try {
-    const submit = ref.submit;
-    ref.submit = async () => {
-      const values = form.read(ref);
-      const formData = form.readData(ref);
-      const cont = await onSubmit(values, formData, ref);
-      if(!Assert.isFalse(cont)) submit.call(ref);
-    };
-    ref.__ku4wired__ = true;
-  }
-  catch(e) {
-    throw new Error('wireForm Error. See https://kodmunki.com/storybook/?path=/docs/form-ku4-form--basic for more information.');
-  }
-};

package/dist/collection/capabilities/decorators/deprecated.js

@@ -1,20 +0,0 @@
-import { Assert } from 'ku4es-kernel';
-/**
- * Decorates deprecated members.
- *
- * Note: Due to inherent issues with Stencil `@Component`, classes
- * should be `@Deprecated` at the `render` method.
- *
- * @param {string} [replacement] - Name of target replacement member
- * @param {function} [callback] - Optional callback for Unit Tests.
- */
-export default (label, replacement, callback) => (_target, propertyKey, _descriptor) => {
-  const property = propertyKey === 'render' ? '' : `.${propertyKey}`;
-  const message = [
-    `DEPRECATED: ${label}${property}`,
-    '\nUse identified replacement if available.',
-    Assert.exists(replacement) ? `\nReplacement: ${replacement}` : '',
-  ].join('');
-  // eslint-disable-next-line no-console
-  (callback || (message => console.warn(message)))(message);
-};

package/dist/collection/capabilities/decorators/index.js

@@ -1,3 +0,0 @@
-import Deprecated from './deprecated';
-import Memoize from './memoize';
-export { Deprecated, Memoize, };

package/dist/collection/capabilities/decorators/memoize.js

@@ -1,7 +0,0 @@
-export default () => (_target, _propertyKey, descriptor) => ((type) => {
-  let value;
-  return Object.assign(Object.assign({}, descriptor), { [type](...params) {
-      value = value || descriptor[type].call(this, ...params);
-      return value;
-    } });
-})(descriptor.get ? 'get' : 'value');

package/dist/collection/capabilities/dom/isFocusable.js

@@ -1,7 +0,0 @@
-const focusableTags = ['A', 'BUTTON', 'INPUT', 'SELECT', 'TEXTAREA'];
-export default (element) => {
-  const tabindex = element.getAttribute('tabindex');
-  return (focusableTags.includes(element.tagName.toUpperCase()) ||
-    element.getAttribute('href')) &&
-    (!tabindex || isNaN(tabindex) || parseInt(tabindex) > -1);
-};

package/dist/collection/capabilities/dom/queryFocusable.js

@@ -1,2 +0,0 @@
-export const queryFocusable = element => [].slice.call(element.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'));
-export const queryTabbable = element => [].slice.call(element.querySelectorAll(':not([tabindex="-1"])'));

package/dist/collection/capabilities/identity/uid.js

@@ -1,6 +0,0 @@
-import { identity } from 'ku4es-kernel';
-export default () => {
-  // @ts-ignore
-  let value;
-  return (() => { value = identity.uid(); })();
-};

package/dist/collection/capabilities/mask/index.js

@@ -1,5 +0,0 @@
-import * as patterns from './patterns'
-
-export {
-  patterns
-}

package/dist/collection/capabilities/mask/patterns/date.js

@@ -1,40 +0,0 @@
-/**
- * A pattern to use for ku4-mask when a date pattern is desired.
- * This will only work for mm/dd/yyyy templates. It is advised
- * that this not be edited other than on lines 24+ where the
- * year rules are defined.
- */
-
-export const mm_dd = ',[01],(((?<=0)[1-9])|((?<=1)[0-2])),(((?<=(1[0-2]/))[0-3])|((?<=(0[^2]/))[0-3])|((?<=(02/))[0-2])),(((?<=/[0-2])[0-9])|((?<=/3)[01]))'
-export const _1900_2199 = `,[12],(((?<=/../1)9)|((?<=/../2)[01]))`
-export const _1900_2999 = `,[12],(((?<=/../1)9)|((?<=/../2)[0-9]))`
-
-/**
- * The following is an expanded for of the expression above.
- * This is done to compress the expression for export. This
- * could be scripted in the future.
- */
-/*
-export default `
-  ,
-  [01],
-  (
-    ((?<=0)[1-9])|
-    ((?<=1)[0-2])
-  ),
-  (
-    ((?<=(1[0-2]/))[0-3])|
-    ((?<=(0[^2]/))[0-3])|
-    ((?<=(02/))[0-2])
-  ),
-  (
-    ((?<=/[0-2])[0-9])|
-    ((?<=/3)[01])
-  ),
-  [12],
-  (
-    ((?<=/../1)9)|
-    ((?<=/../2)[01])
-  )
-`
- */

package/dist/collection/capabilities/mask/patterns/index.js

@@ -1,7 +0,0 @@
-import { mm_dd, _1900_2199, _1900_2999 } from './date'
-
-export {
-  mm_dd,
-  _1900_2199,
-  _1900_2999
-}

package/dist/collection/capabilities/react/index.js

@@ -1,25 +0,0 @@
-import { Assert } from 'ku4es-kernel';
-import { form } from 'ku4es-ui-kernel';
-
-/**
- * Method to wire a form to pass through the ku4-form validation
- * mechanism before calling the application onSubmit method
- * @param {Node} ref - A React ref for the target form
- * @param {function} onSubmit - the function to call on submit
- */
-export const wireForm = (ref, onSubmit) => {
-  if(!ref || ref.__ku4wired__) return;
-  try {
-    const submit = ref.submit;
-    ref.submit = async () => {
-      const values = form.read(ref);
-      const formData = form.readData(ref);
-      const cont = await onSubmit(values, formData, ref);
-      if(!Assert.isFalse(cont)) submit.call(ref);
-    };
-    ref.__ku4wired__ = true;
-  }
-  catch(e) {
-    throw new Error('wireForm Error. See https://kodmunki.com/storybook/?path=/docs/form-ku4-form--basic for more information.');
-  }
-};

package/dist/collection/capabilities/testing/html.js

@@ -1,14 +0,0 @@
-/**
- * Removes all extraneous whitespace from an HTML string so that well-formatted HTML
- * can be used without consequence in Stenciljs end-to-end testing \.
- *
- * @param {string} value - a valid html string to 'trim'
- * @returns {string}
- */
-export default value => value
-  .replace(/<!--.*?-->/g, '')
-  .replace(/[\n\s]+/g, ' ')
-  .replace(/[\n\s]>/g, '>')
-  .replace(/[\n\s]+</g, '<')
-  .replace(/>[\n\s]+/g, '>')
-  .trim();

package/dist/collection/capabilities/testing/styles.js

@@ -1,14 +0,0 @@
-/**
- * Returns an object literal of the style property values
- * for the requested selector and property array
- *
- * @param {string} selector - a valid query selector string
- * @param {string[]} properties - an array of valid style property values to return
- * @returns {string}
- */
-export default (selector, properties) => properties.reduce((acc, property) => {
-  acc[property] = window
-    .getComputedStyle(document.querySelector(selector))
-    .getPropertyValue(property);
-  return acc;
-}, {});

package/dist/collection/capabilities/vue/index.js

@@ -1,28 +0,0 @@
-import {Assert} from 'ku4es-kernel';
-import {form} from 'ku4es-ui-kernel';
-
-/**
- * Method to wire a form to pass through the ku4-form validation
- * mechanism before calling the application onSubmit method
- * @param {Vue} vm - The Vue instance for the target Vue Component instance
- * that encapsulates ku4-form.
- * @param {string} ref - The ref for this form.
- * @param {function} onSubmit - the function to call on submit
- */
-export const wireForm = (vm, ref, onSubmit) => {
-  if(!vm || !vm.$refs || !vm.$refs[ref] || vm.$refs[ref].__ku4wired__) { return; }
-  try {
-    const _ref = vm.$refs[ref];
-    const {submit} = _ref;
-    _ref.submit = async () => {
-      const values = form.read(ref);
-      const formData = form.readData(ref);
-      const cont = await onSubmit.call(vm, values, formData, _ref);
-      if(!Assert.isFalse(cont)) submit.call(ref);
-    };
-    _ref.__ku4wired__ = true;
-  }
-  catch(e) {
-    throw new Error('wireForm Error. See https://kodmunki.com/storybook/?path=/docs/form-ku4-form--basic for more information.');
-  }
-};

package/dist/collection/capabilities/vue3/index.js

@@ -1,26 +0,0 @@
-import {Assert} from 'ku4es-kernel';
-import {form} from 'ku4es-ui-kernel';
-
-/**
- * Method to wire a form to pass through the ku4-form validation
- * mechanism before calling the application onSubmit method
- * @param {string} ref - The ref for this form.
- * @param {function} onSubmit - the function to call on submit
- */
-export const wireForm = (ref, onSubmit) => {
-  if(!ref || !ref.value || ref.value.__ku4wired__) { return; }
-  try {
-    const _ref = ref.value;
-    const {submit} = _ref;
-    _ref.submit = async () => {
-      const values = form.read(ref.value);
-      const formData = form.readData(ref.value);
-      const cont = await onSubmit(values, formData, _ref);
-      if(!Assert.isFalse(cont)) submit.call(ref.value);
-    };
-    _ref.__ku4wired__ = true;
-  }
-  catch(e) {
-    throw new Error('wireForm Error. See https://kodmunki.com/storybook/?path=/docs/form-ku4-form--basic for more information.');
-  }
-};

package/dist/collection/collection-manifest.json

@@ -1,31 +0,0 @@
-{
-  "entries": [
-    "./components/ku4-carousel/ku4-carousel.js",
-    "./components/ku4-carousel-controls/ku4-carousel-controls.js",
-    "./components/ku4-carousel-slide/ku4-carousel-slide.js",
-    "./components/ku4-col/ku4-col.js",
-    "./components/ku4-drawer/ku4-drawer.js",
-    "./components/ku4-feature/ku4-feature.js",
-    "./components/ku4-focus-trap/ku4-focus-trap.js",
-    "./components/ku4-form/ku4-form.js",
-    "./components/ku4-grid/ku4-grid.js",
-    "./components/ku4-label/ku4-label.js",
-    "./components/ku4-mask/ku4-mask.js",
-    "./components/ku4-modal/ku4-modal.js",
-    "./components/ku4-panel/ku4-panel.js",
-    "./components/ku4-preview/ku4-preview.js",
-    "./components/ku4-tab/ku4-tab.js",
-    "./components/ku4-tab-list/ku4-tab-list.js",
-    "./components/ku4-tab-panel/ku4-tab-panel.js",
-    "./components/ku4-table/ku4-table.js",
-    "./components/ku4-tooltip/ku4-tooltip.js",
-    "./components/ku4-validation/ku4-validation.js"
-  ],
-  "compiler": {
-    "name": "@stencil/core",
-    "version": "2.8.1",
-    "typescriptVersion": "4.2.3"
-  },
-  "collections": [],
-  "bundles": []
-}

package/dist/collection/components/ku4-carousel/ku4-carousel.css

@@ -1,215 +0,0 @@
-@keyframes ku4-carousel-enter-left {
-  0% {
-    top: 0;
-    left: -100%;
-    opacity: 0;
-  }
-  100% {
-    top: 0;
-    left: 0;
-    opacity: 1;
-  }
-}
-@keyframes ku4-carousel-enter-right {
-  0% {
-    top: 0;
-    left: 100%;
-    opacity: 0;
-  }
-  100% {
-    top: 0;
-    left: 0;
-    opacity: 1;
-  }
-}
-@keyframes ku4-carousel-exit-left {
-  0% {
-    top: 0;
-    left: 0;
-    opacity: 1;
-  }
-  100% {
-    top: 0;
-    left: -100%;
-    opacity: 0;
-  }
-}
-@keyframes ku4-carousel-exit-right {
-  0% {
-    top: 0;
-    left: 0;
-    opacity: 1;
-  }
-  100% {
-    top: 0;
-    left: 100%;
-    opacity: 0;
-  }
-}
-:host {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  overflow: hidden;
-  background-color: var(--ku4-carousel-background-color, #fff);
-}
-
-.slide-container {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-
-.controls .next,
-.controls .prev {
-  position: absolute;
-  display: var(--ku4-carousel-controls-display, block);
-  top: var(--ku4-carousel-controls-top, 0);
-  border: var(--ku4-carousel-controls-border, none);
-  background-color: var(--ku4-carousel-controls-background-color, #fff);
-  font-family: var(--ku4-carousel-controls-font-family, Helvetica, Arial, sans-serif);
-  font-weight: var(--ku4-carousel-controls-font-weight, 400);
-  font-size: var(--ku4-carousel-controls-font-size, 8px);
-  line-height: var(--ku4-carousel-controls-line-height, 12px);
-  opacity: var(--ku4-carousel-controls-opacity, 0.2);
-  z-index: var(--ku4-carousel-controls-z-index, 2);
-}
-.controls .next:focus,
-.controls .prev:focus {
-  background-color: var(--ku4-carousel-controls-focus-background-color, transparent);
-  outline: var(--ku4-carousel-controls-focus-outline, none);
-  opacity: var(--ku4-carousel-controls-focus-opacity, 0.2);
-}
-.controls .next:hover,
-.controls .prev:hover {
-  background-color: var(--ku4-carousel-controls-hover-background-color, transparent);
-  opacity: var(--ku4-carousel-controls-hover-opacity, 1);
-}
-
-.controls .next {
-  right: 0;
-  width: var(--ku4-carousel-controls-next-width, 40px);
-  height: var(--ku4-carousel-controls-next-height, 100%);
-  background-image: var(--ku4-carousel-controls-next-background-image);
-  background-repeat: var(--ku4-carousel-controls-next-background-repeat, no-repeat);
-  background-position-x: var(--ku4-carousel-controls-next-background-position-x, 0);
-  background-position-y: var(--ku4-carousel-controls-next-background-position-y, 50%);
-  background-size: var(--ku4-carousel-controls-next-background-size, 100% 100%);
-}
-.controls .next:focus {
-  background-image: var(--ku4-carousel-controls-next-focus-background-image);
-  background-repeat: var(--ku4-carousel-controls-next-focus-background-repeat, no-repeat);
-  background-position-x: var(--ku4-carousel-controls-next-focus-background-position-x, 0);
-  background-position-y: var(--ku4-carousel-controls-next-focus-background-position-y, 50%);
-  background-size: var(--ku4-carousel-controls-next-focus-background-size, 100% 100%);
-}
-.controls .next:hover {
-  background-image: var(--ku4-carousel-controls-next-hover-background-image);
-  background-repeat: var(--ku4-carousel-controls-next-hover-background-repeat, no-repeat);
-  background-position-x: var(--ku4-carousel-controls-next-hover-background-position-x, 0);
-  background-position-y: var(--ku4-carousel-controls-next-hover-background-position-y, 50%);
-  background-size: var(--ku4-carousel-controls-next-hover-background-size, 100% 100%);
-}
-
-.controls .prev {
-  left: 0;
-  width: var(--ku4-carousel-controls-next-width, 40px);
-  height: var(--ku4-carousel-controls-next-height, 100%);
-  background-image: var(--ku4-carousel-controls-previous-background-image);
-  background-repeat: var(--ku4-carousel-controls-previous-background-repeat, no-repeat);
-  background-position-x: var(--ku4-carousel-controls-previous-background-position-x, 0);
-  background-position-y: var(--ku4-carousel-controls-previous-background-position-y, 50%);
-  background-size: var(--ku4-carousel-controls-previous-background-size, 100% 100%);
-}
-.controls .prev:focus {
-  background-image: var(--ku4-carousel-controls-previous-focus-background-image);
-  background-repeat: var(--ku4-carousel-controls-previous-focus-background-repeat, no-repeat);
-  background-position-x: var(--ku4-carousel-controls-previous-focus-background-position-x, 0);
-  background-position-y: var(--ku4-carousel-controls-previous-focus-background-position-y, 50%);
-  background-size: var(--ku4-carousel-controls-previous-focus-background-size, 100% 100%);
-}
-.controls .prev:hover {
-  background-image: var(--ku4-carousel-controls-previous-hover-background-image);
-  background-repeat: var(--ku4-carousel-controls-previous-hover-background-repeat, no-repeat);
-  background-position-x: var(--ku4-carousel-controls-previous-hover-background-position-x, 0);
-  background-position-y: var(--ku4-carousel-controls-previous-hover-background-position-y, 50%);
-  background-size: var(--ku4-carousel-controls-previous-hover-background-size, 100% 100%);
-}
-
-.pages {
-  position: absolute;
-  top: var(--ku4-carousel-pages-top, auto);
-  bottom: var(--ku4-carousel-pages-bottom, 4px);
-  width: var(--ku4-carousel-pages-width, auto);
-  height: var(--ku4-carousel-pages-height, 20px);
-  background-color: var(--ku4-carousel-pages-background-color, transparent);
-  opacity: var(--ku4-carousel-pages-opacity, 0.5);
-  text-align: center;
-  z-index: 3;
-}
-
-.pages-text {
-  display: inline-block;
-  padding: var(--ku4-carousel-pages-text-padding, 4px);
-  font-family: var(--ku4-carousel-pages-text-font-family, Helvetica, Arial, sans-serif);
-  font-weight: var(--ku4-carousel-pages-text-font-weight, 600);
-  font-size: var(--ku4-carousel-pages-text-font-size, 14px);
-  line-height: var(--ku4-carousel-pages-text-line-height, 16px);
-  color: var(--ku4-carousel-pages-text-color, #aaa);
-}
-
-::slotted(*) {
-  position: absolute;
-  display: flex;
-  flex-direction: column;
-  top: 0;
-  left: -100%;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-::slotted(.inactive) {
-  position: absolute;
-  height: 100%;
-}
-
-::slotted(.inactive.prev) {
-  animation-name: var(--ku4-carousel-animation-inactive-previous-name, ku4-carousel-exit-right);
-  animation-duration: var(--ku4-carousel-animation-duration, 0.4);
-  animation-timing-function: var(--ku4-carousel-animation-timing-function);
-}
-
-::slotted(.inactive.next) {
-  animation-name: var(--ku4-carousel-animation-inactive-next-name, ku4-carousel-exit-left);
-  animation-duration: var(--ku4-carousel-animation-duration, 0.4);
-  animation-timing-function: var(--ku4-carousel-animation-timing-function);
-}
-
-::slotted(.active) {
-  position: relative;
-  top: 0;
-  left: 0;
-  width: auto;
-  height: 100%;
-  z-index: 1;
-}
-
-::slotted(.active.prev) {
-  animation-name: var(--ku4-carousel-animation-active-previous-name, ku4-carousel-enter-left);
-  animation-duration: var(--ku4-carousel-animation-duration, 0.4);
-  animation-timing-function: var(--ku4-carousel-animation-timing-function, ease);
-}
-
-::slotted(.active.next) {
-  animation-name: var(--ku4-carousel-animation-active-next-name, ku4-carousel-enter-right);
-  animation-duration: var(--ku4-carousel-animation-duration, 0.4);
-  animation-timing-function: var(--ku4-carousel-animation-timing-function, ease);
-}
-
-@media (hover: hover) {
-  .controls:hover {
-    background-color: var(--ku4-carousel-controls-focus-background-color, #fff);
-  }
-}