@gov-design-system-ce/components 0.0.1

package/dist/core/p-feba699a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-tooltip/gov-tooltip.scss?tag=gov-tooltip","../../../packages/core/src/components/gov-tooltip/gov-tooltip.tsx"],"names":["govTooltipCss","GovTooltip","[object Object]","hostRef","GlobalVariants","PRIMARY","GlobalSizes","_M","Positions","RIGHT","undefined","this","h","govHost","host","tooltipId","createID","newValue","validateProp","Variant","TooltipClass","root","Size","Position","validateVariant","variant","validateSize","size","validatePosition","position","createContentWrapper","registerListeners","hasContentInside","querySelector","TooltipContentClass","content","document","createElement","innerHTML","message","appendChild","setAttribute","_a","identifier","addEventListener","e","preventDefault","showTooltip","hideTooltip","offset","windowWidth","window","innerWidth","trigger","getBoundingClientRect","trgWidth","offsetWidth","triggerPos","left","documentElement","scrollLeft","top","scrollTop","tltWidth","LEFT","TOP","style","width","transform","right","verifiyPositionSpace","Host","class","classes","tabindex","aria-describedby"],"mappings":"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","sourcesContent":["/*\n *   Tooltip\n */\n\n$class: \".gov-tooltip\";\n\n#{$class} {\n\tposition: relative;\n\tdisplay: inline;\n\tborder-bottom: 1px dashed currentcolor;\n\tcolor: color(\"primary\");\n\tcursor: help;\n\n\t// Variants\n\t@include parameter(\"icon\") {\n\t\tdisplay: inline-flex;\n\t\twidth: rem-calc(16);\n\t\theight: rem-calc(16);\n\t\tborder-bottom: 0;\n\t\tcolor: inherit;\n\t}\n\n\t// Colors\n\t@each $variant, $definitions in $tooltip-content-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t--#{$prefix}tooltip-content-bg-color: #{get(\"bg-color\", $definitions)};\n\t\t\t--#{$prefix}tooltip-content-text-color: #{get(\"text-color\", $definitions)};\n\n\t\t\t// STATES\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\t--#{$prefix}tooltip-content-bg-color: #{color(\"secondary.100\")};\n\t\t\t\t--#{$prefix}tooltip-content-text-color: #{get(\"text-color-inverse\", $definitions)};\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { Variants as GlobalVariants } from \"../../core/constants/variants\"\nimport { Sizes as GlobalSizes } from \"../../core/constants/sizes\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport {\n\tPosition,\n\tPositions,\n\tPositionType,\n\tSize,\n\tSizeType,\n\tTooltipClass,\n\tTooltipContentClass,\n\tVariant,\n\tVariantType,\n} from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\n\n@Component({\n\ttag: \"gov-tooltip\",\n\tstyleUrl: \"gov-tooltip.scss\",\n})\nexport class GovTooltip {\n\tprivate h: GovHost\n\n\tprivate content: HTMLGovTooltipContentElement\n\tprivate readonly tooltipId\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.tooltipId = createID(\"GovTooltip\")\n\t}\n\n\t@Element() host: HTMLGovTooltipElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly variant: VariantType = GlobalVariants.PRIMARY\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size: SizeType = GlobalSizes._M\n\t/**\n\t * Tooltip display position\n\t */\n\t@Prop() position: PositionType = Positions.RIGHT\n\t/**\n\t * Information contained in the tolltip\n\t */\n\t@Prop() readonly message: string = undefined\n\t/**\n\t * Custom tooltip identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Trigger is just an icon\n\t */\n\t@Prop({ attribute: \"icon\" }) readonly icon: boolean = undefined\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variant, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Size, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"position\")\n\tvalidatePosition(newValue: string): void {\n\t\tvalidateProp(Position, newValue, TooltipClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t\tthis.validatePosition(this.position)\n\n\t\tthis.createContentWrapper()\n\t\tthis.registerListeners()\n\t}\n\n\tprivate createContentWrapper() {\n\t\tconst hasContentInside = this.host.querySelector(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\tif (hasContentInside) {\n\t\t\tthis.content = hasContentInside\n\t\t} else {\n\t\t\tthis.content = document.createElement(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\t\tthis.content.innerHTML = this.message\n\t\t\tthis.host.appendChild(this.content)\n\t\t}\n\n\t\tthis.content.setAttribute(\"id\", this.identifier ?? this.tooltipId)\n\t}\n\n\tprivate registerListeners() {\n\t\tthis.host.addEventListener(\"focus\", (e) => {\n\t\t\te.preventDefault()\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"blur\", (e) => {\n\t\t\te.preventDefault()\n\t\t\tthis.hideTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"mouseenter\", (e) => {\n\t\t\te.preventDefault()\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"mouseleave\", (e) => {\n\t\t\te.preventDefault()\n\t\t\tthis.hideTooltip()\n\t\t})\n\t}\n\n\tprivate verifiyPositionSpace() {\n\t\t// @TODO Improve positioning of broken lines\n\t\tconst offset = 12\n\t\tconst windowWidth = window.innerWidth\n\t\tconst trigger = this.host.getBoundingClientRect()\n\t\tconst trgWidth = this.host.offsetWidth\n\t\tconst triggerPos = {\n\t\t\tleft: trigger.left + document.documentElement.scrollLeft,\n\t\t\ttop: trigger.top + document.documentElement.scrollTop,\n\t\t}\n\t\tconst tltWidth = this.content.offsetWidth\n\t\tif (this.position === Positions.LEFT) {\n\t\t\tif ((offset + triggerPos.left) < tltWidth) {\n\t\t\t\tthis.position = Positions.TOP\n\t\t\t\tthis.content.style.left = \"0px\"\n\t\t\t\tthis.content.style.width = window.innerWidth - triggerPos.left - offset + \"px\"\n\t\t\t\tthis.content.style.transform = \"none\"\n\t\t\t}\n\t\t} else if (this.position === Positions.RIGHT) {\n\t\t\tif (windowWidth - (triggerPos.left + trgWidth) < tltWidth) {\n\t\t\t\tthis.position = Positions.TOP\n\t\t\t\tthis.content.style.right = \"0px\"\n\t\t\t\tthis.content.style.left = \"auto\"\n\t\t\t\tthis.content.style.width = trgWidth + triggerPos.left + offset + \"px\"\n\t\t\t\tthis.content.style.transform = \"none\"\n\t\t\t}\n\t\t}\n\t\telse {\n\t\t\t// doesn't fit from the left\n\t\t\tif((tltWidth / 2) > triggerPos.left) {\n\t\t\t\tthis.content.style.left = \"0px\"\n\t\t\t\tthis.content.style.width = window.innerWidth - triggerPos.left - offset + \"px\"\n\t\t\t\tthis.content.style.transform = \"none\"\n\t\t\t}\n\t\t\t// doesn't fit from the right\n\t\t\telse if((tltWidth / 2) > (windowWidth - (triggerPos.left + tltWidth))) {\n\t\t\t\tthis.content.style.right = \"0px\"\n\t\t\t\tthis.content.style.left = \"auto\"\n\t\t\t\tthis.content.style.width = trgWidth + triggerPos.left + offset + \"px\"\n\t\t\t\tthis.content.style.transform = \"none\"\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.content) {\n\t\t\tthis.verifiyPositionSpace()\n\t\t\tthis.content.setAttribute(\"is-visible\", \"true\")\n\t\t}\n\t}\n\n\tprivate hideTooltip() {\n\t\tif (this.content) {\n\t\t\tthis.content.setAttribute(\"is-visible\", \"false\")\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TooltipClass.root)}\n\t\t\t      position={this.position}\n\t\t\t      size={this.size}\n\t\t\t      tabindex={0}\n\t\t\t      aria-describedby={this.identifier ?? this.tooltipId}\n\t\t\t      variant={this.variant}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showTooltip()\n\t}\n\n\t/**\n\t * Hidding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.hideTooltip()\n\t}\n}\n"]}

package/dist/custom-elements/index.d.ts

@@ -0,0 +1,333 @@
+/* core custom elements bundle */
+
+import type { Components, JSX } from "../types/components";
+
+interface GovAccordion extends Components.GovAccordion, HTMLElement {}
+export const GovAccordion: {
+  prototype: GovAccordion;
+  new (): GovAccordion;
+};
+
+interface GovAccordionItem extends Components.GovAccordionItem, HTMLElement {}
+export const GovAccordionItem: {
+  prototype: GovAccordionItem;
+  new (): GovAccordionItem;
+};
+
+interface GovAlert extends Components.GovAlert, HTMLElement {}
+export const GovAlert: {
+  prototype: GovAlert;
+  new (): GovAlert;
+};
+
+interface GovApp extends Components.GovApp, HTMLElement {}
+export const GovApp: {
+  prototype: GovApp;
+  new (): GovApp;
+};
+
+interface GovAttachments extends Components.GovAttachments, HTMLElement {}
+export const GovAttachments: {
+  prototype: GovAttachments;
+  new (): GovAttachments;
+};
+
+interface GovAttachmentsItem extends Components.GovAttachmentsItem, HTMLElement {}
+export const GovAttachmentsItem: {
+  prototype: GovAttachmentsItem;
+  new (): GovAttachmentsItem;
+};
+
+interface GovBackdrop extends Components.GovBackdrop, HTMLElement {}
+export const GovBackdrop: {
+  prototype: GovBackdrop;
+  new (): GovBackdrop;
+};
+
+interface GovBadge extends Components.GovBadge, HTMLElement {}
+export const GovBadge: {
+  prototype: GovBadge;
+  new (): GovBadge;
+};
+
+interface GovButton extends Components.GovButton, HTMLElement {}
+export const GovButton: {
+  prototype: GovButton;
+  new (): GovButton;
+};
+
+interface GovCard extends Components.GovCard, HTMLElement {}
+export const GovCard: {
+  prototype: GovCard;
+  new (): GovCard;
+};
+
+interface GovContainer extends Components.GovContainer, HTMLElement {}
+export const GovContainer: {
+  prototype: GovContainer;
+  new (): GovContainer;
+};
+
+interface GovCookiebar extends Components.GovCookiebar, HTMLElement {}
+export const GovCookiebar: {
+  prototype: GovCookiebar;
+  new (): GovCookiebar;
+};
+
+interface GovEmpty extends Components.GovEmpty, HTMLElement {}
+export const GovEmpty: {
+  prototype: GovEmpty;
+  new (): GovEmpty;
+};
+
+interface GovErrorCode extends Components.GovErrorCode, HTMLElement {}
+export const GovErrorCode: {
+  prototype: GovErrorCode;
+  new (): GovErrorCode;
+};
+
+interface GovFormAutocomplete extends Components.GovFormAutocomplete, HTMLElement {}
+export const GovFormAutocomplete: {
+  prototype: GovFormAutocomplete;
+  new (): GovFormAutocomplete;
+};
+
+interface GovFormCheckbox extends Components.GovFormCheckbox, HTMLElement {}
+export const GovFormCheckbox: {
+  prototype: GovFormCheckbox;
+  new (): GovFormCheckbox;
+};
+
+interface GovFormControl extends Components.GovFormControl, HTMLElement {}
+export const GovFormControl: {
+  prototype: GovFormControl;
+  new (): GovFormControl;
+};
+
+interface GovFormDropdown extends Components.GovFormDropdown, HTMLElement {}
+export const GovFormDropdown: {
+  prototype: GovFormDropdown;
+  new (): GovFormDropdown;
+};
+
+interface GovFormFile extends Components.GovFormFile, HTMLElement {}
+export const GovFormFile: {
+  prototype: GovFormFile;
+  new (): GovFormFile;
+};
+
+interface GovFormGroup extends Components.GovFormGroup, HTMLElement {}
+export const GovFormGroup: {
+  prototype: GovFormGroup;
+  new (): GovFormGroup;
+};
+
+interface GovFormInput extends Components.GovFormInput, HTMLElement {}
+export const GovFormInput: {
+  prototype: GovFormInput;
+  new (): GovFormInput;
+};
+
+interface GovFormLabel extends Components.GovFormLabel, HTMLElement {}
+export const GovFormLabel: {
+  prototype: GovFormLabel;
+  new (): GovFormLabel;
+};
+
+interface GovFormMessage extends Components.GovFormMessage, HTMLElement {}
+export const GovFormMessage: {
+  prototype: GovFormMessage;
+  new (): GovFormMessage;
+};
+
+interface GovFormMultiSelect extends Components.GovFormMultiSelect, HTMLElement {}
+export const GovFormMultiSelect: {
+  prototype: GovFormMultiSelect;
+  new (): GovFormMultiSelect;
+};
+
+interface GovFormRadio extends Components.GovFormRadio, HTMLElement {}
+export const GovFormRadio: {
+  prototype: GovFormRadio;
+  new (): GovFormRadio;
+};
+
+interface GovFormSearch extends Components.GovFormSearch, HTMLElement {}
+export const GovFormSearch: {
+  prototype: GovFormSearch;
+  new (): GovFormSearch;
+};
+
+interface GovFormSelect extends Components.GovFormSelect, HTMLElement {}
+export const GovFormSelect: {
+  prototype: GovFormSelect;
+  new (): GovFormSelect;
+};
+
+interface GovFormSwitch extends Components.GovFormSwitch, HTMLElement {}
+export const GovFormSwitch: {
+  prototype: GovFormSwitch;
+  new (): GovFormSwitch;
+};
+
+interface GovGrid extends Components.GovGrid, HTMLElement {}
+export const GovGrid: {
+  prototype: GovGrid;
+  new (): GovGrid;
+};
+
+interface GovIcon extends Components.GovIcon, HTMLElement {}
+export const GovIcon: {
+  prototype: GovIcon;
+  new (): GovIcon;
+};
+
+interface GovMessage extends Components.GovMessage, HTMLElement {}
+export const GovMessage: {
+  prototype: GovMessage;
+  new (): GovMessage;
+};
+
+interface GovModal extends Components.GovModal, HTMLElement {}
+export const GovModal: {
+  prototype: GovModal;
+  new (): GovModal;
+};
+
+interface GovPagination extends Components.GovPagination, HTMLElement {}
+export const GovPagination: {
+  prototype: GovPagination;
+  new (): GovPagination;
+};
+
+interface GovPrompt extends Components.GovPrompt, HTMLElement {}
+export const GovPrompt: {
+  prototype: GovPrompt;
+  new (): GovPrompt;
+};
+
+interface GovSideNav extends Components.GovSideNav, HTMLElement {}
+export const GovSideNav: {
+  prototype: GovSideNav;
+  new (): GovSideNav;
+};
+
+interface GovSideNavItem extends Components.GovSideNavItem, HTMLElement {}
+export const GovSideNavItem: {
+  prototype: GovSideNavItem;
+  new (): GovSideNavItem;
+};
+
+interface GovSpacer extends Components.GovSpacer, HTMLElement {}
+export const GovSpacer: {
+  prototype: GovSpacer;
+  new (): GovSpacer;
+};
+
+interface GovStatsbar extends Components.GovStatsbar, HTMLElement {}
+export const GovStatsbar: {
+  prototype: GovStatsbar;
+  new (): GovStatsbar;
+};
+
+interface GovStatsbarItem extends Components.GovStatsbarItem, HTMLElement {}
+export const GovStatsbarItem: {
+  prototype: GovStatsbarItem;
+  new (): GovStatsbarItem;
+};
+
+interface GovStepper extends Components.GovStepper, HTMLElement {}
+export const GovStepper: {
+  prototype: GovStepper;
+  new (): GovStepper;
+};
+
+interface GovStepperItem extends Components.GovStepperItem, HTMLElement {}
+export const GovStepperItem: {
+  prototype: GovStepperItem;
+  new (): GovStepperItem;
+};
+
+interface GovTabs extends Components.GovTabs, HTMLElement {}
+export const GovTabs: {
+  prototype: GovTabs;
+  new (): GovTabs;
+};
+
+interface GovTabsItem extends Components.GovTabsItem, HTMLElement {}
+export const GovTabsItem: {
+  prototype: GovTabsItem;
+  new (): GovTabsItem;
+};
+
+interface GovTile extends Components.GovTile, HTMLElement {}
+export const GovTile: {
+  prototype: GovTile;
+  new (): GovTile;
+};
+
+interface GovToast extends Components.GovToast, HTMLElement {}
+export const GovToast: {
+  prototype: GovToast;
+  new (): GovToast;
+};
+
+interface GovTooltip extends Components.GovTooltip, HTMLElement {}
+export const GovTooltip: {
+  prototype: GovTooltip;
+  new (): GovTooltip;
+};
+
+interface GovTooltipContent extends Components.GovTooltipContent, HTMLElement {}
+export const GovTooltipContent: {
+  prototype: GovTooltipContent;
+  new (): GovTooltipContent;
+};
+
+interface GovWizzard extends Components.GovWizzard, HTMLElement {}
+export const GovWizzard: {
+  prototype: GovWizzard;
+  new (): GovWizzard;
+};
+
+interface GovWizzardItem extends Components.GovWizzardItem, HTMLElement {}
+export const GovWizzardItem: {
+  prototype: GovWizzardItem;
+  new (): GovWizzardItem;
+};
+
+/**
+ * Utility to define all custom elements within this package using the tag name provided in the component's source. 
+ * When defining each custom element, it will also check it's safe to define by:
+ *
+ * 1. Ensuring the "customElements" registry is available in the global context (window).
+ * 2. The component tag name is not already defined.
+ *
+ * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define) 
+ * method instead to define custom elements individually, or to provide a different tag name.
+ */
+export declare const defineCustomElements: (opts?: any) => void;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  ce?: (eventName: string, opts?: any) => CustomEvent;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export type { Components, JSX };
+
+export * from '../types';