@operato/popup 8.0.0-beta.0 → 8.0.0-beta.1

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.0.0-beta.1](https://github.com/hatiolab/operato/compare/v8.0.0-beta.0...v8.0.0-beta.1) (2025-01-08)
+
+
+### :bug: Bug Fix
+
+* missing .npmignore ([be05985](https://github.com/hatiolab/operato/commit/be05985abfae4af53501f718dd52932099f7fbcb))
+
+
+
 ## [8.0.0-beta.0](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.56...v8.0.0-beta.0) (2025-01-07)
 
 **Note:** Version bump only for package @operato/popup

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/popup",
   "description": "Webcomponent popup following open-wc recommendations",
   "author": "heartyoh",
-  "version": "8.0.0-beta.0",
+  "version": "8.0.0-beta.1",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "exports": {
@@ -62,8 +62,8 @@
   },
   "dependencies": {
     "@material/web": "^2.0.0",
-    "@operato/styles": "^8.0.0-beta.0",
-    "@operato/utils": "^8.0.0-beta.0",
+    "@operato/styles": "^8.0.0-beta.1",
+    "@operato/utils": "^8.0.0-beta.1",
     "lit": "^3.1.2"
   },
   "devDependencies": {
@@ -100,5 +100,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "c4e9cc245659d050a9ffd66542083a6daad4bcb9"
+  "gitHead": "d5b28a2e9deb632c0dc80132f6a7196dd6fe4220"
 }

package/.editorconfig

@@ -1,29 +0,0 @@
-# EditorConfig helps developers define and maintain consistent
-# coding styles between different editors and IDEs
-# editorconfig.org
-
-root = true
-
-
-[*]
-
-# Change these settings to your own preference
-indent_style = space
-indent_size = 2
-
-# We recommend you to keep these unchanged
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false
-
-[*.json]
-indent_size = 2
-
-[*.{html,js,md}]
-block_comment_start = /**
-block_comment = *
-block_comment_end = */

package/.storybook/main.js

@@ -1,3 +0,0 @@
-module.exports = {
-  stories: ['../dist/stories/**/*.stories.{js,md,mdx}'],
-};

package/.storybook/preview.js

@@ -1,52 +0,0 @@
-import { i18next } from '@operato/i18n'
-
-export const globalTypes = {
-  locale: {
-    name: 'Locale',
-    description: 'Internationalization locale',
-    toolbar: {
-      icon: 'globe',
-      items: [
-        { value: 'en', right: '🇺🇸', title: 'English' },
-        { value: 'ko', right: '🇰🇷', title: '한국어' },
-        { value: 'zh', right: '🇨🇳', title: '中文' },
-        { value: 'ja', right: '🇯🇵', title: '日本語' },
-        { value: 'ms', right: '🇲🇾', title: 'Bahasa Melayu' }
-      ],
-      showName: true
-    }
-  },
-  theme: {
-    name: 'Theme',
-    description: 'Global theme for components',
-    toolbar: {
-      icon: 'paintbrush',
-      items: [
-        { value: 'light', title: 'Light' },
-        { value: 'dark', title: 'Dark' }
-      ],
-      showName: true
-    }
-  }
-}
-
-export const decorators = [
-  (Story, context) => {
-    const { locale, theme } = context.globals
-
-    if (locale) {
-      i18next.changeLanguage(locale)
-    }
-
-    // Set the theme class for the document
-    if (theme === 'dark') {
-      document.documentElement.classList.add('dark')
-      document.documentElement.classList.remove('light')
-    } else {
-      document.documentElement.classList.add('light')
-      document.documentElement.classList.remove('dark')
-    }
-
-    return Story()
-  }
-]

package/.storybook/server.mjs

@@ -1,8 +0,0 @@
-import { storybookPlugin } from '@web/dev-server-storybook';
-import baseConfig from '../web-dev-server.config.mjs';
-
-export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
-  ...baseConfig,
-  open: '/',
-  plugins: [storybookPlugin({ type: 'web-components' }), ...baseConfig.plugins],
-});

package/src/index.ts

@@ -1,7 +0,0 @@
-export * from './ox-popup.js'
-export * from './ox-popup-list.js'
-export * from './ox-popup-menu.js'
-export * from './ox-popup-menuitem.js'
-export * from './ox-prompt.js'
-
-export * from './open-popup.js'

package/src/open-popup.ts

@@ -1,166 +0,0 @@
-import './ox-floating-overlay.js'
-
-import { html, render, TemplateResult } from 'lit'
-
-import { OxFloatingOverlay } from './ox-floating-overlay.js'
-
-/**
- * Options for popup
- *
- * @typedef {Object} PopupOptions
- * @property {String} [title] - popup title
- * @property {'center' | 'next' | 'edge'} [hovering] - hovering position (default: 'center'). 'edge' : edge of the HEADERBAR, 'next' : next of the clicked position.
- * @property {'large' | 'medium' | small'} [size] - popup size
- * @property {Boolean} [closable] - set whether the close 'X' button is shown on top-right most position (default true)
- * @property {Boolean} [escapable] - set whether the close popup with 'ESC' key (default true)
- * @property {Boolean} [backdrop] - set whether to do background masking around the pop-up. If true, it becomes modal (default true)
- * @property {Boolean} [movable] - set whether to be able to movable by the gesture dragging on header once the hovering option is 'center'
- * @property {String} [help] - inline help link
- */
-export type PopupOptions = {
-  title?: string
-  hovering?: 'center' | 'next' | 'edge'
-  size?: 'large' | 'medium' | 'small'
-  closable?: boolean
-  escapable?: boolean
-  backdrop?: boolean
-  movable?: boolean
-  help?: string
-  search?: {
-    value?: string
-    handler?: (closure: any, value: string) => void
-    placeholder?: string
-    autofocus?: boolean
-  }
-  filter?: {
-    handler?: (closure: any) => void
-  }
-}
-
-/**
- * Popup handle object that will be returned openPopup
- *
- * @typedef {Object} PopupHandle
- * @property {String} [name] - popup instance name
- * @property {Function} [close] - call this function to close the popup.
- * @property {Boolean} [closed] - state telling whether the popup is closed or not.
- * @property {Function} [onclosed] - set callback function on close. It will be called when the popup about to close.
- */
-export type PopupHandle = {
-  name: string
-  close: () => void
-  closed: boolean
-  onclosed?: () => void
-}
-
-/*
- * popup handling
- *
- * popup은 overlay의 특별한 형태이다.
- * popup은 open될 때, viewpart를 append 하며, close 될 때 viewpart를 remove 한다.
- * - name: '$popup-${popupSequence}'
- * - position: VIEWPART_POSITION_HEADERBAR
- * - hovering: 'center' | 'next' | 'edge'
- */
-var popupSequence = 0
-
-/**
- * default openPopup implementation for operato application environment
- *
- * @param {*} template html template to be rendered inside the popup
- * @param {PopupOptions} options
- * @returns popup handle object. This object is used to close the popup.
- */
-function defaultOpenPopup(template: TemplateResult, options: PopupOptions = {}): PopupHandle {
-  const {
-    title,
-    size = 'large',
-    closable = false,
-    escapable = false,
-    help,
-    hovering,
-    backdrop,
-    movable = false,
-    search,
-    filter
-  } = options
-  const name = `$popup-${popupSequence++}`
-
-  render(
-    html`
-      <ox-floating-overlay
-        id=${name}
-        name=${name}
-        .backdrop=${backdrop}
-        direction="down"
-        .hovering=${hovering}
-        .title=${title || ''}
-        .help=${help}
-        .size=${size}
-        .closable=${closable}
-        .historical=${false}
-        .movable=${movable}
-        .search=${search}
-        .filter=${filter}
-        >${template}</ox-floating-overlay
-      >
-    `,
-    document.body
-  )
-
-  requestAnimationFrame(() => {
-    dispatchEvent(new Event('resize'))
-  })
-
-  const popupHandle = {
-    name,
-    close: () => {
-      const popup = document.body.querySelector(`#${name}`) as OxFloatingOverlay
-      popup?.close()
-      popupHandle.onclosed && popupHandle.onclosed()
-    },
-    closed: false
-  } as PopupHandle
-
-  return popupHandle
-}
-
-var openPopupImpl: (template: TemplateResult, options: PopupOptions) => PopupHandle = defaultOpenPopup
-
-/**
- * replace default openPopup implementation
- *
- * @param {(template: TemplateResult, options: PopupOptions) => PopupHandle} implementation
- */
-export function setOpenPopupImplementation(
-  implementation: (template: TemplateResult, options: PopupOptions) => PopupHandle
-) {
-  openPopupImpl = implementation
-}
-
-/**
- * open popup out of operato application environment
- *
- * @param {*} template html template to be rendered inside the popup
- * @param {PopupOptions} options
- * @returns popup handle object. This object is used to close the popup.
- */
-export const openPopup = (template: TemplateResult, options: PopupOptions = {}): PopupHandle => {
-  return openPopupImpl(template, options)
-}
-
-/**
- * open popup out of operato application environment
- *
- * @param {*} template html template to be rendered inside the popup
- * @param {PopupOptions} options
- * @returns popup handle object. This object is used to close the popup.
- */
-export const closePopup = (element: HTMLElement): void => {
-  element.dispatchEvent(
-    new CustomEvent('close-overlay', {
-      bubbles: true,
-      composed: true
-    })
-  )
-}