@web-atoms/web-controls 2.3.107 → 2.3.109

package/dist/basic/styles/date-field-style.js

@@ -0,0 +1,80 @@
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+
+  var styled;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      styled.css`
+
+    display: inline-block;
+    cursor: pointer;
+    text-align: left;
+    
+    &:hover {
+        text-decoration: underline;
+        color: #0000ff;
+    }
+
+    & .calendar-popup {
+        display: grid;
+        grid-template-columns: 1fr auto;
+        grid-template-rows: 1fr auto auto;
+        gap: 7px;
+    }
+
+    & .calendar-popup > [data-calendar] {
+        grid-row: 1;
+        grid-column: 1 / span 2;
+    }
+
+    & .calendar-popup > .time-editor {
+        padding-left: 5px;
+        grid-row: 2;
+        flex-direction: row;
+        align-items: center;
+        justify-content: start;
+        gap: 4px;
+        display: flex;
+    }
+
+    & .calendar-popup > .time-editor [data-item-index] {
+        padding-top: 0px;
+        padding-bottom: 0px;
+    }
+
+    & .calendar-popup > .time-editor select {
+        border: none;
+        outline: none;
+    }
+
+    & .calendar-popup > .clear {
+        grid-column: 1;
+        grid-row: 3;
+        justify-self: start;
+        border: none;
+        outline: none;
+        background-color: transparent;
+        color: var(--accent-color, blue);
+        padding-left: 5px;
+        margin-left: 0px;
+    }
+
+    & .calendar-popup > .today {
+        grid-row: 3;
+        grid-column: 2;
+        justify-self: end;
+        border: none;
+        outline: none;
+        background-color: transparent;
+        color: var(--accent-color, blue);
+        padding-left: 5px;
+        margin-left: 0px;
+    }
+    `.installGlobal("*[data-date-field=date-field]");
+    }
+  };
+});
+//# sourceMappingURL=date-field-style.js.map

package/dist/basic/styles/date-field-style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/date-field-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkEV,CAACC,aAAa,CAAC,+BAA+B,CAAC;IAAC;EAAA;AAAA"}

package/dist/basic/styles/drop-down-style.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=drop-down-style.d.ts.map

package/dist/basic/styles/drop-down-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-down-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/drop-down-style.ts"],"names":[],"mappings":""}

package/dist/basic/styles/drop-down-style.js

@@ -0,0 +1,24 @@
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+
+  var styled;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      styled.css`
+        display: inline-flex;
+        flex-direction: row;
+        gap: 4px;
+        align-items: center;
+        justify-content: stretch;
+
+        & [data-white-space=nowrap] {
+            white-space: nowrap;
+        }
+    `.installLocal("div[data-drop-down=drop-down]");
+    }
+  };
+});
+//# sourceMappingURL=drop-down-style.js.map

package/dist/basic/styles/drop-down-style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installLocal"],"sources":["../../../src/basic/styles/drop-down-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;KAUV,CAACC,YAAY,CAAC,+BAA+B,CAAC;IAAC;EAAA;AAAA"}

package/dist/basic/styles/expander-style.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=expander-style.d.ts.map

package/dist/basic/styles/expander-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expander-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/expander-style.ts"],"names":[],"mappings":""}

package/dist/basic/styles/expander-style.js

@@ -0,0 +1,138 @@
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+
+  var styled;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      styled.css`
+
+        display: grid;
+        grid-template-rows: auto 1fr;
+        grid-template-columns: auto 1fr auto;
+        align-items: center;
+
+    & > [data-element=icon] {
+        grid-column-start: 1;
+        grid-row-start: 1;
+        padding: 5px;
+        margin-right: 5px;
+        align-self: center;
+        justify-self: center; }
+
+    & > [data-element=header] {
+        grid-row-start: 1;
+        grid-column-start: 2; }
+
+    & > [data-element=caret] {
+        grid-row-start: 1;
+        grid-column-start: 3;
+        padding: 5px;
+        margin-left: 5px; }
+
+    & > [data-element=detail] {
+        grid-row-start: 2;
+        grid-column-start: 1;
+        grid-column-end: span 3;
+        margin-top: 5px; }
+
+    &[data-is-expanded=true] {
+        & > [data-element=caret] {
+            overflow: hidden;
+            transform: rotate(-180deg);
+            transition: transform 150ms ease;
+            transform-origin: center center;
+        }
+    }
+
+    &[data-is-expanded=false] {
+        & > [data-element=caret] {
+            overflow: hidden;
+            transform: rotate(-360deg);
+            transform-origin: center center;
+            transition: transform 150ms ease;
+        }
+        & > *[data-element=detail] {
+            display: none;
+        }
+    }
+    `.installGlobal("*[data-is-expander=expander]");
+      styled.css`
+
+    display: grid;
+    grid-template-columns: auto auto 1fr auto;
+    align-items: center;
+    gap: 0px;
+
+    & > [data-element=icon] {
+        grid-column-start: 1;
+        grid-column-end: span 2;
+        grid-row-start: 1;
+        padding: 5px;
+        align-self: center;
+        justify-self: center;
+    }
+
+    & > [data-element=header] {
+        grid-row-start: 1;
+        grid-column-start: 3;
+    }
+
+    & > [data-element=caret] {
+        grid-row-start: 1;
+        grid-column-start: 4;
+        padding: 5px;
+        margin-left: 5px;
+    }
+
+    & > [data-element=detail] {
+        grid-row-start: 2;
+        grid-column-start: 2;
+        grid-column-end: span 3;
+        padding-left: 20px;
+        padding-top: 5px;
+        border-left-style: solid;
+        border-left-width: 1px;
+        border-left-color: var(--border-color, lightgray);
+        border-top-left-radius: 0px;
+        border-bottom-left-radius: 0px;
+        border-bottom-width: 0px;
+        border-top-width: 0px;
+        margin-top: 0px;
+        margin-bottom: 0px;
+
+        &[data-selected=true] {
+            font-weight: bold;
+            border-left-color: var(--accent-color, darkgray);
+            border-left-width: medium;
+        }
+    }
+
+    &[data-is-expanded=true] {
+        & > [data-element=caret] {
+            overflow: hidden;
+            transform: rotate(-180deg);
+            transition: transform 150ms ease;
+            transform-origin: center center;
+        }
+    }
+
+    &[data-is-expanded=false] {
+        & > [data-element=caret] {
+            overflow: hidden;
+            transform: rotate(-360deg);
+            transform-origin: center center;
+            transition: transform 150ms ease;    
+        }
+        & > *[data-element=detail] {
+            display: none;    
+        }
+    }
+
+    `.installGlobal("*[data-is-expander=menu]");
+    }
+  };
+});
+//# sourceMappingURL=expander-style.js.map

package/dist/basic/styles/expander-style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/expander-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmDV,CAACC,aAAa,CAAC,8BAA8B,CAAC;MAE/CL,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwEV,CAACC,aAAa,CAAC,0BAA0B,CAAC;IAAA;EAAA;AAAA"}

package/dist/basic/styles/item-suggestion-style.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=item-suggestion-style.d.ts.map

package/dist/basic/styles/item-suggestion-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-suggestion-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/item-suggestion-style.ts"],"names":[],"mappings":""}

package/dist/basic/styles/item-suggestion-style.js

@@ -0,0 +1,51 @@
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+
+  var styled;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      styled.css`
+        padding: 1px;
+        padding-left: 5px;
+        padding-right: 5px;
+        border-radius: 10px;
+        display: grid;
+        align-items: center;
+        grid-template-rows: auto 1fr;
+        grid-template-columns: auto 1fr auto;
+        
+        & > [data-content] {
+            grid-row-start: 2;
+            grid-column-start: 2;
+        }
+        & > .icon {
+            grid-column-start: 1;
+            grid-row-start: 1;
+            grid-row-end: span 2;
+            align-self: center;
+            margin-right: 5px;
+        }
+        & > .delete {
+            grid-column-start: 3;
+            grid-row-start: 1;
+            grid-row-end: span 2;
+            align-self: center;
+            color: #ff0000;
+        }
+        & > .header {
+            font-size: x-small;
+            grid-row-start: 1;
+            grid-column-start: 2;
+        }
+        & > .label {
+            grid-row-start: 2;
+            grid-column-start: 2;
+        }
+    `.installGlobal("*[data-item-suggestion]");
+    }
+  };
+});
+//# sourceMappingURL=item-suggestion-style.js.map

package/dist/basic/styles/item-suggestion-style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/item-suggestion-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqCV,CAACC,aAAa,CAAC,yBAAyB,CAAC;IAAC;EAAA;AAAA"}

package/dist/basic/styles/popup-style.d.ts

@@ -0,0 +1,2 @@
+export declare const repeaterPopupCss: string;
+//# sourceMappingURL=popup-style.d.ts.map

package/dist/basic/styles/popup-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/popup-style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,QAoBb,CAAC"}

package/dist/basic/styles/popup-style.js

@@ -0,0 +1,34 @@
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+
+  var styled, repeaterPopupCss;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      _export("repeaterPopupCss", repeaterPopupCss = styled.css`
+    min-width: 200px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-around;
+    gap: 4px;
+
+    & > .items {
+        flex: 1 1 100%;
+        overflow: auto;
+        & > .presenter {
+            & > * {
+                padding: 5px;
+            }
+            & > [data-selected-item=true] {
+                background-color: lightgreen;
+            }
+        }
+    }
+`.installLocal());
+    }
+  };
+});
+//# sourceMappingURL=popup-style.js.map

package/dist/basic/styles/popup-style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","_export","repeaterPopupCss","css","installLocal"],"sources":["../../../src/basic/styles/popup-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,qBAEAC,gBAAgB,GAAGL,MAAM,CAACM,GAAI;;;;;;;;;;;;;;;;;;;;CAoB1C,CAACC,YAAY,EAAE;IAAA;EAAA;AAAA"}

package/dist/basic/styles/repeater-style.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=repeater-style.d.ts.map

package/dist/basic/styles/repeater-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"repeater-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/repeater-style.ts"],"names":[],"mappings":""}

package/dist/basic/styles/repeater-style.js

@@ -0,0 +1,62 @@
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+
+  var styled;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      styled.css`
+
+*[data-selected-item] {
+    & i[data-click-event] {
+        padding: 5px;
+    }
+    & [data-no-wrap=true] {
+        white-space: nowrap;
+    }
+}
+
+*[data-selected-item=true] {
+    & i[data-click-event=item-select] {
+        padding: 5px;
+    }
+    & i[data-click-event=item-select] {
+        display: none;
+    }
+}
+
+*[data-selected-item=false] {
+    & i[data-click-event=item-deselect] {
+        display: none;
+    }
+}
+
+*[data-select-all=select-all] {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    margin: 0;
+    & i[data-ui-type] {
+        padding: 5px;
+    }
+    & [data-no-wrap=true] {
+        white-space: nowrap;
+    }
+    &[data-is-selected=true] {
+        & i[data-ui-type=item-select] {
+            display: none;
+        }
+    }
+    &[data-is-selected=false] {
+        & i[data-ui-type=item-deselect] {
+            display: none;
+        }
+    }
+}
+`.withId("repeater-styles").installGlobal();
+    }
+  };
+});
+//# sourceMappingURL=repeater-style.js.map

package/dist/basic/styles/repeater-style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","withId","installGlobal"],"sources":["../../../src/basic/styles/repeater-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDd,CAACC,MAAM,CAAC,iBAAiB,CAAC,CAACC,aAAa,EAAE;IAAC;EAAA;AAAA"}

package/dist/basic/styles/suggestion-popup.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=suggestion-popup.d.ts.map

package/dist/basic/styles/suggestion-popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestion-popup.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/suggestion-popup.ts"],"names":[],"mappings":""}

package/dist/basic/styles/suggestion-popup.js

@@ -0,0 +1,36 @@
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+
+  var styled, hasMoreHeight;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      hasMoreHeight = window.screen.availHeight / 2 > 250 ? `height: 250px;` : `max-height: 80px;`;
+      styled.css`
+    ${hasMoreHeight}
+    min-width: 80px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-around;
+    gap: 4px;
+
+    & > .items {
+        flex: 1 1 100%;
+        overflow: auto;
+        & > .presenter {
+            & > * {
+                padding: 5px;
+            }
+            & > [data-selected-item=true] {
+                background-color: lightgreen;
+            }
+        }
+    }
+    `.installGlobal("*[data-suggestion-popup=suggestion-popup]");
+    }
+  };
+});
+//# sourceMappingURL=suggestion-popup.js.map

package/dist/basic/styles/suggestion-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","hasMoreHeight","window","screen","availHeight","css","installGlobal"],"sources":["../../../src/basic/styles/suggestion-popup.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAEPC,aAAa,GAAKC,MAAM,CAACC,MAAM,CAACC,WAAW,GAAG,CAAC,GAAI,GAAG,GACtD,gBAAgB,GAChB,mBAAmB;MAErBP,MAAM,CAACQ,GAAI;MACTJ,aAAa;;;;;;;;;;;;;;;;;;;;KAoBd,CAACK,aAAa,CAAC,2CAA2C,CAAC;IAAC;EAAA;AAAA"}

package/dist/basic/styles/suggestion-style.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=suggestion-style.d.ts.map

package/dist/basic/styles/suggestion-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestion-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/suggestion-style.ts"],"names":[],"mappings":""}

package/dist/basic/styles/suggestion-style.js

@@ -0,0 +1,50 @@
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+
+  var styled;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      styled.css`
+    margin: 5px;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    gap: 4px;
+    overflow: hidden;
+    & > .header {
+        color: darkorange;
+        white-space: nowrap;
+    }
+    & > .items {
+        flex: 1 1 100%;
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        align-items: center;
+        gap: 0;
+        overflow: hidden;
+        & > * {
+            white-space: nowrap;
+            padding: 3px;
+            cursor: pointer;
+            &:hover {
+                color: blue;
+                text-decoration: underline;
+            }
+        }
+    }
+    & > .more {
+        font-size: smaller;
+        color: blue;
+        text-transform: lowercase;
+        text-decoration: underline;
+        cursor: pointer;
+    }
+    `.installGlobal("*[data-suggestions=suggestions]");
+    }
+  };
+});
+//# sourceMappingURL=suggestion-style.js.map

package/dist/basic/styles/suggestion-style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/suggestion-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoCV,CAACC,aAAa,CAAC,iCAAiC,CAAC;IAAC;EAAA;AAAA"}

package/dist/basic/styles/ui-display-none-style.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ui-display-none-style.d.ts.map

package/dist/basic/styles/ui-display-none-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-display-none-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/ui-display-none-style.ts"],"names":[],"mappings":""}

package/dist/basic/styles/ui-display-none-style.js

@@ -0,0 +1,16 @@
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+
+  var styled;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      styled.css`
+        display: none;
+    `.installGlobal("[data-ui-display=none]");
+    }
+  };
+});
+//# sourceMappingURL=ui-display-none-style.js.map

package/dist/basic/styles/ui-display-none-style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/ui-display-none-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;KAEV,CAACC,aAAa,CAAC,wBAAwB,CAAC;IAAC;EAAA;AAAA"}