@web-atoms/web-controls 2.4.59 → 2.4.60

package/dist/basic/styles/toggle-view-style.js

@@ -1,89 +0,0 @@
-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`
-    flex: 1 1 100%;
-    gap: 4px;
-    display: grid;
-    grid-template-rows: auto 1fr;
-    overflow: hidden;
-    align-items: stretch;
-    justify-items: stretch;
-    justify-content: stretch;
-        
-    & > .toolbar {
-        grid-row: 1;
-        flex-direction: row;
-        display: flex;
-        place-self: center;
-
-        & > [data-element=header] {
-            flex-direction: row;
-            align-items: center;
-            justify-content: space-around;
-            gap: 4px;
-            display: inline-flex;
-            border: solid 1px lightgray;
-            padding: 5px; 
-
-            &:first-child {
-                border-top-left-radius: 10px;
-                border-bottom-left-radius: 10px;
-                border-right: none;
-            }
-            
-            &:last-child {
-                border-top-right-radius: 10px;
-                border-bottom-right-radius: 10px; 
-                border-left: none;
-            }
-            
-            &[data-selected=true] {
-                background-color: var(--accent-color, #00008b);
-                color: var(--accent-text-color,#ffffff); 
-            }
-
-            & > label {
-                white-space: nowrap;
-                margin-bottom: 0px; 
-            }
-        }
-        
-    }
-    
-    
-    & > [data-element=view] {
-        grid-row-start: 2;
-        grid-column-start: 1;
-        transition: transform 0.3s;
-        align-self: stretch;
-        justify-self: stretch;
-        overflow: auto;
-        padding: 5px;
-        display: flex;
-        flex-direction: column;
-        gap: 5px;
-        &[data-left=true] {
-            transform: translate(-100%, 0); 
-        }
-        
-        &[data-right=true] {
-            transform: translate(100%, 0); 
-        }
-        
-        &[data-selected=true] {
-            transform: translate(0, 0);
-        }
-    }
-    
-    `.installGlobal("*[data-wa-toggle-view=wa-toggle-view]");
-    }
-  };
-});
-//# sourceMappingURL=toggle-view-style.js.map

package/dist/basic/styles/toggle-view-style.js.map

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

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

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

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

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

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

@@ -1,21 +0,0 @@
-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: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: space-around;
-        gap: 4px;
-        padding: 10px;
-    `.installGlobal("[data-tooltip=tooltip]");
-    }
-  };
-});
-//# sourceMappingURL=tooltip-style.js.map

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

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

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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,16 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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","ignoreList":[]}

package/dist/basic/styles/zoom-view-style.d.ts

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

package/dist/basic/styles/zoom-view-style.d.ts.map

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

package/dist/basic/styles/zoom-view-style.js

@@ -1,82 +0,0 @@
-System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
-  "use strict";
-
-  var styled, svgAsCssDataUrl, svg;
-  return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-      svgAsCssDataUrl = _webAtomsCoreDistStyleStyled.svgAsCssDataUrl;
-    }],
-    execute: function () {
-      svg = svgAsCssDataUrl(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M502.6 54.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L336 130.7 336 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 128c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-50.7 0L502.6 54.6zM80 272c-17.7 0-32 14.3-32 32s14.3 32 32 32l50.7 0L9.4 457.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L176 381.3l0 50.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-128c0-17.7-14.3-32-32-32L80 272z"/></svg>`);
-      styled.css`
-        position: relative;
-        cursor: grab;
-        overflow: hidden;
-
-        &[data-state=grabbing] {
-            cursor: grabbing;
-        }
-
-        & > div {
-
-            position: absolute;
-            left: 0;
-            top: 0;
-            right: 0;
-            bottom: 0;
-            scrollbar-width: none;
-            overflow: auto;
-
-            
-            & > .image-container {
-                position: absolute;
-                left: 0;
-                top: 0;
-                right: 0;
-                bottom: 0;
-                overflow: hidden;
-                object-fit: contain;
-                width: 100%;
-                height: 100%;
-            }
-
-        }
-
-        & > .scale {
-            position: absolute;
-            right: 10px;
-            top: 10px;
-            border: solid 2px darkgray;
-            border-radius: 4px;
-            background-color: white;
-            padding: 4px;
-            color: black;
-            width: 30px;
-            height: 30px;
-            background-image: ${svg};
-            background-position: 2px 2px;
-            background-size: 20px 20px;
-            background-repeat: no-repeat;
-        }
-
-        & > .spinner {
-            position: absolute;
-            left: 0;
-            top: 0;
-            right: 0;
-            bottom: 0;
-            display: inline-grid;
-            align-items: center;
-            justify-items: center;
-            z-index: 10;
-        }
-
-        & > .hide {
-            display: none;
-        }
-    `.installGlobal("div[data-zoom-view]");
-    }
-  };
-});
-//# sourceMappingURL=zoom-view-style.js.map

package/dist/basic/styles/zoom-view-style.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","svgAsCssDataUrl","execute","svg","css","installGlobal"],"sources":["../../../src/basic/styles/zoom-view-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MACOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;MAAIC,eAAe,GAAAF,4BAAA,CAAfE,eAAe;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAE1BC,GAAG,GAAGF,eAAe,CAAC,8nBAA8nB,CAAC;MAGvpBH,MAAM,CAACM,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA6CiBD,GAAG;;;;;;;;;;;;;;;;;;;;;KAqB9B,CAACE,aAAa,CAAC,qBAAqB,CAAC;IAAC;EAAA;AAAA","ignoreList":[]}

package/src/basic/styles/check-box-list-style.ts

@@ -1,56 +0,0 @@
-import styled from "@web-atoms/core/dist/style/styled";
-
-
-    styled.css `
-
-        display: inline-flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: flex-start;
-        gap: 4px;
-        flex-flow: wrap;
-
-    `.installGlobal("div[data-checkbox-list=checkbox-list]");
-
-    styled.css `
-
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: flex-start;
-        gap: 4px;
-
-        margin-right: 5px;
-
-        & > span {
-            cursor: pointer;
-        }
-
-        &:not([data-selected-item]) {
-            &[data-deleted=none] > i.fas {
-                display: none;
-            }
-            &[data-deleted=false] > i.fas {
-                display: none;
-            }
-            &[data-deleted=true] > i.fas {
-                display: none;
-            }
-        }
-
-        &[data-selected-item=true] {
-            color: blue;
-
-            &[data-deleted=none] > i.far {
-                display: none;
-            }
-            &[data-deleted=true] > i.fas {
-                display: none;
-            }
-            &[data-deleted=false] > i.far {
-                display: none;
-            }
-        }
-
-    `.installGlobal("div[data-item-type=checkbox]");
-

package/src/basic/styles/checkbox-style.ts

@@ -1,22 +0,0 @@
-import styled from "@web-atoms/core/dist/style/styled";
-
-    styled.css `
-        display: inline-block;
-        & > label {
-            display: flex;
-            padding-left: 5px;
-            padding-right: 5px;
-            & > input[type=checkbox] {
-                border-radius: 3px;
-                margin: 0;
-                padding: 0;
-                align-self: center;
-            }
-            & > span {
-                align-self: center;
-                white-space: nowrap;
-                margin-left: 5px;
-                flex: 1 1 100%;
-            }
-        }    
-    `.installGlobal("[data-check-box=check-box]");

package/src/basic/styles/chip-style.ts

@@ -1,74 +0,0 @@
-import styled from "@web-atoms/core/dist/style/styled";
-
-    styled.css `
-        padding: 2px;
-        padding-left: 10px;
-        padding-right: 10px;
-        border-radius: 9999px;
-        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;
-            padding: 2px;
-            padding-right: 4px;
-            align-self: center;
-        }
-
-        & > .delete {
-            grid-column-start: 3;
-            grid-row-start: 1;
-            grid-row-end: span 2;
-            align-self: center;
-            font-size: small;
-            background-color: transparent;
-            border-radius: 4px;
-            padding: 2px;
-            padding-left: 4px;
-            color: gray;
-            &:hover {
-                background-color: lightgray;
-                color: red; 
-            }
-        }
-
-        & > .header {
-            font-size: x-small;
-            grid-row-start: 1;
-            grid-column-start: 2;
-            text-align: center;
-        }
-
-        & > .label {
-            grid-row-start: 2;
-            grid-column-start: 2;
-        }
-
-        & > .delete-strike {
-            grid-row: 1 / span 2;
-            grid-column: 1 / span 2;
-            height: 2px;
-            background-color: red;
-            align-self: center;
-        }
-
-        &[data-deleted=false] {
-            & > .delete-strike {
-                display: none;
-            }
-        }
-
-        &[data-deleted=true] {
-            border: solid 1px red;
-            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='red' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='red' stroke-width='1'/></svg>"); 
-        }
-`.installGlobal("*[data-item-chip]");

package/src/basic/styles/drop-down-style.ts

@@ -1,13 +0,0 @@
-import styled from "@web-atoms/core/dist/style/styled";
-
-    styled.css `
-        display: inline-flex;
-        flex-direction: row;
-        gap: 4px;
-        align-items: center;
-        justify-content: stretch;
-
-        & [data-white-space=nowrap] {
-            white-space: nowrap;
-        }
-    `.installGlobal("div[data-drop-down=drop-down]");

package/src/basic/styles/inline-popup-style.ts

@@ -1,35 +0,0 @@
-import styled from "@web-atoms/core/dist/style/styled";
-
-    styled.css `
-    position: absolute;
-    border-radius: 5px;
-    padding: 5px;
-    box-shadow: rgba(50, 50, 105, 0.5) 0px 4px 6px 4px, rgba(0, 0, 0, 0.5) 0px 1px 1px 0px;
-    border: solid 1px rgba(0, 0, 0, 0.05);
-    z-index: 5000;
-    background-color: var(--popup-background-color, white);
-    color: var(--popup-text-color, rgba(0,0,0,0.8));
-    `.installGlobal("*[data-inline-popup=inline-popup]");
-
-    // styled.css `
-    // right: 0;
-    // left: unset;
-    // `.installGlobal("*[data-alignment=bottom-right] > [data-inline-popup=inline-popup]");
-
-
-    // styled.css `
-    //     flex-direction: row;
-    //     align-items: center;
-    //     justify-content: center;
-    //     gap: 4px;
-    //     display: inline-flex;
-    //     flex-wrap: wrap;
-    //     padding: 3px;
-    //     padding-left: 5px;
-    //     padding-right: 5px;
-
-    //     &[data-has-border=false] {
-    //         border: none;
-    //         background-color: transparent;
-    //     }
-    // `.installGlobal("*[data-inline-popup-button=inline-popup-button]");

package/src/basic/styles/item-suggestion-style.ts

@@ -1,48 +0,0 @@
-import styled from "@web-atoms/core/dist/style/styled";
-
-    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;
-
-        max-width: 100%;
-
-        overflow-x: hidden;
-        
-        & > [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;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-        & > .label {
-            grid-row-start: 2;
-            grid-column-start: 2;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-    `.installGlobal("*[data-item-suggestion]");

package/src/basic/styles/masked-input-div.ts

@@ -1,41 +0,0 @@
-import styled from "@web-atoms/core/dist/style/styled";
-
-    styled.css `
-        display: inline;
-        position: relative;
-        padding-left: 2px;
-        padding-top: 2px;
-        font-family: monospace;
-
-        &::before {
-            position: absolute;
-            left: 2px;
-            top: 2px;
-            content: attr(data-label);
-            font-family: inherit;
-            font-weight: inherit;
-            font-size: inherit;
-            pointer-events: none;
-        }
-
-        &::after {
-            position: absolute;
-            left: 2px;
-            top: 2px;
-            content: attr(data-mask);
-            font-family: inherit;
-            font-weight: inherit;
-            font-size: inherit;
-            pointer-events: none;
-            opacity: 0.2;
-        }
-
-        * > input {
-            color: transparent;
-            caret-color: gray;
-            font-family: inherit;
-            font-weight: inherit;
-            font-size: inherit;
-        }
-
-    `.installGlobal();

package/src/basic/styles/masked-input-style.ts

@@ -1,8 +0,0 @@
-import styled from "@web-atoms/core/dist/style/styled";
-
-    styled.css `
-        position: relative;
-        padding-left: 2px;
-        padding-top: 1px;
-        font-family: monospace;
-    `.installGlobal("input[data-mask]");

package/src/basic/styles/pinch-zoom-view-style.ts

@@ -1,61 +0,0 @@
-
-import styled, { svgAsCssDataUrl } from "@web-atoms/core/dist/style/styled";
-
-const svg = svgAsCssDataUrl(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M502.6 54.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L336 130.7 336 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 128c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-50.7 0L502.6 54.6zM80 272c-17.7 0-32 14.3-32 32s14.3 32 32 32l50.7 0L9.4 457.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L176 381.3l0 50.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-128c0-17.7-14.3-32-32-32L80 272z"/></svg>`);
-
-
-    styled.css `
-        position: relative;
-        overflow: hidden;
-        cursor: grab;
-
-        &[data-state=grabbing] {
-            cursor: grabbing;
-        }
-
-        & > .scale {
-            position: absolute;
-            right: 10px;
-            top: 10px;
-            border: solid 2px darkgray;
-            border-radius: 4px;
-            background-color: white;
-            padding: 4px;
-            color: black;
-            width: 30px;
-            height: 30px;
-            background-image: ${svg};
-            background-position: 2px 2px;
-            background-size: 20px 20px;
-            background-repeat: no-repeat;
-        }
-
-        & > .image-container {
-            position: absolute;
-            left: 0;
-            top: 0;
-            right: 0;
-            bottom: 0;
-            overflow: hidden;
-            display: grid;
-            align-items: center;
-            justify-items: center;
-            justify-content: center;
-        }
-
-        & > .spinner {
-            position: absolute;
-            left: 0;
-            top: 0;
-            right: 0;
-            bottom: 0;
-            display: inline-grid;
-            align-items: center;
-            justify-items: center;
-            z-index: 10;
-        }
-
-        & > .hide {
-            display: none;
-        }
-    `.installGlobal("div[data-pinch-zoom]");

package/src/basic/styles/swipe-style.ts

@@ -1,22 +0,0 @@
-import styled from "@web-atoms/core/dist/style/styled";
-
-    styled.css `
-        display: grid;
-        & > * {
-            grid-row: 1;
-            grid-column: 1;
-        }
-    `.installGlobal("[data-swipe]");
-
-    styled.css `
-        & > * {
-            align-self: center;
-            justify-self: end;
-            z-index: 2;
-            &:first-child {
-                align-self: stretch;
-                justify-self: stretch;
-                z-index: 10;
-            }
-        }
-    `.installGlobal("[data-swipe=left]");

package/src/basic/styles/tooltip-style.ts

@@ -1,10 +0,0 @@
-import styled from "@web-atoms/core/dist/style/styled";
-
-    styled.css `
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: space-around;
-        gap: 4px;
-        padding: 10px;
-    `.installGlobal("[data-tooltip=tooltip]");

package/src/basic/styles/ui-display-none-style.ts

@@ -1,5 +0,0 @@
-import styled from "@web-atoms/core/dist/style/styled";
-
-    styled.css `
-        display: none;
-    `.installGlobal("[data-ui-display=none]");