ids-enterprise-wc 1.0.0-beta.8 → 1.0.0

package/README.md

@@ -1,35 +1,41 @@
-# Infor Design Systems's Web Component Beta Library
+# Infor Design System Web Components Beta Library
 
 [![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)
 [![npm version](https://badge.fury.io/js/ids-enterprise.svg)](https://badge.fury.io/js/ids-enterprise-wc)
 [![Build Check](https://github.com/infor-design/enterprise-wc/actions/workflows/ci.yml/badge.svg)](https://github.com/infor-design/enterprise-wc/actions/workflows/ci.yml)
-[![Coverage Status](https://coveralls.io/repos/github/infor-design/enterprise-wc/badge.svg?branch=main)](https://coveralls.io/github/infor-design/enterprise-wc)
+[![Coverage Status](https://coveralls.io/repos/github/infor-design/enterprise-wc/badge.svg?branch=main)](https://coveralls.io/github/infor-design/enterprise-wc?branch=main)
 
-Infor Design System's Enterprise web component library is a framework independent UI library consisting of CSS and JS that provides Infor product development teams, partners, and customers the tools to create user experiences that are approachable, focused, relevant and perceptive.
-
-These tools are currently in beta testing and slated for release in beginning of 2023.
-
-For guidelines on when and where to use the components see the [design.infor.com](http://design.infor.com).
+Infor Design System Enterprise Web Components Library is a framework independent UI library consisting of CSS and JS that provides Infor product development teams, partners, and customers the tools to create user experiences that are approachable, focused, relevant, and perceptive.
 
 ## Key Features
 
-- Multiple themes, including a WCAG 2.0 AAA compatible high-contrast theme
-- Responsive components, patterns and layouts
+- Three themes, including a WCAG 2.0 AAA compatible high-contrast theme and ability to theme anything
+- Responsive components
 - Touch-friendly interactions
 - SVG-based iconography for high DPI screens and scaling
 - Built-in, extendible localization system
 - Built-in mitigation of XSS exploits
-- 85-100% Functional Test Coverage
-- Passes all code security scans and is fully CSP compliant
+- Excellent test coverage
 - Well documented in `.md` format
 - Contains an extensive [Change log](./doc/CHANGELOG.md) which lists any and all breaking changes
 - [Fully linted code](./doc/LINTING.md)
-- Follows [WAI-ARIA Authoring Practices](https://www.w3.org/TR/wai-aria-practices-1.1/#keyboard-interaction-12) with a focus on accessibility
-- Fully Namespaced with an `ids-` namespace
-- We Follow the [Gold Standard For Making Web Components](https://github.com/webcomponents/gold-standard/wiki)
+- Follows [WAI-ARIA authoring practices](https://www.w3.org/TR/wai-aria-practices-1.1/#keyboard-interaction-12) with a focus on accessibility
+- Fully namespaced with an `ids-` namespace
+- We follow the [Gold standard for making web components](https://github.com/webcomponents/gold-standard/wiki)
 - Includes types for typescript users
-- Every component has the CSS and DOM Encapsulated
-- 100+ Components convert
+- Every component has the CSS and DOM Encapsulation for css collision avoidance
+- 100+ Components
+- Includes Visual Code intellisense with [standard schemas](https://github.com/webcomponents/custom-elements-manifest)
+- Typescript types
+- We now support Es Modules
+- Bundle size in npm is 33% smaller (with code splitting enabled)
+- Supports [CSP](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP) including css and js CSP
+- The newest designs will be added here
+- Removed a lot of older less commonly used features and misused patterns
+- New scroll view component to replace circle pager
+- New chart components
+- Data Grid virtual DOM
+- Flexible Flex Grid and responsive grid
 
 ## Browser Support
 
@@ -60,18 +66,40 @@ npm i
 npm run start
 ```
 
+## Using Code Hinting
+
+The npm package ships with a file called `vscode.html-custom-data.json`. The file describes the custom elements and their settings for use in Visual Studio Code to provide “IntelliSense”. To enable it, you just need to tell VS Code where the file is.
+
+1. As per above, install with `npm install --save ids-enterprise-wc@latest`
+1. Create a folder called `.vscode` at the root of your project
+1. Create a file inside that folder called `settings.json`
+1. Add the following setting to the file.
+
+```json
+{
+  "html.customData": ["./node_modules/ids-enterprise-wc/vscode.html-custom-data.json"]
+}
+```
+
+You may need to restart VS Code for the changes to take affect.
+
+Most popular editors support custom code completion with different configurations. Please [submit a feature request and/or pull request](https://github.com/infor-design/enterprise-wc/issues/new/choose) if you want to add your editor.
+
 ## Documentation
 
-- For each component see the `.md` file in the relevant [component folder](https://github.com/infor-design/enterprise-wc/tree/main/src)
-- See the [Change Log](doc/CHANGELOG.md) for info on breaking changes as well more info in each individual component
+- See the [Documentation](doc/DOCUMENTATION.md) for each component in markdown format. In addition to this index you will see a `.md` file in each [component folder](https://github.com/infor-design/enterprise-wc/tree/main/src/components) if browsing the source and examples.
+- See the [Migration Guide](doc/MIGRATION-GUIDE.md)
+- See the [Change Log](doc/CHANGELOG.md) for info and breaking changes by version
+- See the [Examples in popular frameworks](https://github.com/infor-design/enterprise-wc-examples) for examples and notes on using these in several frameworks
 
-## Contributing
+## Other Documentation
 
+- [Contributors Guide](doc/CONTRIBUTING.md)
 - [Articles about Web Components](doc/ARTICLES.md)
 - [Things to consider for each component](doc/CHECKLIST.md)
-- [How to Make a new Component](doc/COMPONENTS.md)
+- [How to make a new component](doc/COMPONENTS.md)
 - [Info on which linters we use](doc/LINTING.md)
-- [Info on Running and Debugging Tests](doc/TESTING.md)
-- Use [Github Issues](https://github.com/infor-design/enterprise-wc/issues) to report all requests, bugs, questions, and feature requests
+- [Info on running and debugging tests](doc/TESTING.md)
+- Use [Github Issues](https://github.com/infor-design/enterprise-wc/issues) to report enhancements, bugs, questions, and feature requests
 - [Review source code changes](https://github.com/infor-design/enterprise-wc/pulls)
 - [Roadmap and Sprint Board](https://github.com/orgs/infor-design/projects)

package/chunks/ids-chunk-24AXC4RQ.js

@@ -0,0 +1,139 @@
+import{a as r}from"./ids-chunk-VPLYUCP2.js";import{a,b as s}from"./ids-chunk-XE4WFW5M.js";import{a as i,d,g as l}from"./ids-chunk-Y32WUP63.js";var n=`/* Ids Modal Component */
+:host {
+  display: block;
+  position: fixed;
+  visibility: visible;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+}
+
+:host(:not([visible])) {
+  pointer-events: none;
+  visibility: hidden;
+}
+
+.ids-modal {
+  display: block;
+  pointer-events: none;
+}
+.ids-modal[visible] {
+  pointer-events: auto;
+}
+.ids-modal.fullsize {
+  height: 100%;
+}
+.ids-modal:not(.scrollable) .has-scrollbar {
+  overflow: hidden;
+}
+.ids-modal.scrollable .has-scrollbar {
+  overflow: auto;
+}
+.ids-modal:not(.fullsize)::part(popup) {
+  max-height: calc(100% - 32px);
+}
+
+.ids-modal-header {
+  padding: var(--ids-modal-header-padding);
+}
+
+.ids-modal-content {
+  padding: var(--ids-modal-content-padding);
+  flex-grow: 1;
+  flex-shrink: 1;
+}
+
+.ids-modal-header + .ids-modal-content {
+  padding-block-start: 0;
+}
+
+.ids-modal-header,
+.ids-modal-footer {
+  align-items: center;
+  display: flex;
+}
+
+.ids-modal-footer {
+  margin: var(--ids-modal-footer-margin);
+  border-top: 1px solid var(--ids-modal-footer-color-border);
+}
+.ids-modal-footer[hidden] {
+  border-top: none;
+}
+
+.ids-modal-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  height: 100%;
+  width: 100%;
+}
+
+::slotted([slot=buttons]) {
+  flex-grow: 1;
+  display: flex;
+}
+
+.modal-control-close {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+}
+.modal-control-close[dir=rtl] {
+  left: 4px;
+  right: unset;
+}
+
+::slotted([slot=buttons]:not(:first-of-type)) {
+  border-inline-start: 1px solid var(--ids-modal-footer-color-border);
+}
+
+.ids-modal-button:not(.ids-modal-icon-button):not(:first-of-type) {
+  border-left: 1px solid var(--ids-modal-footer-color-border);
+}
+
+@media screen and (min-width: 600px) {
+  ::slotted([slot=title]) {
+    font-size: var(--ids-font-size-60);
+  }
+}
+.ids-modal-header {
+  background-color: var(--ids-action-panel-header-color-background);
+  border-bottom: 1px solid var(--ids-action-panel-header-color-border);
+  padding: 0;
+  height: var(--ids-action-panel-header-height);
+}
+
+.ids-modal-content {
+  padding-inline: 0;
+  height: calc(100% - var(--ids-action-panel-header-height));
+  background-color: var(--ids-action-panel-content-background-color);
+}
+
+.ids-modal-footer {
+  margin-top: 0;
+}
+
+::slotted(ids-toolbar) {
+  padding-inline: var(--ids-action-panel-header-padding) 0;
+  height: 100%;
+}`;var e,p,o=class extends r{constructor(){super();d(this,e)}connectedCallback(){super.connectedCallback(),l(this,e,p).call(this),this.popup&&(this.popup.animationStyle="slide-from-bottom")}get toolbar(){return this.querySelector('[slot="toolbar"]')}template(){return`<ids-popup
+      part="modal"
+      class="ids-modal ids-action-panel"
+      type="modal"
+      position-style="viewport"
+      animated="true"
+      animation-style="slide-from-bottom">
+      <div class="ids-modal-container" slot="content">
+        <div class="ids-modal-header">
+          <slot name="toolbar"></slot>
+        </div>
+        <div class="ids-modal-content">
+          <slot></slot>
+        </div>
+        <div class="ids-modal-footer">
+          <slot name="buttons"></slot>
+        </div>
+      </div>
+    </ids-popup>`}addOpenEvents(){super.addOpenEvents();let t=this.container?.querySelector('slot[name="toolbar"]');this.onEvent("click.toolbar",t,async c=>{await this.handleButtonClick(c)})}removeOpenEvents(){super.removeOpenEvents(),this.offEvent("click.toolbar")}};e=new WeakSet,p=function(){let t=this.container?.querySelector('slot[name="toolbar"]');t&&(t.hidden=this.toolbar===void 0)},o=i([a("ids-action-panel"),s(n)],o);export{o as a};

package/chunks/ids-chunk-2A5RC7R4.js

@@ -0,0 +1,176 @@
+import{a as de}from"./ids-chunk-FJWBVBFS.js";import{a as he}from"./ids-chunk-G6YY6MDG.js";import{a as le}from"./ids-chunk-U3XUDJH3.js";import{a as re}from"./ids-chunk-5QVZSZ26.js";import{a as ne}from"./ids-chunk-3DA43NO3.js";import{a as se,b as ae}from"./ids-chunk-CK6SA7FU.js";import{a as Z,b as ee}from"./ids-chunk-XE4WFW5M.js";import{a as oe}from"./ids-chunk-6KDUST23.js";import{a as te,b as K,c as ie,f as P,g as A,h as U,j}from"./ids-chunk-X4NATGYL.js";import{e as D,f as M}from"./ids-chunk-5Q3WPKMB.js";import{a as n}from"./ids-chunk-S7XDCBUZ.js";import{a as Q,b as g,c as F,d,e as X,g as a}from"./ids-chunk-Y32WUP63.js";var we=`:host {
+  contain: content;
+  height: 100%;
+}
+
+.ids-week-view {
+  display: flex;
+  background-color: var(--ids-week-view-color-background);
+  color: var(--ids-week-view-color-text);
+  border: 1px solid var(--ids-week-view-color-border);
+  flex-direction: column;
+  overflow: hidden;
+  max-height: calc(100vh - 25px);
+}
+.ids-week-view .week-view-table-header th {
+  background-clip: padding-box;
+  border-top: 0;
+  height: 24px;
+  line-height: 24px;
+  text-align: left;
+  z-index: 3;
+}
+.ids-week-view .week-view-table-header .week-view-header-wrapper {
+  padding: 0 5px;
+  text-align: center;
+}
+.ids-week-view .week-view-table-header .week-view-header-wrapper .week-view-header-day-of-week {
+  line-height: var(--ids-week-view-row-height);
+}
+.ids-week-view .week-view-table-header .week-view-header-wrapper.is-day-view .week-view-header-day-of-week.is-emphasis {
+  line-height: 40px;
+}
+.ids-week-view .week-view-table-header .week-view-all-day-wrapper {
+  position: relative;
+  box-sizing: border-box;
+  border-color: var(--ids-week-view-color-border);
+  height: 44px;
+  text-transform: unset;
+  border-top-width: 1px;
+  border-top-style: solid;
+}
+.ids-week-view .week-view-table-header th:nth-child(1) .week-view-all-day-wrapper {
+  border-top-color: transparent;
+  padding: 5px;
+}
+.ids-week-view .week-view-table {
+  border-collapse: separate;
+  border-spacing: 0;
+  width: 100%;
+}
+.ids-week-view .week-view-table .week-view-allday-row {
+  height: 40px;
+}
+.ids-week-view .week-view-table .week-view-hour-row,
+.ids-week-view .week-view-table .week-view-half-hour-row {
+  height: var(--ids-week-view-row-height);
+}
+.ids-week-view .week-view-table th,
+.ids-week-view .week-view-table td {
+  border-bottom: 1px solid;
+  border-color: var(--ids-week-view-color-border);
+  padding: 0;
+  height: var(--ids-week-view-row-height);
+}
+.ids-week-view .week-view-table th:nth-child(1) {
+  width: 60px;
+}
+.ids-week-view .week-view-table tr td:nth-child(1) .week-view-cell-wrapper {
+  padding: 0 5px;
+}
+.ids-week-view .week-view-table tr:nth-child(odd) td {
+  border-bottom: 1px solid var(--ids-week-view-row-odd-color-border);
+}
+.ids-week-view .week-view-table th:not(:last-child),
+.ids-week-view .week-view-table td:not(:last-child) {
+  border-right-width: 1px;
+  border-right-style: solid;
+}
+.ids-week-view .week-view-header-wrapper.is-today {
+  color: var(--ids-week-view-today-color);
+  box-shadow: 0 4px 0 0 var(--ids-week-view-today-color);
+}
+.ids-week-view .week-view-container {
+  background-color: var(--ids-week-view-color-background);
+  overflow: auto;
+}
+.ids-week-view .week-view-container th {
+  background-color: var(--ids-week-view-header-color-background);
+  position: sticky;
+  top: 0;
+  z-index: 3;
+}
+.ids-week-view .week-view-cell-wrapper {
+  position: relative;
+  padding: 0;
+  height: var(--ids-week-view-row-height);
+  min-width: 50px;
+}
+.ids-week-view .week-view-time-marker {
+  display: block;
+  position: relative;
+  z-index: 2;
+  box-sizing: border-box;
+  border: 1px solid var(--ids-week-view-time-marker-color);
+  height: 1px;
+  margin-top: -2px;
+  top: var(--timeline-shift);
+}
+
+ids-toolbar ids-menu-button[menu=view-picker] {
+  margin-inline-end: 8px;
+}
+
+:host([dir=rtl]) .week-view-all-day-wrapper {
+  text-align: right;
+}
+:host([dir=rtl]) .ids-week-view .week-view-table th:not(:first-child),
+:host([dir=rtl]) .ids-week-view .week-view-table td:not(:first-child) {
+  border-right-width: 1px;
+  border-right-style: solid;
+}
+:host([dir=rtl]) .ids-week-view .week-view-table th:first-child,
+:host([dir=rtl]) .ids-week-view .week-view-table td:first-child {
+  border-right-width: 0;
+}`;var me=he(de(re(ne(oe)))),L,ce,_,ve,w,u,y,R,$,ue,T,I,Y,S,B,N,pe,E,O,V,fe,q,be,C,G,H=class extends me{constructor(){super();d(this,L);d(this,_);d(this,w);d(this,y);d(this,$);d(this,I);d(this,S);d(this,N);d(this,E);d(this,V);d(this,q);d(this,C);g(this,"dayMap",[]);g(this,"vetoableEventTypes",["beforeweekrendered"]);g(this,"ro",null);g(this,"onLocaleChange",()=>{a(this,w,u).call(this)});g(this,"onLanguageChange",()=>{a(this,w,u).call(this),a(this,I,Y).call(this)});d(this,T,void 0)}connectedCallback(){super.connectedCallback(),a(this,w,u).call(this),a(this,L,ce).call(this)}disconnectedCallback(){super.disconnectedCallback(),this.timer?.destroy(),this.timer=null,this.state={},this.ro?.unobserve(this.container),this.ro=null}static get attributes(){return[...super.attributes,n.END_DATE,n.END_HOUR,n.FIRST_DAY_OF_WEEK,n.SHOW_TIMELINE,n.SHOW_TODAY,n.START_DATE,n.START_HOUR,n.TIMELINE_INTERVAL]}template(){return'<div class="ids-week-view"></div>'}changeDate(e){let t=P(this.startDate,this.endDate),i=t!==7,r,s;e==="next"&&(r=A(this.startDate,t,"days"),s=A(this.endDate,t-1,"days")),e==="previous"&&(r=U(this.startDate,t,"days"),s=U(this.endDate,t+1,"days")),e==="today"&&(r=i?new Date:K(new Date,this.firstDayOfWeek),s=A(r,t-1,"days")),a(this,_,ve).call(this,()=>{this.startDate=r,this.endDate=s}),this.state.activeDate=this.startDate,this.triggerDateChange(this.startDate,e)}async renderEventsData(e=!1){if(!e&&typeof this.state.beforeEventsRender=="function"){this.eventsData=await this.state.beforeEventsRender(this.startDate,this.endDate);return}if(this.removeAllEvents(),!this.state.hasRendered||!this.eventsData?.length)return;let t=[];this.eventsData.forEach(i=>{let r=new Date(i.starts),s=new Date(i.ends);this.startDate<=s&&r<this.endDate&&(t.push(i),a(this,V,fe).call(this,i))}),this.triggerEvent("eventsrendered",this,{detail:{eventsData:t},bubbles:!0,composed:!0})}get showToday(){let e=this.getAttribute(n.SHOW_TODAY);return D(e)}set showToday(e){D(e)?this.setAttribute(n.SHOW_TODAY,"true"):this.removeAttribute(n.SHOW_TODAY),a(this,w,u).call(this)}get startDate(){let e=this.getAttribute(n.START_DATE),t=new Date(e??"");return e&&j(t)?t:K(new Date,this.firstDayOfWeek)}set startDate(e){e?this.setAttribute(n.START_DATE,e.toString()):this.removeAttribute(n.START_DATE),a(this,w,u).call(this)}get endDate(){let e=this.getAttribute(n.END_DATE),t=new Date(e??"");return e&&j(t)?A(t,1,"days"):ie(new Date,this.firstDayOfWeek)}set endDate(e){e?this.setAttribute(n.END_DATE,e.toString()):this.removeAttribute(n.END_DATE),a(this,w,u).call(this)}onFirstDayOfWeekChange(){a(this,w,u).call(this)}get startHour(){let e=this.getAttribute(n.START_HOUR),t=M(e);return e&&t>=0&&t<=24?t:7}set startHour(e){e!==null?this.setAttribute(n.START_HOUR,String(e)):this.removeAttribute(n.START_HOUR),a(this,w,u).call(this)}get endHour(){let e=this.getAttribute(n.END_HOUR),t=M(e);return e&&t>=0&&t<=24?t:19}set endHour(e){e!==null?this.setAttribute(n.END_HOUR,String(e)):this.removeAttribute(n.END_HOUR),a(this,w,u).call(this)}get showTimeline(){let e=this.getAttribute(n.SHOW_TIMELINE);return e?D(e):!0}set showTimeline(e){let t=D(e);this.setAttribute(n.SHOW_TIMELINE,String(t)),a(this,y,R).call(this)}get timelineInterval(){let e=this.getAttribute(n.TIMELINE_INTERVAL),t=M(e);return t>0?t:3e4}set timelineInterval(e){e?this.setAttribute(n.TIMELINE_INTERVAL,String(e)):this.removeAttribute(n.TIMELINE_INTERVAL),a(this,y,R).call(this)}};L=new WeakSet,ce=function(){return this.ro=new ResizeObserver(e=>{requestAnimationFrame(()=>{for(let t of e)t.contentRect.width>0&&a(this,I,Y).call(this)})}),this.ro.observe(this.container),this},_=new WeakSet,ve=function(e){this.state.wait=!0,e(),this.state.wait=!1,a(this,w,u).call(this)},w=new WeakSet,u=function(){if(!this.locale||this.state.wait||!this.container||!this.triggerVetoableEvent("beforeweekrendered"))return;let t=P(this.startDate,this.endDate),i=this.endHour-this.startHour+1,r=t===1||t===0,s=this.localeAPI.locale.options.calendars,b=s[0]?.dateFormat?.dayOfWeek,c=b&&b.split(" ")[0]==="EEE",o=m=>m?r?32:20:16;this.dayMap=[];let p=Array.from({length:t},(m,f)=>{let h=this.startDate.setDate(this.startDate.getDate()+f),W=this.localeAPI.formatDate(h,{day:"numeric"}),J=this.localeAPI.formatDate(h,{weekday:"short"}),z=te(new Date(h));return`
+        <th data-key="${this.generateDateKey(new Date(h))}">
+          <div class="week-view-header-wrapper${z?" is-today":""}${r?" is-day-view":""}">
+            <ids-text
+              class="week-view-header-day-of-week${c?"":" is-emphasis"}"
+              font-size="${o(!c)}"
+              ${z?'font-weight="semi-bold"':""}
+            >${c?J:W}</ids-text>
+            <ids-text
+              class="week-view-header-day-of-week${c?" is-emphasis":""}"
+              font-size="${o(c)}"
+              ${z?'font-weight="semi-bold"':""}
+            >${c?W:J}</ids-text>
+          </div>
+          <div class="week-view-all-day-wrapper"></div>
+        </th>
+      `}).join(""),l=Array.from({length:t}).map((m,f)=>{let h=this.startDate;return h.setDate(h.getDate()+f),`<td data-date="${h.getDate()}">
+        <div class="week-view-cell-wrapper"></div>
+      </td>`}).join(""),v=this.startHour,k=Array.from({length:i}).map((m,f)=>{let h=v+f;return`
+      <tr class="week-view-hour-row" data-hour="${h}">
+        <td>
+          <div class="week-view-cell-wrapper">
+            <ids-text font-size="12">${s?this.localeAPI.formatHour(this.startHour+f):""}</ids-text>
+          </div>
+        </td>
+        ${l}
+      </tr>
+      <tr class="week-view-half-hour-row" data-hour="${h}.5">
+        <td>
+          <div class="week-view-cell-wrapper"></div>
+        </td>
+        ${l}
+      </tr>`}).join(""),x=`<div class="week-view-container">
+      <table class="week-view-table">
+        <thead class="week-view-table-header">
+          <tr>
+            <th>
+              <div class="week-view-header-wrapper${r?" is-day-view":""}">
+                <ids-text translate-text="true" audible="true">Hour</ids-text>
+              </div>
+              <div class="week-view-all-day-wrapper">
+                <ids-text font-size="12" translate-text="true">AllDay</ids-text>
+              </div>
+            </th>
+            ${p}
+          </tr>
+        </thead>
+        <tbody>
+          ${k}
+        </tbody>
+      </table>
+    </div>`;this.container.querySelector(".week-view-container")?.remove(),this.container.insertAdjacentHTML("beforeend",x),this.state.hasRendered=!0,this.triggerEvent("afterweekrendered",this),this.container.querySelectorAll("th").forEach(m=>{let f=m.getAttribute("data-key");if(f){let h=parseInt(f);this.dayMap.push({key:h,elem:m})}}),a(this,y,R).call(this),this.renderEventsData()},y=new WeakSet,R=function(){if(this.container?.querySelectorAll(".week-view-time-marker").forEach(s=>s.remove()),this.timer&&this.timer?.destroy(!0),!this.showTimeline||!this.state.hasRendered)return;this.container?.querySelectorAll(".week-view-hour-row:nth-child(1) td").forEach(s=>s.insertAdjacentHTML("afterbegin",'<div class="week-view-time-marker"></div>'));let e=this.endHour-this.startHour+1,t=this.container?.querySelector(".week-view-hour-row"),i=this.timelineInterval,r=()=>{let s=new Date,b=s.getHours(),c=s.getMinutes(),o=b-this.startHour+c/60,p=s.getTime()-this.startDate.getTime(),l=o>0&&o<=e?o*52:0;t&&(t.style.setProperty("--timeline-shift",`${l}px`),t.dataset.diffInMilliseconds=p.toString())};r(),a(this,$,ue).call(this),X(this,T,se(()=>r(),i))},$=new WeakSet,ue=function(){F(this,T)&&ae(F(this,T))},T=new WeakMap,I=new WeakSet,Y=function(){let e=this.container?.offsetTop;this.container?.style.setProperty("--offset-top",`${e}px`)},S=new WeakSet,B=function(e,t){let i=e.getHours(),r=e.getMinutes(),s=e.getSeconds();return t?i+(r>=30?.5:0):i+r/60+s/600},N=new WeakSet,pe=function(e){let t=new Date(e.starts),i=t.getDate(),r=a(this,S,B).call(this,t,!0);return this.container?.querySelector(`[data-hour="${r}"] [data-date="${i}"]`)||null},E=new WeakSet,O=function(e,t){let i=new le,r=this.eventTypesData?.find(s=>s.id===e.type);return i.eventTypeData=r,i.eventData=e,t?.length&&(i.cssClass=t),i},V=new WeakSet,fe=function(e){let t,i,r=new Date(e.starts),s=new Date(e.ends),b=this.generateDateKey(r),c=this.generateDateKey(s),o=this.dayMap.filter(l=>l.key>=b&&l.key<=c),p=D(e.isAllDay);if(o.length===1&&!p){t=a(this,E,O).call(this,e),i=a(this,N,pe).call(this,e),i&&a(this,q,be).call(this,i,t);return}if(o.length===1&&p){t=a(this,E,O).call(this,e,["all-day"]),i=o[0].elem.querySelector(".week-view-all-day-wrapper"),i&&a(this,C,G).call(this,i,t);return}if(o.length>1&&p)for(let l=0;l<o.length;l++){let v=l===0?"calendar-event-start":"calendar-event-continue";l===o.length-1&&(v="calendar-event-ends"),t=a(this,E,O).call(this,e,["all-day",v]),i=o[l].elem.querySelector(".week-view-all-day-wrapper"),i&&a(this,C,G).call(this,i,t)}},q=new WeakSet,be=function(e,t){let i=parseFloat(e.parentElement?.getAttribute("data-hour")||""),r=a(this,S,B).call(this,t.startDate,!1),s=e.querySelector(".week-view-cell-wrapper"),b=.25,c=this.endHour+1-r,o=t.duration;if(o=Math.max(b,o),o=Math.min(c,o),t.height=`${o*50+o/.5-1}px`,o<.5&&(t.cssClass=["reduced-padding"]),o<1.5&&(t.cssClass=["is-ellipsis"]),o>=2&&(t.displayTime=!0,t.overflow="normal"),r+o>this.endHour&&(t.cssClass=["is-cutoff"]),r>i){let v=.016666666666666784,k=r-i,x=e.parentElement?.offsetHeight||26;t.yOffset=`${k/v*(x/30)}px`}let p=e.querySelectorAll("ids-calendar-event"),l=p.length;if(l>0){let v=100/(l+1);t.width=`${v}%`,t.xOffset=`${v*l}%`,p.forEach((k,x)=>{k.width=`${v}%`,k.xOffset=`${v*x}%`})}this.triggerEvent("beforeeventrendered",this,{detail:{elem:this,events:this.eventsData,event:t,dateCell:t,container:s},bubbles:!0}),s?.appendChild(t),this.triggerEvent("aftereventrendered",this,{detail:{elem:this,events:this.eventsData,event:t,dateCell:t,container:s},bubbles:!0})},C=new WeakSet,G=function(e,t){let r=e.querySelectorAll("ids-calendar-event").length;r>=1&&(t.yOffset=`${22*r}px`),r>=2&&this.container?.querySelectorAll(".week-view-all-day-wrapper").forEach(s=>{s.style.height=`${44+(r-1)*23}px`}),this.triggerEvent("beforeeventrendered",this,{detail:{elem:this,events:this.eventsData,event:t,dateCell:t,container:e},bubbles:!0}),e.appendChild(t),this.triggerEvent("aftereventrendered",this,{detail:{elem:this,events:this.eventsData,event:t,dateCell:t,container:e},bubbles:!0})},H=Q([Z("ids-week-view"),ee(we)],H);export{H as a};

package/chunks/ids-chunk-2G2246GQ.js

@@ -0,0 +1,3 @@
+import{m as i}from"./ids-chunk-U4XVR5SW.js";import{b as d}from"./ids-chunk-5Q3WPKMB.js";import{a}from"./ids-chunk-S7XDCBUZ.js";var h=o=>class extends o{legendsHref=[];constructor(...e){super(...e)}static get attributes(){return[...o.attributes,a.LEGEND_PLACEMENT]}connectedCallback(){super.connectedCallback?.(),this.attachLegendEvents()}set legendPlacement(e){let t=this.shadowRoot?.querySelector(".ids-chart-container");this.setAttribute(a.LEGEND_PLACEMENT,e),t?.classList.remove("legend-none","legend-top","legend-bottom","legend-left","legend-right"),t?.classList.add(`legend-${e}`)}get legendPlacement(){return this.getAttribute(a.LEGEND_PLACEMENT)||"bottom"}legendTemplate(e="name"){let t='<div class="chart-legend">';return this.data.forEach((n,r)=>{let s=n[e]?n[e]:n.name,l=n.pattern?`<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
+        <rect width="12" height="12" fill="url(#${n.pattern})"></rect>
+      </svg>`:"",c=n.pattern?"":`color-${r+1}`;s&&(t+=`<a href="#legend-${d(s)}" data-index="${r}" class="chart-legend-item"><div class="swatch ${c}">${l}</div>${s}</a>`)}),t+="</div>",t}adjustLabels(){let e=this.shadowRoot?.querySelector(".chart-legend");e&&i(e)&&(e.outerHTML=this.legendTemplate("shortName")),e=this.shadowRoot?.querySelector(".chart-legend"),e&&i(e)&&(e.outerHTML=this.legendTemplate("abbreviatedName"))}legendsClickable(e){if(!this.shadowRoot)return;let t=[...this.shadowRoot.querySelectorAll(".chart-legend-item")];if(!t[0])return;let n=!1;this.legendsHref=this.legendsHref||t.map(r=>r.getAttribute("href")),e&&!t[0].hasAttribute("href")?(t.forEach((r,s)=>{r.setAttribute("href",this.legendsHref[s]??"#"),r.removeAttribute("aria-hidden")}),n=!0):!e&&t[0].hasAttribute("href")&&(t.forEach(r=>{r.setAttribute("aria-hidden","true"),r.removeAttribute("href")}),n=!0),n&&this[e?"attachLegendEvents":"detachLegendEvents"]()}attachLegendEvents(){let e=this.shadowRoot?.querySelector('slot[name="legend"]');this.offEvent("click.chartlegend",e),this.onEvent("click.chartlegend",e,async t=>{let n=t.target;if(n?.classList?.contains("chart-legend-item")){t.preventDefault();let r=n.getAttribute("data-index");this.setSelection?.(r,!0)}})}detachLegendEvents(){let e=this.shadowRoot?.querySelector('slot[name="legend"]');this.offEvent("click.chartlegend",e)}},u=h;export{u as a};

package/chunks/ids-chunk-2KE2LKG2.js

@@ -0,0 +1,87 @@
+import{a as m}from"./ids-chunk-5QVZSZ26.js";import{a as b}from"./ids-chunk-3DA43NO3.js";import{a as h}from"./ids-chunk-HLNMUL3O.js";import{a as c,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as p}from"./ids-chunk-6KDUST23.js";import{e as n}from"./ids-chunk-5Q3WPKMB.js";import{a as t}from"./ids-chunk-S7XDCBUZ.js";import{a as s,b as d,d as l,g as r}from"./ids-chunk-Y32WUP63.js";var g=`/* Ids Container Component */
+:host {
+  display: block;
+  contain: content;
+  height: 100vh;
+  width: 100vw;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+:host(:not([hidden])) {
+  display: block;
+}
+
+:host([animated][hidden]) {
+  animation: fadeOut var(--ids-motion-duration) var(--ids-motion-ease) forwards;
+}
+
+:host([animated]:not([hidden])) {
+  display: block;
+  animation: fadeIn var(--ids-motion-duration) var(--ids-motion-ease) forwards;
+}
+
+.ids-container {
+  background-color: var(--ids-color-background-default);
+  box-sizing: border-box;
+  color: var(--ids-color-text-default);
+  height: 100%;
+  outline: none;
+  overflow: auto;
+  padding: var(--ids-space-none);
+  scroll-behavior: smooth;
+  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
+  width: 100%;
+}
+.ids-container.color-variant-alternate {
+  background-color: var(--ids-color-text-default);
+  color: var(--ids-color-text-inverse);
+}
+.ids-container[scrollable=false] {
+  overflow: hidden;
+}
+
+@media (min-width: 840px) {
+  :host(.app-menu)::part(container) {
+    margin-bottom: var(--ids-space-none);
+    transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
+    transition: width var(--ids-motion-duration) var(--ids-motion-ease), margin var(--ids-motion-duration) var(--ids-motion-ease);
+  }
+}
+
+@media (min-width: 840px) {
+  :host(.app-menu-is-open)::part(container) {
+    margin-inline-start: 300px;
+    width: calc(100% - 300px);
+    transition: width var(--ids-motion-duration) var(--ids-motion-ease), margin var(--ids-motion-duration) var(--ids-motion-ease);
+  }
+}
+
+@keyframes fadeIn {
+  0% {
+    display: none;
+    opacity: 0;
+  }
+  1% {
+    display: block;
+  }
+  100% {
+    display: block;
+    opacity: 1;
+  }
+}
+@keyframes fadeOut {
+  0% {
+    display: block;
+    opacity: 1;
+  }
+  99% {
+    display: block;
+  }
+  100% {
+    display: none;
+    opacity: 0;
+  }
+}`;var v=m(h(b(p))),e,a,i=class extends v{constructor(){super();l(this,e);d(this,"colorVariants",["alternate"])}connectedCallback(){super.connectedCallback(),this.reset&&r(this,e,a).call(this),this.onEvent("load.container",window,()=>{this.removeAttribute("hidden"),this.offEvent("load.container",window)}),document.readyState==="complete"&&this.removeAttribute("hidden"),this.container?.style.setProperty("padding",`${this.padding}px`),this.backgroundColor&&(this.backgroundColor=this.getAttribute("background-color")||"")}disconnectedCallback(){super.disconnectedCallback()}static get attributes(){return[...super.attributes,t.BACKGROUND_COLOR,t.PADDING,t.RESET,t.SCROLLABLE]}template(){return`<div class="ids-container" part="container"${this.scrollable==="true"?' tabindex="0"':""}><slot></slot></div>`}set padding(o){this.container&&(this.container.style.padding=`${o}px`),this.setAttribute(t.PADDING,o.toString())}get padding(){return this.getAttribute(t.PADDING)}set scrollable(o){if(n(o)){this.setAttribute(t.SCROLLABLE,"true"),this.container?.setAttribute(t.SCROLLABLE,"true"),this.container?.setAttribute("tabindex","0");return}this.setAttribute(t.SCROLLABLE,"false"),this.container?.setAttribute(t.SCROLLABLE,"false"),this.container?.removeAttribute("tabindex")}get scrollable(){return this.getAttribute(t.SCROLLABLE)||"true"}set reset(o){if(n(o)){r(this,e,a).call(this);return}this.removeAttribute(t.RESET),document.querySelector("body")?.style.setProperty("margin","")}get reset(){return this.getAttribute(t.RESET)||"true"}set backgroundColor(o){if(o){this.container?.style.setProperty("background-color",`var(${o})`);return}this.container?.style.setProperty("background-color","")}get backgroundColor(){return this.getAttribute(t.BACKGROUND_COLOR)||"true"}};e=new WeakSet,a=function(){document.querySelector("body")?.style.setProperty("margin","0")},i=s([c("ids-container"),u(g)],i);export{i as a};