@watermarkinsights/ripple 5.13.0-alpha.2 → 5.13.0-alpha.4

package/dist/ripple/app-globals-B7cOtGhY.js

@@ -0,0 +1,170 @@
+import { a as setMode } from './index-CU5QNCKv.js';
+
+const name = "@watermarkinsights/ripple";
+const version = "5.12.0";
+const description = "Ripple Component Library";
+const module = "dist/index.js";
+const main = "dist/index.cjs.js";
+const types = "dist/types/components.d.ts";
+const collection = "dist/collection/collection-manifest.json";
+const files = [
+	"dist/"
+];
+const exports = {
+	".": {
+		"import": "./dist/ripple/ripple.esm.js",
+		require: "./dist/ripple/ripple.cjs.js",
+		types: "./dist/types/components.d.ts"
+	},
+	"./dist/components/*": {
+		"import": "./dist/components/*",
+		types: "./dist/components/*"
+	},
+	"./dist/types/*": {
+		types: "./dist/types/*"
+	},
+	"./dist/*": {
+		"import": "./dist/*",
+		types: "./dist/*"
+	},
+	"./components/*": {
+		"import": "./dist/components/*.js",
+		types: "./dist/components/*.d.ts"
+	},
+	"./loader": {
+		"import": "./loader/index.js",
+		require: "./loader/index.cjs",
+		types: "./loader/index.d.ts"
+	}
+};
+const scripts = {
+	build: "stencil build",
+	release: "bash ./scripts/release.sh",
+	start: "stencil build --dev --watch --serve",
+	test: "stencil test --spec --e2e",
+	"test.snapshot": "stencil test --spec --e2e -u",
+	"test.watch": "stencil test --spec --e2e --watch",
+	"test.watchAll": "stencil test --spec --e2e --watchAll",
+	"test.coverage": "stencil test --spec --coverage --collectCoverageFrom='src/**/*.{js,jsx,ts,tsx}'",
+	extract: "formatjs extract './src/global/intl.ts' './src/**/*.tsx' --out-file './src/lang/en.json' && node './src/lang/piglatin.js'",
+	compile: "formatjs compile-folder ./src/lang src/lang/compiled-lang/ --ast",
+	missing: "node ./src/lang/missing.js"
+};
+const dependencies = {
+	"@formatjs/intl": "^2.10.4"
+};
+const devDependencies = {
+	"@axe-core/puppeteer": "^4.9.1",
+	"@formatjs/cli": "^6.2.12",
+	"@stencil/core": "^4.20.0",
+	"@stencil/react-output-target": "^1.0.3",
+	"@stencil/sass": "^3.0.12",
+	"@types/jest": "^29.5.12",
+	jest: "^29.7.0"
+};
+var _package = {
+	name: name,
+	version: version,
+	description: description,
+	module: module,
+	main: main,
+	types: types,
+	collection: collection,
+	files: files,
+	exports: exports,
+	scripts: scripts,
+	dependencies: dependencies,
+	devDependencies: devDependencies
+};
+
+// PRINT RIPPLE VERSION IN CONSOLE
+// test envs return 0 for plugin.length
+// do not print version number there as it causes issues
+if (window.navigator.plugins.length > 0) {
+    console.log("%cRipple component library %c%s", "color: #575195; font-weight: bold", "font-weight: bold", version);
+}
+// Dispatching events to track whether user is navigating with keyboard or mouse
+// no longer necessary for keyboard focus indicators (thanks to :focus-visible)
+// but still used in several components for other things (search for isTabbing)
+function wmComponentKeys(ev) {
+    if (ev.key == "Tab") {
+        var event = new Event("wmUserIsTabbing");
+        window.dispatchEvent(event);
+        document.querySelector("body").classList.add("wmcl-user-is-tabbing");
+    }
+    if (ev.key == "ArrowLeft" || ev.key == "ArrowUp" || ev.key == "ArrowRight" || ev.key == "ArrowDown") {
+        var event = new Event("wmUserIsKeying");
+        window.dispatchEvent(event);
+        document.querySelector("body").classList.add("wmcl-user-is-keying");
+    }
+}
+function wmComponentMouseDownOnce() {
+    var event = new Event("wmUserIsNotTabbing");
+    window.dispatchEvent(event);
+    document.querySelector("body").classList.remove("wmcl-user-is-tabbing");
+    document.querySelector("body").classList.remove("wmcl-user-is-keying");
+}
+window.addEventListener("keydown", wmComponentKeys);
+window.addEventListener("mousedown", wmComponentMouseDownOnce);
+// MODES (FOR PRODUCT-SPECIFIC STYLING)
+//Checks for mode attribute explicitly set on the document. If "mode" is set on component, it will override the global mode. Falls back to default (Planning styles)
+setMode((elm) => {
+    return elm.getAttribute("mode") || document.documentElement.getAttribute("mode") || "planning";
+});
+// TOOLTIP
+// Add a tooltip element
+// This allows tooltips to be always at the highest stacking context (always on top)
+// Element is added withing a container to avoid performance impact
+const tooltipContainer = document.createElement("div");
+tooltipContainer.id = "wm-tooltip-container";
+const tooltipEl = document.createElement("div");
+tooltipEl.id = "wm-tooltip";
+tooltipEl.classList.add("wm-tooltip");
+tooltipEl.setAttribute("popover", "manual");
+tooltipEl.setAttribute("aria-hidden", "true");
+const tooltipStyles = document.createElement("style");
+tooltipStyles.textContent = `
+.wm-tooltip {
+  position: fixed;
+  overflow: hidden;
+  pointer-events: none;
+  line-height: normal;
+  font-family: inherit;
+  font-size: 0.875rem;
+  text-transform: none;
+  font-weight: normal;
+  background: var(--wmcolor-tooltip-background);
+  color: var(--wmcolor-tooltip-text);
+  z-index: 999999;
+  max-width: var(--wmTooltipMaxWidth, 13.75rem);
+  margin-right: 1.5rem;
+  padding: 0.375rem;
+  transition-property: opacity;
+  transition-delay: 0s;
+  opacity: 0;
+  inset: unset;
+  top: 0;
+  left: 0;
+  transform: translateZ(0);
+  will-change: transform;
+  transform: translate(var(--wmTooltipLeft), var(--wmTooltipTop));
+  border: none;
+}
+
+.wm-tooltip:popover-open {
+  opacity: 0;
+}
+
+.wm-tooltip.show {
+  transition-delay: 500ms;
+  opacity: 1;
+}
+`;
+document.head.appendChild(tooltipStyles);
+tooltipContainer.appendChild(tooltipEl);
+document.querySelector("body").appendChild(tooltipContainer);
+const globalFn = () => { };
+
+const globalScripts = globalFn;
+
+export { globalScripts as g };